/* source: public/css/fonts.css */
@font-face{font-family:Inter;src:url('/fonts/inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url('/fonts/plus-jakarta-sans-latin.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}


/* source: public/app.css */
:root {
  --navy: #0d2a35;
  --navy-2: #173e4c;
  --ink: #14252b;
  --muted: #66767d;
  --line: #dfe7e9;
  --soft: #f3f7f7;
  --white: #ffffff;
  --coral: #f25f3a;
  --coral-dark: #d94425;
  --teal: #0aa69a;
  --teal-dark: #087d75;
  --yellow: #ffc857;
  --green: #18a45b;
  --shadow: 0 12px 36px rgba(13, 42, 53, .10);
  --shadow-soft: 0 5px 18px rgba(13, 42, 53, .08);
  --radius: 18px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
 body { margin: 0; overflow-x: hidden; background: #f8fafa; color: var(--ink); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 15px; line-height: 1.45; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button, .btn { cursor: pointer; }
img { display: block; max-width: 100%; }
.shell { width: min(1180px, calc(100% - 36px)); margin-inline: auto; }
.narrow { max-width: 720px; }
.muted-pad { color: var(--muted); padding: 24px; }

.topbar { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,.96); border-bottom: 1px solid rgba(223,231,233,.9); backdrop-filter: blur(16px); }
.topbar-inner { display: grid; grid-template-columns: auto minmax(280px, 520px) auto; align-items: center; gap: 28px; min-height: 72px; }
.brand { display: inline-flex; align-items: center; gap: 10px; color: var(--navy); font-size: 18px; font-weight: 650; letter-spacing: -.02em; white-space: nowrap; }
.brand strong { color: var(--coral); }
.brand-mark { display: grid; width: 37px; aspect-ratio: 1; place-items: center; color: white; background: var(--coral); border-radius: 11px 11px 4px 11px; font-weight: 900; box-shadow: 0 7px 16px rgba(242,95,58,.28); }
.top-search { display: flex; align-items: center; overflow: hidden; height: 44px; background: var(--soft); border: 1px solid transparent; border-radius: 13px; transition: .2s; }
.top-search:focus-within { background: white; border-color: var(--teal); box-shadow: 0 0 0 3px rgba(10,166,154,.1); }
.top-search > span { color: var(--muted); padding-left: 15px; font-size: 22px; }
.top-search input { min-width: 0; flex: 1; height: 100%; border: 0; outline: 0; background: transparent; padding: 0 12px; color: var(--ink); }
.top-search button { align-self: stretch; border: 0; padding: 0 17px; background: var(--navy); color: white; font-weight: 700; }
.desktop-actions { display: flex; align-items: center; justify-content: flex-end; gap: 9px; }
.account-chip { display: flex; align-items: center; gap: 8px; padding-left: 5px; font-size: 14px; font-weight: 700; }
.account-chip img { width: 34px; height: 34px; object-fit: cover; border-radius: 50%; border: 2px solid white; box-shadow: 0 0 0 1px var(--line); }
.mobile-search-wrap, .mobile-nav { display: none; }

.btn { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; gap: 7px; border: 1px solid transparent; border-radius: 12px; padding: 10px 17px; font-weight: 750; transition: transform .18s, box-shadow .18s, background .18s; }
.btn:hover { transform: translateY(-1px); }
.btn-primary { color: white; background: var(--coral); box-shadow: 0 7px 18px rgba(242,95,58,.22); }
.btn-primary:hover { background: var(--coral-dark); }
.btn-outline { color: var(--navy); background: white; border-color: var(--line); }
.btn-outline:hover { border-color: #a9bec4; box-shadow: var(--shadow-soft); }
.btn-light { color: var(--navy); background: white; }
.btn-dark { color: white; background: var(--navy); }
.btn-muted { color: var(--navy); background: #e9f0f1; }
.btn-whatsapp { color: white; background: var(--green); box-shadow: 0 7px 18px rgba(24,164,91,.18); }
.btn-small { min-height: 36px; padding: 7px 12px; border-radius: 10px; font-size: 14px; }
.btn-large { min-height: 50px; padding: 12px 21px; }
.btn-icon-large { min-width: 50px; min-height: 50px; border: 1px solid var(--line); background: white; border-radius: 13px; color: var(--coral); font-size: 24px; }
.icon-button { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 10px; background: white; color: var(--navy); font-size: 21px; }
.icon-button.saved { color: var(--coral); background: #fff2ef; border-color: #ffd0c4; }

.flash { position: relative; z-index: 10; margin-top: 14px; padding: 13px 16px; border: 1px solid #bce8d0; border-radius: 12px; background: #edfbf3; color: #14653a; font-weight: 650; }
.flash.error { border-color: #f2c3b8; background: #fff1ed; color: #9d341d; }
.form-error { margin-top: 14px; padding: 12px; border-radius: 10px; background: #fff1ed; color: #a63f25; font-size: 14px; }

.home-intro { position: relative; overflow: hidden; color: white; background: var(--navy); }
.home-intro::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 15% 10%, rgba(10,166,154,.22), transparent 30%), radial-gradient(circle at 80% 70%, rgba(242,95,58,.18), transparent 26%); }
.intro-grid { position: relative; display: grid; grid-template-columns: 1.02fr .98fr; align-items: center; gap: 70px; min-height: 510px; padding-block: 58px; }
.eyebrow, .section-kicker { display: block; margin-bottom: 10px; color: var(--teal); font-size: 13px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.home-intro .eyebrow { color: #6fe1d6; }
.home-intro h1 { max-width: 650px; margin: 0; font-size: clamp(42px, 5vw, 67px); line-height: .99; letter-spacing: -.055em; }
.home-intro h1 em { color: var(--yellow); font-family: Georgia, serif; font-weight: 500; }
.home-intro p { max-width: 590px; margin: 22px 0; color: #c9d8dc; font-size: 19px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.trust-row { display: flex; flex-wrap: wrap; gap: 26px; margin-top: 34px; color: #a9c1c6; font-size: 13px; }
.trust-row span { display: flex; flex-direction: column; }
.trust-row strong { color: white; font-size: 20px; }
.local-card { position: relative; min-height: 390px; padding: 18px; border: 1px solid rgba(255,255,255,.12); border-radius: 28px; background: rgba(255,255,255,.06); box-shadow: 0 26px 70px rgba(0,0,0,.22); }
.local-card::after { content: ""; position: absolute; inset: 8px; pointer-events: none; border: 1px dashed rgba(255,255,255,.13); border-radius: 23px; }
.local-card-top { position: relative; z-index: 2; display: flex; justify-content: space-between; align-items: center; padding: 4px 5px 14px; font-weight: 750; }
.local-card-top small { color: #9fbdc3; }
.local-card > img { width: 100%; height: 298px; object-fit: cover; border-radius: 18px; background: #e7f2f1; }
.floating-result { position: absolute; z-index: 3; right: -22px; bottom: 32px; display: flex; align-items: center; gap: 11px; width: 260px; padding: 14px; color: var(--ink); background: white; border-radius: 15px; box-shadow: var(--shadow); }
.result-icon { display: grid; width: 36px; height: 36px; flex: 0 0 auto; place-items: center; color: white; background: var(--teal); border-radius: 50%; font-weight: 900; }
.floating-result div { display: flex; flex-direction: column; }
.floating-result small { color: var(--muted); font-size: 11px; }
.map-dots span { position: absolute; width: 8px; height: 8px; border: 2px solid var(--yellow); border-radius: 50%; }
.map-dots span:nth-child(1) { left: -24px; top: 25%; }.map-dots span:nth-child(2) { right: -38px; top: 12%; }.map-dots span:nth-child(3) { left: -38px; bottom: 18%; }.map-dots span:nth-child(4) { right: -28px; bottom: 36%; }

.category-section, .featured-section, .recent-section { padding-block: 52px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
.section-heading h2 { margin: 0; color: var(--navy); font-size: clamp(24px, 3vw, 34px); letter-spacing: -.035em; }
.section-heading > a { color: var(--teal-dark); font-weight: 750; }
.section-heading.spaced { margin-top: 42px; }
.category-strip { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 11px; }
.category-pill { display: flex; min-height: 92px; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 7px; padding: 14px; border: 1px solid var(--line); border-radius: 15px; background: white; font-size: 13px; font-weight: 750; transition: .2s; }
.category-pill:hover { transform: translateY(-3px); border-color: #a8c5c8; box-shadow: var(--shadow-soft); }
.category-pill span { font-size: 25px; }

.content-layout { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(320px, .85fr); align-items: start; gap: 28px; padding-bottom: 34px; }
.feed-tabs { display: flex; gap: 8px; margin-bottom: 14px; border-bottom: 1px solid var(--line); }
.feed-tabs a { padding: 11px 14px; color: var(--muted); font-weight: 750; }
.feed-tabs a.active { color: var(--coral); border-bottom: 3px solid var(--coral); }
.quick-publish { display: flex; align-items: center; gap: 11px; margin-bottom: 16px; padding: 14px; border: 1px solid var(--line); border-radius: var(--radius); background: white; box-shadow: var(--shadow-soft); }
.quick-publish img { width: 42px; height: 42px; border-radius: 50%; }
.quick-publish > a:not(.btn,.quick-action) { flex: 1; padding: 10px 15px; color: var(--muted); background: var(--soft); border-radius: 999px; }
.quick-publish div { display: flex; min-width: 0; flex: 1; flex-direction: column; }
.quick-publish small { color: var(--muted); }
.quick-logo { display: grid; width: 42px; height: 42px; place-items: center; color: white; background: var(--coral); border-radius: 12px; font-weight: 900; }
.quick-action { color: var(--teal-dark); font-weight: 750; }
.post-card { overflow: hidden; margin-bottom: 17px; border: 1px solid var(--line); border-radius: var(--radius); background: white; box-shadow: var(--shadow-soft); }
.post-head { display: grid; grid-template-columns: auto minmax(0,1fr) auto auto; align-items: center; gap: 11px; padding: 16px 17px 8px; }
.post-head > a img, .comment img, .comment-form img { width: 42px; height: 42px; object-fit: cover; border-radius: 13px; }
.post-identity { display: grid; min-width: 0; gap: 2px; }
.post-identity > div { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: 6px; }
.post-identity strong { min-width: 0; }
.post-identity strong a { overflow-wrap: anywhere; }
.post-head-labels { display: flex; align-items: center; gap: 7px; }
.post-head strong { font-size: 15px; }
.post-head small { color: var(--muted); font-size: 12px; line-height: 1.35; }
.more-button { border: 0; background: transparent; color: var(--muted); }
.post-copy { margin: 5px 17px 14px; white-space: pre-wrap; }
.post-image { width: 100%; max-height: 470px; object-fit: cover; background: var(--soft); }
.post-stats { display: flex; justify-content: space-between; padding: 10px 17px; color: var(--muted); font-size: 13px; }
.post-actions { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0 17px; padding: 6px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.post-actions button { border: 0; padding: 8px; color: var(--muted); background: transparent; font-weight: 700; }
.comments { padding: 12px 17px 0; }
.comment { display: flex; gap: 9px; margin-bottom: 9px; }
.comment img, .comment-form img { width: 32px; height: 32px; border-radius: 50%; }
.comment > div { padding: 7px 11px; background: var(--soft); border-radius: 5px 13px 13px; }
.comment strong { font-size: 13px; }.comment p { margin: 2px 0 0; font-size: 14px; }
.comment-form { display: flex; align-items: center; gap: 8px; padding: 12px 17px 16px; }
.comment-form input { min-width: 0; flex: 1; padding: 9px 12px; border: 1px solid transparent; outline: 0; background: var(--soft); border-radius: 999px; }
.comment-form input:focus { border-color: var(--teal); }
.comment-form button { border: 0; color: var(--teal-dark); background: transparent; font-weight: 800; }
.login-nudge { margin: 12px 17px 16px; padding: 10px 12px; color: var(--muted); background: var(--soft); border-radius: 10px; font-size: 14px; }
.login-nudge a { color: var(--teal-dark); font-weight: 800; }
.aside-heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }.aside-heading h2 { margin: 0; font-size: 19px; }.aside-heading a { color: var(--teal-dark); font-size: 13px; font-weight: 750; }
.discovery-column { position: sticky; top: 92px; }
.free-business-card { margin-top: 18px; padding: 25px; color: white; background: linear-gradient(140deg, var(--teal-dark), var(--navy)); border-radius: var(--radius); box-shadow: var(--shadow); }
.free-business-card > span { color: #88e5db; font-size: 12px; font-weight: 850; text-transform: uppercase; }.free-business-card h3 { margin: 8px 0; font-size: 25px; line-height: 1.1; }.free-business-card p { color: #d1e0e3; font-size: 14px; }

.listing-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.listing-grid.compact { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
.listing-card { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: white; box-shadow: 0 4px 14px rgba(13,42,53,.055); transition: .2s; }
.listing-card:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.listing-image { position: relative; display: block; overflow: hidden; aspect-ratio: 1.2; background: var(--soft); }
.listing-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }.listing-card:hover .listing-image img { transform: scale(1.035); }
.type-chip { position: absolute; left: 10px; top: 10px; padding: 5px 8px; color: var(--navy); background: rgba(255,255,255,.9); border-radius: 7px; box-shadow: 0 3px 10px rgba(0,0,0,.08); font-size: 11px; font-weight: 800; }
.listing-content { padding: 13px; }.listing-price { color: var(--coral-dark); font-size: 20px; font-weight: 900; letter-spacing: -.025em; }.listing-content h3 { min-height: 42px; margin: 4px 0 8px; font-size: 15px; line-height: 1.35; }.listing-meta { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: 4px; color: var(--muted); font-size: 11px; }.listing-meta a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.listing-actions { display: flex; justify-content: space-between; gap: 8px; margin-top: 12px; }.listing-actions .btn { flex: 1; }
.compact .listing-content { padding: 10px; }.compact .listing-price { font-size: 17px; }.compact .listing-content h3 { min-height: 38px; font-size: 13px; }.compact .listing-actions .btn { font-size: 12px; }

.business-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; }
.business-card { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: white; box-shadow: var(--shadow-soft); }.business-card.is-verified { border-color: #91d8d1; box-shadow: 0 8px 26px rgba(10,166,154,.13); }
.business-cover { position: relative; display: block; height: 118px; background: var(--soft); }.business-cover > img { width: 100%; height: 100%; object-fit: cover; }.business-logo { position: absolute; left: 15px; bottom: -26px; overflow: hidden; width: 58px; height: 58px; padding: 3px; background: white; border-radius: 15px; box-shadow: 0 3px 12px rgba(0,0,0,.15); }.business-logo img { width: 100%; height: 100%; object-fit: cover; border-radius: 11px; }
.business-card-body { padding: 34px 15px 15px; }.business-heading { display: flex; justify-content: space-between; gap: 8px; }.business-heading h3 { margin: 0 0 4px; font-size: 17px; }.business-card-body > p { min-height: 60px; margin: 10px 0; color: var(--muted); font-size: 13px; }.rating-mini { height: fit-content; padding: 4px 7px; color: #765200; background: #fff3ce; border-radius: 7px; font-size: 12px; font-weight: 850; }.business-actions { display: flex; gap: 8px; margin-top: 13px; }.business-actions > * { flex: 1; }.business-actions .btn { width: 100%; }
.verified-badge { display: inline-flex; width: fit-content; align-items: center; gap: 4px; color: var(--teal-dark); font-size: 11px; font-weight: 850; white-space: nowrap; }.verified-badge span { display: grid; width: 16px; height: 16px; place-items: center; color: white; background: var(--teal); border-radius: 50%; font-size: 10px; }.verified-badge.compact { font-size: 10px; }.verified-badge.compact span { width: 14px; height: 14px; }

.search-page { min-height: 70vh; padding-block: 44px 65px; }.search-header { max-width: 720px; margin-bottom: 20px; }.search-header h1 { margin: 0; color: var(--navy); font-size: clamp(34px,5vw,54px); line-height: 1.05; letter-spacing: -.05em; }.search-header p { color: var(--muted); font-size: 17px; }.search-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin-bottom: 14px; }.search-toolbar > a { color: var(--teal-dark); font-size: 13px; font-weight: 800; }.filter-toggle,.location-button { min-height: 40px; padding: 0 13px; color: var(--navy); border: 1px solid var(--line); border-radius: 10px; background: white; font-weight: 800; cursor: pointer; }.filter-toggle:hover,.location-button:hover { border-color: var(--teal); color: var(--teal-dark); }.location-status { color: var(--muted); font-size: 12px; }.recent-intents { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; margin-bottom: 15px; }.recent-intents > span { color: var(--muted); font-size: 12px; }.recent-intents > div { display: flex; flex-wrap: wrap; gap: 6px; }.recent-intents a { padding: 5px 8px; color: var(--teal-dark); background: #eef8f7; border-radius: 999px; font-size: 12px; }.filters { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)) auto; align-items: end; gap: 10px; margin-bottom: 28px; padding: 15px; background: white; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-soft); }.filters.filters-drawer { display: none; }.filters.filters-drawer.is-open { display: grid; }.filters label,.creation-form label,.stack-form label,.review-form label,.settings-form label { display: flex; flex-direction: column; gap: 6px; color: var(--navy); font-size: 13px; font-weight: 750; }.filters input,.filters select,.creation-form input,.creation-form select,.creation-form textarea,.stack-form input,.stack-form select,.review-form select,.review-form textarea,.settings-form input { width: 100%; min-height: 44px; border: 1px solid var(--line); border-radius: 10px; background: white; padding: 9px 11px; outline: 0; color: var(--ink); }.filters input:focus,.filters select:focus,.creation-form input:focus,.creation-form select:focus,.creation-form textarea:focus,.stack-form input:focus,.stack-form select:focus,.review-form textarea:focus { border-color: var(--teal); box-shadow: 0 0 0 3px rgba(10,166,154,.1); }.search-results { grid-template-columns: repeat(4,minmax(0,1fr)); }.category-hero { display: flex; align-items: center; gap: 18px; margin-bottom: 35px; padding: 30px; color: white; background: linear-gradient(130deg,var(--navy),var(--navy-2)); border-radius: 24px; }.category-hero > span { display: grid; width: 78px; height: 78px; place-items: center; background: rgba(255,255,255,.1); border-radius: 20px; font-size: 38px; }.category-hero small { color: #8fdcd5; text-transform: uppercase; font-weight: 800; letter-spacing: .1em; }.category-hero h1 { margin: 2px 0; font-size: 37px; }.category-hero p { margin: 0; color: #bdd0d4; }

.detail-page { padding-block: 28px 60px; }.breadcrumbs { display: flex; gap: 8px; margin-bottom: 18px; color: var(--muted); font-size: 13px; }.detail-grid { display: grid; grid-template-columns: 1.18fr .82fr; gap: 34px; align-items: start; }.detail-media { position: relative; overflow: hidden; min-height: 520px; background: white; border: 1px solid var(--line); border-radius: 22px; }.detail-media > img { width: 100%; height: 100%; min-height: 520px; object-fit: cover; }.detail-info { padding: 16px 0; }.detail-location { color: var(--teal-dark); font-size: 13px; font-weight: 750; }.detail-info h1 { margin: 9px 0; color: var(--navy); font-size: clamp(32px,4vw,48px); line-height: 1.04; letter-spacing: -.045em; }.detail-price { margin: 17px 0; color: var(--coral-dark); font-size: 33px; font-weight: 900; }.detail-info > p { color: var(--muted); white-space: pre-wrap; }.seller-box { display: flex; align-items: center; gap: 12px; margin: 24px 0; padding: 14px; border: 1px solid var(--line); border-radius: 14px; background: white; }.seller-box > img { width: 50px; height: 50px; object-fit: cover; border-radius: 13px; }.seller-box > span { display: flex; min-width: 0; flex: 1; flex-direction: column; }.seller-box small { color: var(--muted); }.seller-box b { font-size: 24px; }.detail-actions { display: flex; flex-wrap: wrap; gap: 9px; }.safety-note { display: flex; flex-direction: column; margin-top: 19px; padding: 14px; border-left: 4px solid var(--yellow); background: #fffae9; border-radius: 5px 12px 12px 5px; }.safety-note span { color: var(--muted); font-size: 13px; }

.business-profile { min-height: 80vh; padding-bottom: 60px; }.business-profile-cover { position: relative; height: 320px; background: var(--navy); }.business-profile-cover > img { width: 100%; height: 100%; object-fit: cover; }.cover-overlay { position: absolute; inset: 0; background: linear-gradient(transparent 45%,rgba(6,24,30,.55)); }.business-profile-main { position: relative; }.profile-identity { display: flex; align-items: end; gap: 20px; margin-top: -76px; padding: 0 22px 22px; border-bottom: 1px solid var(--line); }.profile-logo { width: 144px; height: 144px; object-fit: cover; border: 6px solid white; border-radius: 30px; box-shadow: var(--shadow); }.profile-identity > div:nth-child(2) { min-width: 0; flex: 1; padding-bottom: 4px; }.profile-name-line { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }.profile-name-line h1 { margin: 0; color: white; text-shadow: 0 2px 10px rgba(0,0,0,.35); font-size: clamp(30px,4vw,44px); letter-spacing: -.04em; }.profile-identity > div:nth-child(2) > p { margin: 18px 0 4px; color: var(--muted); }.profile-rating { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; font-size: 13px; }.profile-rating > span { color: var(--muted); }.stars { color: #f4b400; letter-spacing: 1px; }.profile-actions { display: flex; flex-wrap: wrap; gap: 8px; padding-bottom: 5px; }.verified-profile .profile-name-line .verified-badge { color: #78e1d8; }.verified-explainer { display: flex; align-items: center; gap: 14px; margin: 18px 0; padding: 18px 21px; color: #064f49; border: 1px solid #9bddd7; background: linear-gradient(90deg,#e9fbf8,#f5fffd); border-radius: 15px; }.verified-explainer > span { display: grid; width: 43px; height: 43px; flex: 0 0 auto; place-items: center; color: white; background: var(--teal); border-radius: 50%; font-size: 22px; font-weight: 900; }.verified-explainer p { margin: 2px 0 0; color: #47746f; font-size: 13px; }.status-banner { margin: 18px 0; padding: 12px 15px; background: #fff5d7; border-radius: 12px; color: #765500; }.profile-tabs { display: flex; gap: 5px; overflow-x: auto; border-bottom: 1px solid var(--line); }.profile-tabs a { padding: 15px 17px; color: var(--muted); font-weight: 750; white-space: nowrap; }.profile-tabs a:hover { color: var(--teal-dark); }.profile-tabs span { padding: 2px 6px; background: #e9f0f1; border-radius: 999px; font-size: 11px; }.profile-layout { display: grid; grid-template-columns: 320px minmax(0,1fr); align-items: start; gap: 25px; padding-top: 25px; }.profile-sidebar { position: sticky; top: 94px; }.info-card,.owner-stats { padding: 20px; border: 1px solid var(--line); border-radius: var(--radius); background: white; box-shadow: var(--shadow-soft); }.info-card h2 { margin-top: 0; }.info-card > p { color: var(--muted); font-size: 14px; }.info-card ul { margin: 20px 0 0; padding: 0; list-style: none; }.info-card li { display: flex; gap: 10px; padding: 11px 0; border-top: 1px solid var(--line); }.info-card li > span { width: 24px; }.info-card li div { display: flex; flex-direction: column; font-size: 13px; }.info-card small { color: var(--muted); }.owner-stats { display: flex; flex-direction: column; margin-top: 14px; color: white; background: var(--navy); }.owner-stats small { color: #9fb8be; }.owner-stats strong { color: var(--yellow); font-size: 38px; }.owner-stats a { margin-top: 12px; color: #87dfd6; font-size: 13px; font-weight: 750; }.profile-listings { grid-template-columns: repeat(3,minmax(0,1fr)); }.profile-content .post-card { max-width: 700px; }.review-form { display: grid; grid-template-columns: 190px 1fr auto; align-items: end; gap: 10px; margin-bottom: 17px; padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: white; }.review-form textarea { min-height: 70px; resize: vertical; }.review-list { display: grid; gap: 10px; }.review { display: flex; gap: 12px; padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: white; }.review > img { width: 44px; height: 44px; border-radius: 50%; }.review > div { display: flex; flex: 1; flex-direction: column; }.review p { margin: 5px 0; }.review small { color: var(--muted); }

.auth-page { display: grid; grid-template-columns: 1fr 1fr; min-height: calc(100vh - 72px); }.auth-visual { position: relative; display: grid; place-items: center; overflow: hidden; padding: 70px; color: white; background: var(--navy); }.auth-visual::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 25% 25%,rgba(10,166,154,.3),transparent 28%),radial-gradient(circle at 75% 70%,rgba(242,95,58,.25),transparent 30%); }.auth-visual > div { position: relative; max-width: 560px; }.auth-brand { margin-bottom: 70px; color: white; }.auth-visual h1 { margin: 0; font-size: clamp(40px,5vw,68px); line-height: 1; letter-spacing: -.055em; }.auth-visual p { color: #bfd2d6; font-size: 18px; }.auth-panel { display: grid; place-items: center; padding: 45px; background: white; }.auth-box { width: min(440px,100%); }.auth-box h2 { margin: 0; color: var(--navy); font-size: 34px; letter-spacing: -.035em; }.auth-box > p { margin: 6px 0 24px; color: var(--muted); }.stack-form { display: grid; gap: 14px; }.auth-switch { margin-top: 20px; text-align: center; color: var(--muted); }.auth-switch a { color: var(--teal-dark); font-weight: 800; }.terms { display: block; margin-top: 17px; color: #8b989d; text-align: center; }.mobile-auth-brand { display: none; }

.account-page,.admin-page,.form-page,.person-page,.about-page { min-height: 75vh; padding-block: 42px 65px; }.account-header { display: flex; align-items: center; gap: 17px; padding: 25px; color: white; background: var(--navy); border-radius: 22px; }.account-header > img { width: 82px; height: 82px; border: 4px solid rgba(255,255,255,.25); border-radius: 22px; }.account-header > div:nth-child(2) { min-width: 0; flex: 1; }.account-header h1 { margin: 0; font-size: 34px; }.account-header p { margin: 2px 0; color: #b8cdd2; }.account-header-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }.dashboard-stats { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin: 18px 0 34px; }.dashboard-stats > div { display: flex; flex-direction: column; padding: 18px; border: 1px solid var(--line); border-radius: 14px; background: white; }.dashboard-stats strong { color: var(--navy); font-size: 28px; }.dashboard-stats span { color: var(--muted); font-size: 13px; }.account-section { margin-top: 36px; }.verify-inline { display: flex; gap: 7px; margin-top: -5px; padding: 10px; border: 1px solid var(--line); border-radius: 0 0 14px 14px; background: white; }.verify-inline input { min-width: 0; flex: 1; border: 1px solid var(--line); border-radius: 8px; padding: 7px; }.status-line { padding: 8px 12px; color: var(--muted); font-size: 12px; }
.form-page { display: grid; grid-template-columns: .75fr 1.25fr; align-items: start; gap: 55px; }.form-intro { position: sticky; top: 100px; padding-top: 20px; }.form-intro h1 { margin: 0; color: var(--navy); font-size: clamp(36px,5vw,54px); line-height: 1.03; letter-spacing: -.05em; }.form-intro p { color: var(--muted); font-size: 18px; }.form-intro ul { padding: 0; list-style: none; color: var(--teal-dark); font-weight: 650; }.form-intro li { margin: 9px 0; }.creation-form { display: grid; gap: 17px; padding: 28px; border: 1px solid var(--line); border-radius: 22px; background: white; box-shadow: var(--shadow); }.creation-form h2 { margin: 0 0 5px; color: var(--navy); }.creation-form textarea { min-height: 130px; resize: vertical; }.two-cols,.three-cols { display: grid; grid-template-columns: repeat(2,1fr); gap: 13px; }.three-cols { grid-template-columns: repeat(3,1fr); }.limit-card,.upload-note { display: flex; flex-direction: column; margin-top: 24px; padding: 17px; border: 1px solid #b7dedb; background: #ecfaf8; border-radius: 14px; }.limit-card small,.upload-note { color: var(--muted); font-size: 13px; }.upload-note { margin-top: 0; }
.messages-page { display: grid; grid-template-columns: 330px minmax(0,1fr); min-height: calc(100vh - 150px); margin-block: 22px; overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: white; box-shadow: var(--shadow); }.conversation-list { border-right: 1px solid var(--line); background: white; }.messages-title { padding: 20px; border-bottom: 1px solid var(--line); }.messages-title h1 { margin: 0; }.conversation-item { display: flex; gap: 10px; padding: 12px 14px; border-bottom: 1px solid var(--line); }.conversation-item:hover { background: #f4fbfa; }.conversation-item.active { background: #eaf8f6; border-left: 4px solid var(--teal); }.conversation-item img,.chat-head img { width: 44px; height: 44px; border-radius: 50%; }.conversation-item div { display: flex; min-width: 0; flex: 1; flex-direction: column; }.conversation-item strong { color: var(--navy); font-size: 13px; }.conversation-item span,.conversation-item small { overflow: hidden; color: var(--muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }.chat-panel { display: flex; min-width: 0; flex-direction: column; background: #f2f7f7; }.chat-head { position: sticky; z-index: 2; top: 0; display: flex; align-items: center; gap: 11px; padding: 13px 18px; background: rgba(255,255,255,.96); border-bottom: 1px solid var(--line); backdrop-filter: blur(12px); }.chat-head div { display: flex; min-width: 0; flex: 1; flex-direction: column; }.chat-head strong { color: var(--navy); font-size: 14px; }.chat-head small { overflow: hidden; color: var(--muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }.online-dot { display: inline-block; width: 7px; height: 7px; margin-right: 3px; background: var(--teal); border-radius: 50%; }.chat-head-actions button,.message-tool { display: grid; width: 34px; height: 34px; place-items: center; color: var(--teal-dark); border: 0; border-radius: 50%; background: #e7f8f5; cursor: pointer; }.message-stream { display: flex; flex: 1; flex-direction: column; gap: 9px; overflow-y: auto; padding: 22px; }.message { max-width: 72%; align-self: flex-start; padding: 10px 12px; background: white; border-radius: 5px 15px 15px; box-shadow: 0 2px 9px rgba(0,0,0,.05); }.message.mine { align-self: flex-end; color: #073f3a; background: #d8f5ef; border-radius: 15px 5px 15px 15px; }.message p { margin: 0; white-space: pre-wrap; }.message small { display: block; margin-top: 4px; color: var(--muted); font-size: 10px; }.chat-empty { margin: auto; color: var(--muted); }.message-form { position: sticky; z-index: 2; bottom: 0; display: flex; gap: 8px; align-items: end; padding: 11px 13px; background: rgba(255,255,255,.97); border-top: 1px solid var(--line); backdrop-filter: blur(12px); }.message-form textarea { min-height: 44px; max-height: 100px; flex: 1; resize: vertical; border: 1px solid var(--line); border-radius: 18px; padding: 11px 13px; }.message-send { display: grid; width: 44px; height: 44px; flex: 0 0 auto; place-items: center; color: white; border: 0; border-radius: 50%; background: var(--teal); cursor: pointer; font-size: 17px; }.message-send:hover { background: var(--teal-dark); }

.admin-header { display: flex; align-items: end; justify-content: space-between; margin-bottom: 22px; }.admin-header h1 { margin: 0; color: var(--navy); font-size: 44px; letter-spacing: -.04em; }.admin-header p { color: var(--muted); }.admin-role { padding: 8px 12px; color: white; background: var(--navy); border-radius: 9px; font-size: 12px; font-weight: 800; }.admin-grid { display: grid; grid-template-columns: 1.5fr .8fr; align-items: start; gap: 18px; }.admin-card { padding: 20px; border: 1px solid var(--line); border-radius: var(--radius); background: white; box-shadow: var(--shadow-soft); }.admin-card .section-heading { align-items: center; }.admin-card .section-heading h2 { font-size: 22px; }.admin-table article { display: grid; grid-template-columns: 1fr 1.1fr; gap: 12px; padding: 14px 0; border-top: 1px solid var(--line); }.admin-table article > div { display: flex; flex-direction: column; }.admin-table span,.admin-table small { color: var(--muted); font-size: 12px; }.admin-table form { display: grid; grid-template-columns: 120px 1fr auto; gap: 7px; }.admin-table select,.admin-table input { min-width: 0; border: 1px solid var(--line); border-radius: 8px; padding: 7px; }.settings-form { display: grid; gap: 10px; }.settings-form label { display: grid; grid-template-columns: 1fr 100px; align-items: center; }.payments-off { display: flex; flex-direction: column; margin-top: 18px; padding: 13px; border-left: 4px solid var(--yellow); background: #fffae9; border-radius: 6px 10px 10px 6px; }.payments-off span { color: var(--muted); font-size: 12px; }
.person-header { display: flex; gap: 20px; align-items: center; padding: 30px; color: white; background: linear-gradient(130deg,var(--navy),var(--navy-2)); border-radius: 22px; }.person-header img { width: 110px; height: 110px; border: 4px solid rgba(255,255,255,.25); border-radius: 27px; }.person-header small { color: #8dded6; text-transform: uppercase; font-weight: 800; letter-spacing: .08em; }.person-header h1 { margin: 2px 0; font-size: 38px; }.person-header p,.person-header span { color: #c3d4d7; }.about-page > h1 { max-width: 800px; margin: 0 0 35px; color: var(--navy); font-size: 53px; line-height: 1.02; letter-spacing: -.05em; }.about-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 15px; }.about-grid article { padding: 23px; border: 1px solid var(--line); border-radius: var(--radius); background: white; }.about-grid article > span { display: grid; width: 42px; height: 42px; place-items: center; color: white; background: var(--coral); border-radius: 13px; font-weight: 900; }.about-grid h2 { font-size: 19px; }.about-grid p { color: var(--muted); }
.community-section { padding-block: 18px 32px; }.community-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }.community-grid.full { grid-template-columns: repeat(3,minmax(0,1fr)); }.community-card { display: grid; grid-template-columns: 54px minmax(0,1fr); gap: 12px; align-items: start; padding: 17px; border: 1px solid var(--line); border-radius: 16px; background: white; box-shadow: var(--shadow-soft); }.community-card > form,.community-card > .btn { grid-column: 2; justify-self: start; margin-top: 2px; }.community-icon { display: grid; width: 52px; height: 52px; place-items: center; color: var(--navy); background: #e8f7f5; border-radius: 16px; font-size: 25px; }.community-icon.large { width: 78px; height: 78px; flex: 0 0 auto; border-radius: 23px; font-size: 36px; }.community-card small,.community-card > div > span { color: var(--teal-dark); font-size: 11px; font-weight: 800; }.community-card h3 { margin: 3px 0; color: var(--navy); font-size: 17px; }.community-card p { display: -webkit-box; overflow: hidden; margin: 0 0 9px; color: var(--muted); font-size: 13px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }.communities-page,.live-page { min-height: 72vh; padding-block: 44px 65px; }.communities-hero,.live-hero { max-width: 840px; margin-bottom: 28px; }.communities-hero h1,.live-hero h1 { max-width: 720px; margin: 4px 0 10px; color: var(--navy); font-size: clamp(37px,5vw,58px); line-height: 1.02; letter-spacing: -.055em; }.communities-hero p,.live-hero p { max-width: 700px; color: var(--muted); font-size: 17px; }.community-detail { min-height: 75vh; padding-block: 32px 65px; }.community-detail-head { display: flex; align-items: center; gap: 18px; padding: 24px; border: 1px solid var(--line); border-radius: 22px; background: linear-gradient(120deg,#f1fbfa,#fff); box-shadow: var(--shadow-soft); }.community-detail-head > div:nth-child(2) { min-width: 0; flex: 1; }.community-detail-head > div:nth-child(2) > span { color: var(--teal-dark); font-size: 12px; font-weight: 850; }.community-detail-head h1 { margin: 4px 0; color: var(--navy); font-size: clamp(28px,4vw,43px); letter-spacing: -.04em; }.community-detail-head p { margin: 0 0 5px; color: var(--muted); }.community-detail-head small { color: var(--muted); }.community-feed { max-width: 760px; margin-top: 30px; }.post-community { display: inline-flex; align-items: center; gap: 5px; margin: 2px 18px 0 76px; color: var(--teal-dark); font-size: 11px; font-weight: 800; }.post-kind { margin-left: auto; padding: 4px 7px; color: var(--teal-dark); background: #e7f8f5; border-radius: 999px; font-size: 10px; font-weight: 850; white-space: nowrap; }.live-preview-card { display: flex; flex-direction: column; gap: 5px; margin: 16px 0; padding: 16px; color: white; background: linear-gradient(135deg,#0d2a35,#126c66); border-radius: 15px; }.live-preview-card > span { color: #ffb2a0; font-size: 10px; font-weight: 900; letter-spacing: .08em; }.live-preview-card.is-live > span { color: #ff8b73; }.live-preview-card small { color: #c3e7e2; }.live-hero > div { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }.live-hero > div span { padding: 7px 10px; color: var(--teal-dark); background: #e8f7f5; border-radius: 999px; font-size: 12px; font-weight: 750; }.live-events { display: grid; gap: 14px; }.live-event { display: grid; grid-template-columns: minmax(210px,.7fr) 1.3fr; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: white; box-shadow: var(--shadow-soft); }.live-stage { display: flex; min-height: 210px; flex-direction: column; justify-content: space-between; padding: 18px; color: white; background: linear-gradient(135deg,#203b50,#0d2a35); }.live-stage > span { width: fit-content; padding: 5px 7px; color: #cbeae6; background: rgba(255,255,255,.12); border-radius: 5px; font-size: 10px; font-weight: 900; letter-spacing: .07em; }.live-event.is-live .live-stage > span { color: #fff; background: #df4e31; }.live-stage strong { font-size: 22px; }.live-event > div:last-child { display: flex; align-items: flex-start; flex-direction: column; padding: 22px; }.live-event > div:last-child > small { color: var(--teal-dark); font-size: 12px; font-weight: 800; }.live-event h2 { margin: 5px 0; color: var(--navy); }.live-event p { margin: 0 0 12px; color: var(--muted); }.live-event > div:last-child > span { color: var(--muted); font-size: 13px; }.live-event .btn { margin-top: 14px; }.live-note { margin-top: 22px; padding: 17px; color: #54666a; border-left: 4px solid var(--yellow); background: #fffae9; border-radius: 5px 12px 12px 5px; }
.empty-state { display: flex; min-height: 230px; flex-direction: column; align-items: center; justify-content: center; padding: 30px; text-align: center; border: 1px dashed #b7c7ca; border-radius: var(--radius); background: white; }.empty-state > span { font-size: 38px; }.empty-state h2 { margin: 9px 0 3px; }.empty-state p { max-width: 450px; margin: 0 0 15px; color: var(--muted); }.error-page { min-height: 65vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }.error-page > span { color: var(--coral); font-size: 76px; font-weight: 900; }.error-page h1 { margin: 0; font-size: 42px; }.error-page p { color: var(--muted); }

.site-footer { margin-top: 40px; padding: 52px 0 90px; color: white; background: var(--navy); }.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 40px; }.footer-grid > div { display: flex; flex-direction: column; gap: 8px; }.footer-grid a:not(.brand) { color: #b9cdd1; font-size: 14px; }.footer-brand { color: white; }.footer-grid p { color: #9db5ba; }

@media (max-width: 1050px) {
  .topbar-inner { grid-template-columns: auto 1fr auto; gap: 14px; }.desktop-actions .btn-outline { display: none; }
  .intro-grid { gap: 34px; }.category-strip { grid-template-columns: repeat(4,1fr); }.listing-grid,.search-results { grid-template-columns: repeat(3,1fr); }.business-grid { grid-template-columns: repeat(2,1fr); }
  .profile-listings { grid-template-columns: repeat(2,1fr); }.filters { grid-template-columns: repeat(2,1fr); }.filters .btn { align-self: stretch; }.admin-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  body { padding-bottom: 67px; }.shell { width: min(100% - 24px,1180px); }
  .topbar-inner { min-height: 58px; grid-template-columns: 1fr auto; }.topbar .top-search,.desktop-actions > .btn { display: none; }.brand { font-size: 16px; }.brand-mark { width: 33px; }.account-chip span { display: none; }
  .mobile-search-wrap { display: block; padding: 8px 12px; background: white; border-bottom: 1px solid var(--line); }.mobile-search { height: 42px; }.mobile-search button { padding-inline: 12px; }
  .mobile-nav { position: fixed; z-index: 60; left: 0; right: 0; bottom: 0; display: grid; grid-template-columns: repeat(5,1fr); padding: 7px max(5px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left)); background: rgba(255,255,255,.97); border-top: 1px solid var(--line); box-shadow: 0 -5px 24px rgba(13,42,53,.08); backdrop-filter: blur(12px); }.nav-link { display: flex; flex-direction: column; align-items: center; gap: 1px; color: var(--muted); font-size: 10px; }.nav-link > span:first-child { font-size: 21px; line-height: 1.25; }.nav-link.active { color: var(--coral); font-weight: 800; }
  .home-intro { border-radius: 0 0 28px 28px; }.intro-grid { grid-template-columns: 1fr; min-height: auto; padding-block: 38px; }.home-intro h1 { font-size: 42px; }.home-intro p { font-size: 16px; }.local-card { min-height: 290px; }.local-card > img { height: 240px; }.floating-result { right: 8px; bottom: 16px; width: 235px; }.trust-row { gap: 18px; }
  .category-section,.featured-section,.recent-section { padding-block: 34px; }.section-heading { align-items: center; }.section-heading h2 { font-size: 25px; }.section-heading > a { font-size: 12px; }.category-strip { display: flex; overflow-x: auto; margin-right: -12px; padding-right: 12px; scroll-snap-type: x mandatory; }.category-pill { min-width: 130px; scroll-snap-align: start; }
  .content-layout { grid-template-columns: 1fr; }.discovery-column { position: static; }.discovery-column .compact { grid-template-columns: repeat(2,1fr); }.free-business-card { margin-bottom: 8px; }
  .listing-grid,.search-results,.profile-listings { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }.listing-content { padding: 10px; }.listing-price { font-size: 17px; }.listing-content h3 { font-size: 13px; }.listing-actions .btn { padding-inline: 7px; font-size: 12px; }.listing-meta .verified-badge { display: none; }
  .business-grid { grid-template-columns: 1fr; }.business-card-body > p { min-height: 0; }.featured-section .business-grid .business-card:nth-child(n+4) { display: none; }
  .filters { grid-template-columns: 1fr 1fr; padding: 12px; }.filters label:first-child { grid-column: 1/-1; }.filters .btn { grid-column: 1/-1; }.search-header h1 { font-size: 37px; }.search-page { padding-block: 28px; }.category-hero { padding: 20px; }.category-hero h1 { font-size: 28px; }.category-hero > span { width: 60px; height: 60px; font-size: 30px; }
  .detail-grid { grid-template-columns: 1fr; gap: 18px; }.detail-media,.detail-media > img { min-height: 320px; }.detail-info { padding: 0; }.detail-info h1 { font-size: 34px; }.detail-price { font-size: 28px; }.detail-actions .btn-whatsapp { width: 100%; }.breadcrumbs { overflow: hidden; white-space: nowrap; }
  .business-profile-cover { height: 225px; }.profile-identity { display: grid; grid-template-columns: 96px 1fr; align-items: end; gap: 12px; margin-top: -54px; padding: 0 4px 17px; }.profile-logo { width: 96px; height: 96px; border-width: 4px; border-radius: 22px; }.profile-name-line h1 { font-size: 27px; }.profile-identity > div:nth-child(2)>p { margin-top: 12px; }.profile-rating { font-size: 11px; }.profile-actions { grid-column: 1/-1; padding-top: 4px; }.profile-actions > * { flex: 1; }.profile-actions .btn { width: 100%; padding-inline: 10px; }.verified-explainer { margin-top: 13px; }.profile-tabs { margin-inline: -12px; padding-inline: 8px; }.profile-layout { grid-template-columns: 1fr; }.profile-sidebar { position: static; }.review-form { grid-template-columns: 1fr; }.profile-content .post-card { max-width: none; }
  .auth-page { grid-template-columns: 1fr; min-height: calc(100vh - 108px); }.auth-visual { display: none; }.auth-panel { padding: 34px 20px; }.mobile-auth-brand { display: inline-flex; margin-bottom: 35px; }.auth-box h2 { font-size: 30px; }
  .account-page,.admin-page,.form-page,.person-page,.about-page { padding-block: 26px; }.account-header { align-items: flex-start; flex-wrap: wrap; padding: 18px; }.account-header > img { width: 64px; height: 64px; }.account-header h1 { font-size: 26px; }.account-header-actions { width: 100%; justify-content: stretch; }.account-header-actions > * { flex: 1; }.account-header-actions .btn { width: 100%; padding-inline: 8px; font-size: 12px; }.dashboard-stats { grid-template-columns: repeat(2,1fr); }.form-page { grid-template-columns: 1fr; gap: 20px; }.form-intro { position: static; }.form-intro h1 { font-size: 39px; }.creation-form { padding: 18px; }.two-cols,.three-cols { grid-template-columns: 1fr; }
  .messages-page { grid-template-columns: 1fr; min-height: auto; margin-block: 12px; }.conversation-list { border-right: 0; }.chat-panel { min-height: 520px; }.conversation-list:has(+ .chat-panel .chat-head) { max-height: 230px; overflow-y: auto; }
  .admin-header { align-items: flex-start; }.admin-header h1 { font-size: 34px; }.admin-table article { grid-template-columns: 1fr; }.admin-table form { grid-template-columns: 1fr; }.settings-form label { grid-template-columns: 1fr 90px; }.person-header { align-items: flex-start; padding: 20px; }.person-header img { width: 75px; height: 75px; }.person-header h1 { font-size: 27px; }.about-page > h1 { font-size: 39px; }.about-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }.footer-grid > div:first-child { grid-column: 1/-1; }.site-footer { padding-top: 40px; padding-bottom: 40px; }
}

@media (max-width: 390px) {
  .listing-grid,.search-results { grid-template-columns: 1fr; }.discovery-column .compact { grid-template-columns: repeat(2,minmax(0,1fr)); }.home-intro h1 { font-size: 37px; }.profile-identity { grid-template-columns: 82px 1fr; }.profile-logo { width: 82px; height: 82px; }
}

@media (max-width: 760px) {
  .filters.filters-drawer.is-open { grid-template-columns: 1fr; }
  .filters.filters-drawer.is-open label,.filters.filters-drawer.is-open .btn { grid-column: auto; }
  .location-status { width: 100%; }
  .community-grid,.community-grid.full { grid-template-columns: 1fr; }
  .community-detail-head { align-items: flex-start; flex-wrap: wrap; padding: 18px; }
  .community-detail-head > form,.community-detail-head > .btn { width: 100%; }
  .community-detail-head > form .btn { width: 100%; }
  .community-feed { margin-top: 22px; }
  .post-community { margin-left: 67px; }
  .live-event { grid-template-columns: 1fr; }
  .live-stage { min-height: 155px; }
}

@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior: auto ; transition: none ; } }

/* Base compacta: navegación oscura y conversación comunitaria tipo grupo */
.dark-chrome { color: #fff; background: var(--navy); border-color: rgba(255,255,255,.12); }
.dark-chrome .brand { color: #fff; }.dark-chrome .brand strong { color: #ff9177; }
.dark-chrome .top-search { background: rgba(255,255,255,.10); }.dark-chrome .top-search input,.dark-chrome .top-search > span { color: #fff; }
.dark-chrome .top-search input::placeholder { color: #bbced2; }.dark-chrome .top-search button { background: var(--teal); }
.dark-chrome .account-chip { color: #fff; }.dark-chrome .btn-outline { color: #fff; background: transparent; border-color: rgba(255,255,255,.3); }
.compact-heading h1 { font-size: clamp(29px,4vw,43px); }.compact-heading p { margin-block: 6px 0; font-size: 14px; }
.browse-categories { display: flex; gap: 7px; align-items: center; overflow-x: auto; margin: 0 0 15px; padding: 2px 0 8px; scrollbar-width: thin; }
.browse-categories > span { color: var(--muted); font-size: 12px; font-weight: 800; white-space: nowrap; }.browse-categories a { flex: 0 0 auto; padding: 7px 10px; color: var(--navy); background: white; border: 1px solid var(--line); border-radius: 999px; font-size: 12px; font-weight: 750; }
.post-head { padding: 13px 14px 6px; }.post-head strong { font-size: 13px; }.post-copy { margin: 4px 14px 11px; font-size: 14px; }.post-stats { padding: 8px 14px; font-size: 12px; }.post-actions { margin: 0 14px; }.post-actions button { font-size: 12px; }.post-community { margin-left: 68px; font-size: 10px; }
.flash { padding: 9px 12px; font-size: 13px; }.site-footer { padding-top: 38px; }.footer-grid { gap: 25px; }.footer-grid p,.footer-grid a:not(.brand) { font-size: 12px; }
.community-chat { max-width: 780px; margin-top: 20px; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: #edf5f4; box-shadow: var(--shadow-soft); }.community-chat-title { padding: 14px 17px; background: #fff; border-bottom: 1px solid var(--line); }.community-chat-title .section-kicker { margin-bottom: 2px; font-size: 10px; }.community-chat-title h2 { margin: 0; color: var(--navy); font-size: 19px; }.community-chat-title small { color: var(--muted); font-size: 11px; }
.community-message-stream { display: flex; min-height: 380px; max-height: 62vh; flex-direction: column; gap: 10px; overflow-y: auto; padding: 16px; }.community-message { display: flex; align-items: flex-start; gap: 8px; max-width: 82%; }.community-message.mine { align-self: flex-end; flex-direction: row-reverse; }.community-message > img { width: 32px; height: 32px; flex: 0 0 auto; object-fit: cover; border-radius: 50%; }.community-message > div { min-width: 0; padding: 8px 10px; background: #fff; border-radius: 4px 13px 13px 13px; box-shadow: 0 2px 7px rgba(13,42,53,.07); }.community-message.mine > div { background: #d8f5ef; border-radius: 13px 4px 13px 13px; }.community-message header { display: flex; gap: 7px; align-items: baseline; }.community-message strong { color: var(--navy); font-size: 12px; }.community-message small { color: var(--muted); font-size: 10px; }.community-message p { margin: 3px 0 4px; white-space: pre-wrap; font-size: 14px; }.community-message button { border: 0; padding: 0; color: var(--teal-dark); background: transparent; font-size: 11px; font-weight: 750; }.reply-preview { overflow: hidden; margin: 2px 0 5px; padding: 4px 6px; color: #45676a; border-left: 2px solid var(--teal); background: rgba(10,166,154,.08); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }.community-chat-empty { margin: auto; color: var(--muted); font-size: 13px; }.community-composer { display: flex; align-items: end; gap: 8px; padding: 10px; background: #fff; border-top: 1px solid var(--line); }.community-composer textarea { min-height: 42px; max-height: 100px; flex: 1; resize: vertical; border: 1px solid var(--line); border-radius: 16px; padding: 10px 12px; }.community-composer [data-community-reply-label] { position: absolute; max-width: 260px; margin-bottom: 48px; padding: 4px 7px; color: var(--teal-dark); background: #e8f7f5; border-radius: 7px; font-size: 10px; cursor: pointer; }
@media (max-width:760px) { .dark-chrome.mobile-nav { background: rgba(13,42,53,.98); border-color: rgba(255,255,255,.14); }.dark-chrome .nav-link { color: #b9cdd1; }.dark-chrome .nav-link.active { color: #ff9d86; }.mobile-search-wrap { background: var(--navy); border-color: rgba(255,255,255,.12); }.mobile-search { background: rgba(255,255,255,.12); }.mobile-search input,.mobile-search > span { color: #fff; }.mobile-search input::placeholder { color: #bbced2; }.mobile-search button { background: var(--teal); }.community-message { max-width: 91%; }.community-message-stream { min-height: 340px; padding: 12px; }.community-detail-head h1 { font-size: 27px; }.browse-categories { margin-right: -12px; }.section-heading h2 { font-size: 22px; }.quick-publish { padding: 10px; }.quick-publish > a:not(.btn,.quick-action) { padding: 8px 10px; font-size: 12px; }.quick-action { font-size: 11px; }.site-footer { padding-bottom: 32px; } }

/* v0.4: Aurora Local — navegación oscura, acentos violeta/cian y movimiento progresivo */
:root {
  --navy: #11122b;
  --navy-2: #29245f;
  --ink: #1b2035;
  --muted: #687086;
  --line: #e3e5f0;
  --soft: #f3f4fb;
  --coral: #6d5dfc;
  --coral-dark: #5545e8;
  --teal: #14b8c8;
  --teal-dark: #087f8c;
  --yellow: #ffc857;
  --green: #20ad74;
  --shadow: 0 18px 46px rgba(25,27,67,.13);
  --shadow-soft: 0 7px 22px rgba(25,27,67,.085);
}

html, body { width: 100%; max-width: 100%; overflow-x: clip; }
body { background: radial-gradient(circle at 8% 2%, rgba(109,93,252,.065), transparent 22rem), #f8f9fd; font-size: 14px; }
main, section, article, div, nav, form { min-width: 0; }
.dark-chrome { background: linear-gradient(112deg,#101128 0%,#1b1844 60%,#102f4a 135%); }
.dark-chrome .brand strong { color: #9b91ff; }
.dark-chrome .top-search { background: rgba(255,255,255,.09); border-color: rgba(255,255,255,.08); }
.dark-chrome .top-search:focus-within { background: rgba(255,255,255,.14); border-color: rgba(77,224,236,.8); box-shadow: 0 0 0 3px rgba(20,184,200,.16); }
.dark-chrome .top-search button { background: linear-gradient(135deg,var(--coral),#8f5de7); }
.brand-mark { background: linear-gradient(145deg,#826fff,#4c3bdd); box-shadow: 0 9px 22px rgba(109,93,252,.34); }
.notification-chip { position: relative; display: grid; width: 36px; height: 36px; place-items: center; color: #fff; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; background: rgba(255,255,255,.08); font-size: 19px; }
.notification-chip b { position: absolute; right: -5px; top: -5px; display: grid; min-width: 18px; height: 18px; place-items: center; padding-inline: 4px; color: #fff; background: #f05278; border: 2px solid var(--navy); border-radius: 999px; font-size: 9px; }
.btn-primary { background: linear-gradient(135deg,var(--coral),#875bea); box-shadow: 0 8px 22px rgba(109,93,252,.25); }
.btn-primary:hover { background: linear-gradient(135deg,var(--coral-dark),#7449d8); }
.icon-button.saved { color: var(--coral); background: #f1efff; border-color: #cfc9ff; }
.home-intro { background: linear-gradient(145deg,#0f1027 0%,#211d50 58%,#103c52 120%); }
.home-intro::before { background: radial-gradient(circle at 12% 8%,rgba(109,93,252,.42),transparent 30%),radial-gradient(circle at 82% 70%,rgba(20,184,200,.25),transparent 27%); }
.home-intro .eyebrow { color: #78e9f1; }
.home-intro h1 em { color: #ffd675; text-shadow: 0 8px 28px rgba(255,200,87,.2); }
.home-intro p { color: #d4d6ed; }
.local-card { transform-style: preserve-3d; background: linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035)); box-shadow: 0 30px 90px rgba(0,0,0,.31); }
.floating-result { border: 1px solid rgba(109,93,252,.15); }
.result-icon,.message-send { background: linear-gradient(145deg,var(--teal),#087fbd); }
.section-kicker,.eyebrow { color: var(--teal-dark); font-size: 11px; }
.section-heading h2 { font-size: clamp(22px,2.7vw,31px); }
.search-header h1,.communities-hero h1,.live-hero h1 { font-size: clamp(32px,4.6vw,51px); }
.detail-info h1 { font-size: clamp(29px,3.8vw,43px); }
.post-card,.listing-card,.business-card,.community-card,.admin-card,.creation-form,.info-card { border-color: rgba(216,219,235,.95); }
.post-card,.listing-card,.business-card,.community-card,.live-event,.category-pill { transform-style: preserve-3d; will-change: transform; }
.post-actions form { display: contents; }
.post-actions a,.post-actions button { display: grid; place-items: center; min-width: 0; border: 0; padding: 8px 4px; color: var(--muted); background: transparent; text-align: center; font-weight: 700; }
.post-actions button.liked { color: var(--coral); }
.post-card:hover,.business-card:hover,.community-card:hover { border-color: #cbc6ff; box-shadow: 0 18px 40px rgba(42,38,102,.12); }
.listing-price,.detail-price { color: var(--coral-dark); }
.category-pill:hover { border-color: #bdb6ff; }
.category-pill span { filter: drop-shadow(0 6px 10px rgba(109,93,252,.18)); }
.category-hero,.person-header { background: linear-gradient(130deg,#151633,#302768 68%,#116176 130%); }
.free-business-card,.live-preview-card { background: linear-gradient(140deg,#25205c,#0d7180); }
.verified-badge span { background: linear-gradient(145deg,var(--teal),#087fbd); }
.verified-badge { color: #08737e; }
.quick-logo { background: linear-gradient(145deg,var(--coral),#8a5ee5); }
.conversation-item:hover { background: #f5f3ff; }
.conversation-item.active { background: #efedff; border-left-color: var(--coral); }
.message.mine,.community-message.mine > div { color: #272057; background: #e8e4ff; }
.chat-panel,.community-panel { background: linear-gradient(150deg,#f4f4fa,#eef8fa); }
.mobile-search-wrap { background: linear-gradient(112deg,#101128,#1d1948); }
.mobile-search { background: rgba(255,255,255,.1); }
.mobile-search button { background: linear-gradient(135deg,var(--coral),#875bea); }

/* Pantalla de carga 3D */
.app-loader { position: fixed; z-index: 999; inset: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 9px; color: #fff; background: radial-gradient(circle at 50% 35%,#31286e 0%,#151630 42%,#0e1025 100%); opacity: 1; visibility: visible; transition: opacity .45s ease,visibility .45s ease; }
.app-loader strong { margin-top: 24px; font-size: 18px; letter-spacing: -.02em; }
.app-loader span { color: #9feaf0; font-size: 11px; letter-spacing: .13em; text-transform: uppercase; }
.loader-cube { position: relative; width: 46px; height: 46px; transform-style: preserve-3d; animation: cube-spin 1.45s cubic-bezier(.5,.05,.35,1) infinite; }
.loader-cube i { position: absolute; inset: 0; display: block; border: 1px solid rgba(255,255,255,.38); background: linear-gradient(145deg,rgba(142,123,255,.95),rgba(20,184,200,.72)); box-shadow: 0 0 30px rgba(109,93,252,.35); }
.loader-cube i:nth-child(1) { transform: translateZ(23px); }
.loader-cube i:nth-child(2) { transform: rotateY(90deg) translateZ(23px); filter: brightness(.8); }
.loader-cube i:nth-child(3) { transform: rotateX(90deg) translateZ(23px); filter: brightness(1.18); }
body.is-ready .app-loader { opacity: 0; visibility: hidden; pointer-events: none; }
body.page-leaving #page-content { opacity: .25; transform: translateY(7px) scale(.996); }
#page-content { transition: opacity .18s ease,transform .18s ease; }
@keyframes cube-spin { 0% { transform: rotateX(-22deg) rotateY(0deg); } 50% { transform: rotateX(28deg) rotateY(180deg) scale(1.08); } 100% { transform: rotateX(-22deg) rotateY(360deg); } }

/* Aparición de contenido por intensidad */
body.reveal-ready [data-reveal] { opacity: 0; transform: translateY(13px); transition: opacity .58s ease,transform .58s cubic-bezier(.2,.75,.25,1); transition-delay: var(--reveal-delay,0ms); }
body.reveal-ready [data-reveal="medium"] { transform: translateY(22px) scale(.985); }
body.reveal-ready [data-reveal="strong"] { transform: translateY(32px) scale(.965) rotateX(4deg); transform-origin: 50% 100%; }
body.reveal-ready [data-reveal].is-visible { opacity: 1; transform: none; }
.hero-title-line { display: inline-block; animation: title-arrive .85s cubic-bezier(.16,.9,.2,1) both; animation-delay: var(--title-delay,0ms); }
@keyframes title-arrive { from { opacity: 0; transform: translateY(26px) rotateX(16deg); filter: blur(7px); } to { opacity: 1; transform: none; filter: none; } }

/* Chat individual y comunidades comparten una sola navegación */
.chat-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; margin-top: 12px; padding: 4px; background: var(--soft); border-radius: 11px; }
.chat-tabs a { padding: 7px 8px; color: var(--muted); border-radius: 8px; text-align: center; font-size: 11px; font-weight: 800; }
.chat-tabs a.active { color: #fff; background: linear-gradient(135deg,var(--coral),#7755df); box-shadow: 0 5px 12px rgba(109,93,252,.22); }
.community-mini-icon { display: grid; width: 42px; height: 42px; flex: 0 0 auto; place-items: center; color: #332c78; background: #e9e6ff; border-radius: 13px; font-size: 20px; }
.community-mini-icon.large { width: 48px; height: 48px; font-size: 24px; }
.community-conversation > b { color: var(--teal-dark); font-size: 11px; }
.community-head { gap: 10px; }
.community-head > form,.community-head > .btn { flex: 0 0 auto; }
.community-description { padding: 7px 18px; color: var(--muted); background: rgba(255,255,255,.82); border-bottom: 1px solid var(--line); font-size: 11px; }
.community-panel .community-message-stream { flex: 1; min-height: 390px; }
.community-message-actions { display: flex; gap: 9px; margin-top: 4px; }
.community-message-actions form { display: inline-flex; }
.community-message-image { width: min(310px,100%); max-height: 320px; margin: 6px 0; object-fit: cover; border-radius: 11px; }
.community-composer { position: relative; }
.community-composer textarea { width: 100%; flex: none; }
.community-composer [data-community-reply-label] { z-index: 2; left: 50px; bottom: 57px; margin-bottom: 0; }
.community-attachment { display: grid; width: 42px; height: 42px; flex: 0 0 auto; place-items: center; color: var(--coral); background: #efedff; border-radius: 50%; cursor: pointer; font-size: 19px; }
.community-attachment input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.community-compose-main { display: flex; min-width: 0; flex: 1; flex-direction: column; gap: 4px; }
.community-image-status { width: fit-content; max-width: 100%; overflow: hidden; padding: 4px 8px; color: #3c347e; background: #ece9ff; border-radius: 999px; cursor: pointer; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.community-join-note { padding: 13px; color: var(--muted); background: #fff; border-top: 1px solid var(--line); text-align: center; font-size: 12px; }
.interest-status { display: inline-flex; padding: 2px 6px; color: #40378c; background: #ebe8ff; border-radius: 999px; font-size: 9px; font-weight: 850; }

/* Coordinaciones, seguridad y notificaciones */
.direct-sale-note,.launch-plan-note { display: flex; gap: 5px; flex-direction: column; margin-top: 16px; padding: 12px 14px; color: #414963; background: linear-gradient(120deg,#f0efff,#eefafb); border-left: 4px solid var(--coral); border-radius: 6px 12px 12px 6px; }
.direct-sale-note strong,.launch-plan-note strong { color: var(--navy); font-size: 12px; }
.direct-sale-note span,.launch-plan-note span { font-size: 11px; }
.inline-report { margin-top: 12px; }.inline-report button { padding: 0; color: var(--muted); border: 0; background: transparent; font-size: 11px; text-decoration: underline; }
.interest-list { display: grid; gap: 10px; }
.interest-card { display: flex; align-items: center; gap: 12px; padding: 13px; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: var(--shadow-soft); }
.interest-card > div { display: flex; min-width: 0; flex: 1; flex-direction: column; }.interest-card small { color: var(--muted); font-size: 10px; }.interest-card form { display: flex; gap: 6px; }.interest-card select { min-height: 36px; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
.notifications-page { min-height: 70vh; padding-block: 34px 65px; }.notifications-head { display: flex; justify-content: space-between; align-items: end; gap: 18px; margin-bottom: 20px; }.notifications-head h1 { margin: 0; font-size: clamp(30px,4vw,45px); }.notifications-head p { margin: 5px 0 0; color: var(--muted); }.notification-list { display: grid; gap: 8px; max-width: 780px; }.notification-row { display: flex; align-items: flex-start; gap: 11px; padding: 13px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }.notification-row.unread { border-color: #cbc6ff; background: #f4f2ff; }.notification-row > span { display: grid; width: 40px; height: 40px; place-items: center; color: var(--coral); background: #ece9ff; border-radius: 12px; }.notification-row img { width: 40px; height: 40px; object-fit: cover; border-radius: 12px; }.notification-row div { min-width: 0; }.notification-row p { margin: 2px 0; color: var(--muted); }.notification-row small { color: var(--muted); font-size: 10px; }

@media (hover:hover) and (pointer:fine) {
  [data-tilt] { transition: transform .18s ease,box-shadow .18s ease; transform: perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--tilt-lift,0px)); }
  [data-tilt]:hover { --tilt-lift: -3px; }
}

@media (max-width:760px) {
  body { font-size: 13px; }
  .dark-chrome.mobile-nav { background: rgba(15,16,39,.97); border-color: rgba(255,255,255,.13); }
  .dark-chrome .nav-link { color: #bfc0d5; }.dark-chrome .nav-link.active { color: #a99fff; }
  .topbar-inner { min-height: 55px; }.mobile-search-wrap { padding-block: 7px; }
  .nav-link > span:first-child { font-size: 19px; }.nav-link { font-size: 9px; }
  .home-intro h1 { font-size: 38px; }.home-intro p { font-size: 15px; }
  .section-heading h2 { font-size: 20px; }.search-header h1 { font-size: 33px; }
  .account-header-actions { display: grid; grid-template-columns: 1fr 1fr; }.account-header-actions > * { width: auto; }
  .account-header-actions form .btn { width: 100%; }
  .interest-card { align-items: flex-start; flex-wrap: wrap; }.interest-card form { width: 100%; }.interest-card select { flex: 1; }
  .messages-page { width: calc(100% - 16px); border-radius: 15px; }
  .conversation-list:has(+ .chat-panel .chat-head) { max-height: 220px; }
  .messages-title { padding: 13px; }.messages-title h1 { font-size: 23px; }
  .conversation-item { padding: 10px 12px; }
  .chat-panel { min-height: min(560px,calc(100vh - 176px)); }
  .chat-head { padding: 10px 12px; }.community-head { flex-wrap: wrap; }.community-head > form,.community-head > .btn { margin-left: auto; }
  .message-stream,.community-message-stream { padding: 11px; }
  .message,.community-message { max-width: 91%; }
  .community-description { padding-inline: 12px; }
  .community-composer { position: sticky; bottom: 0; }
  .notifications-head { align-items: flex-start; flex-direction: column; }
  .site-footer { font-size: 12px; }
}

/* Consentimiento opcional y privacidad */
.marketing-consent { display:grid; gap:10px; margin:4px 0; padding:14px; border:1px solid #e5c9d8; border-radius:13px; background:#fff8fb; }
.marketing-consent legend { padding:0 5px; color:#86235d; font-size:13px; font-weight:850; }.marketing-consent>small { color:var(--muted); font-size:11px; }
.consent-check { display:flex; align-items:flex-start; gap:8px; color:var(--ink); font-size:12px; font-weight:650; }.consent-check input { width:auto; min-height:0; margin-top:3px; }
.privacy-page { min-height:70vh; padding-block:42px 70px; }.privacy-page .compact-heading { max-width:760px; }.privacy-page .compact-heading p { color:var(--muted); font-size:16px; }.privacy-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; margin:24px 0; }.privacy-grid article,.privacy-callout { padding:18px; border:1px solid var(--line); border-radius:17px; background:#fff; box-shadow:var(--shadow-soft); }.privacy-grid h2 { margin:0 0 7px; color:var(--navy); font-size:18px; }.privacy-grid p { margin:0; color:var(--muted); font-size:13px; }.privacy-preferences { max-width:680px; }.privacy-preferences h2 { margin:0; color:var(--navy); }.privacy-preferences>p { margin:0 0 7px; color:var(--muted); font-size:13px; }.privacy-callout { display:flex; align-items:center; gap:12px; max-width:680px; }.privacy-callout span { flex:1; color:var(--muted); font-size:13px; }.privacy-footnote { max-width:800px; margin:24px 0 0; color:var(--muted); font-size:12px; }
@media (max-width:760px) { .privacy-page { padding-block:27px; }.privacy-grid { grid-template-columns:1fr; gap:9px; }.privacy-callout { align-items:stretch; flex-direction:column; }.privacy-callout .btn { width:100%; } }

/* Anuncios locales, apoyo voluntario y panel de administración */
.sponsored-card { position:relative; display:grid; grid-template-columns:56px minmax(0,1fr) auto; align-items:center; gap:12px; margin:0 0 17px; padding:27px 14px 14px; border:1px solid #ead1db; border-radius:17px; background:linear-gradient(120deg,#fff,#fff7f9); box-shadow:var(--shadow-soft); }.sponsored-card>img,.sponsored-icon { width:56px; height:56px; object-fit:cover; border-radius:14px; }.sponsored-icon { display:grid; place-items:center; color:#a92968; background:#f6e2ee; font-size:24px; }.sponsored-card>div { min-width:0; }.sponsored-card strong,.sponsored-card p,.sponsored-card small { display:block; }.sponsored-card strong { color:var(--navy); }.sponsored-card p { margin:2px 0; color:var(--muted); font-size:12px; }.sponsored-card small,.sponsored-label { color:#9d2764; font-size:10px; font-weight:850; }.sponsored-label { position:absolute; top:9px; left:14px; margin:0; text-transform:uppercase; letter-spacing:.08em; }
.admin-image-upload { position:relative; display:grid; grid-template-columns:76px minmax(0,1fr); align-items:center; gap:10px; min-height:76px; padding:7px; border:1px dashed #d799bc; border-radius:12px; background:#fff8fb; cursor:pointer; }.admin-image-upload img { width:76px; height:60px; object-fit:cover; border-radius:8px; background:#f4eaf1; }.admin-image-upload span { display:flex; flex-direction:column; color:#7d2458; font-size:12px; }.admin-image-upload small { color:var(--muted); font-size:10px; }.admin-image-upload input[type=file] { position:absolute; inset:0; width:100%; min-height:100%; opacity:0; cursor:pointer; }.support-config-form textarea,.ad-create-form textarea { min-height:80px; resize:vertical; }.billing-status { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin:14px 0; }.billing-status>div { min-width:0; padding:10px 7px; border:1px solid var(--line); border-radius:11px; background:#fff8fb; text-align:center; }.billing-status strong,.billing-status span { display:block; }.billing-status strong { color:#9a2965; font-size:19px; }.billing-status span { color:var(--muted); font-size:10px; }.billing-admin-card>p,.marketing-admin-card>p,.admin-empty-note { color:var(--muted); font-size:12px; }.ad-list form { display:flex; align-items:center; gap:7px; }.ad-list select { flex:1; }
.support-teaser { position:fixed; z-index:65; right:15px; bottom:calc(73px + env(safe-area-inset-bottom)); display:flex; align-items:center; gap:7px; padding:10px 13px; color:#fff; border:1px solid rgba(255,255,255,.18); border-radius:999px; background:linear-gradient(135deg,#4b1d55,#a52d67); box-shadow:0 14px 34px rgba(55,15,51,.28); font-weight:800; opacity:0; pointer-events:none; transform:translateY(12px); transition:opacity .25s,transform .25s; }.support-teaser.is-visible { opacity:1; pointer-events:auto; transform:none; }.support-teaser span { color:#ffb3cb; font-size:16px; }.support-modal[hidden] { display:none; }.support-modal { position:fixed; z-index:90; inset:0; display:grid; place-items:center; padding:20px; }.support-modal-backdrop { position:absolute; inset:0; background:rgba(18,6,28,.65); backdrop-filter:blur(5px); }.support-modal-card { position:relative; z-index:1; width:min(390px,100%); padding:27px; border:1px solid rgba(255,255,255,.28); border-radius:23px; background:linear-gradient(145deg,#fff,#fff6f9); box-shadow:0 30px 90px rgba(0,0,0,.38); text-align:center; }.support-close { position:absolute; top:10px; right:10px; display:grid; width:32px; height:32px; place-items:center; color:var(--navy); border:0; border-radius:50%; background:#f5e7ef; font-size:23px; }.support-modal-kicker { color:#a12b68; font-size:11px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }.support-modal-card h2 { margin:7px 0; color:var(--navy); }.support-modal-card p { margin:0 auto 15px; color:var(--muted); font-size:13px; }.support-modal-card img { width:min(225px,78%); margin:0 auto 12px; border-radius:14px; box-shadow:0 8px 25px rgba(91,28,67,.16); }.support-modal-card small { color:var(--muted); font-size:11px; }body.support-open { overflow:hidden; }
@media (max-width:760px) { .sponsored-card { grid-template-columns:48px minmax(0,1fr); gap:9px; padding:25px 12px 12px; }.sponsored-card>img,.sponsored-icon { width:48px; height:48px; }.sponsored-card .btn { grid-column:2; justify-self:start; min-height:33px; padding:6px 10px; font-size:11px; }.sponsored-label { top:8px; left:12px; margin:0; font-size:9px; }.billing-status { grid-template-columns:repeat(2,minmax(0,1fr)); }.ad-list form { display:grid; grid-template-columns:1fr auto; }.support-teaser { right:10px; bottom:calc(70px + env(safe-area-inset-bottom)); font-size:12px; } }

@media (max-width:390px) {
  .account-header-actions { grid-template-columns: 1fr; }
  .detail-actions { gap: 7px; }.detail-actions > * { min-width: 0; }.detail-actions .btn { padding-inline: 10px; font-size: 12px; }
  .community-message > img { width: 27px; height: 27px; }
}

@media (prefers-reduced-motion:reduce) {
  .app-loader { display: none; }
  body.reveal-ready [data-reveal],.hero-title-line { opacity: 1; transform: none; filter: none; animation: none; }
}

/* v0.6: móvil primero, catálogo separado y transporte beta */
html,body { overflow-x: clip; }
.form-guide { display:flex; flex-direction:column; gap:4px; margin-top:20px; padding:13px 14px; color:#50314f; border:1px solid #f2bfd0; border-radius:14px; background:linear-gradient(135deg,#fff4f8,#fff); font-size:12px; }.form-guide strong { color:#8b2862; }.form-guide span { color:var(--muted); }
.guided-form { gap:18px; }.form-group { display:grid; gap:14px; padding:17px; border:1px solid var(--line); border-radius:16px; }.required-group { border-color:#f0bfd0; background:linear-gradient(135deg,#fffafd,#fff); }.optional-group { background:#fcfcff; }.form-group-heading { display:flex; gap:10px; align-items:flex-start; }.form-group-heading>span { display:grid; width:28px; height:28px; flex:0 0 auto; place-items:center; color:#fff; background:linear-gradient(135deg,#e1306c,#ef3d4d); border-radius:10px; font-size:12px; font-weight:900; }.form-group-heading h2 { margin:0; font-size:18px; }.form-group-heading p { margin:2px 0 0; color:var(--muted); font-size:12px; }.creation-form label { gap:5px; }.creation-form label>small { color:var(--muted); font-size:10px; }.required-mark { display:inline-block; width:fit-content; margin-left:5px; padding:2px 5px; color:#a12761; background:#ffebf3; border-radius:999px; font-size:9px; font-weight:850; vertical-align:middle; }.peru-phone-field { display:flex; align-items:center; overflow:hidden; min-height:44px; border:1px solid var(--line); border-radius:10px; background:#fff; }.peru-phone-field b { align-self:stretch; display:flex; align-items:center; padding:0 10px; color:#49334e; background:#f7eef4; border-right:1px solid var(--line); font-size:12px; white-space:nowrap; }.peru-phone-field input { min-width:0; flex:1; border:0; border-radius:0; box-shadow:none; }.peru-phone-field input:focus { outline:0; }
.account-stats { margin:12px 0 24px; gap:8px; }.account-stats>div { padding:11px 12px; border-radius:12px; }.account-stats strong { font-size:20px; line-height:1.05; }.account-stats span { font-size:10px; }.coordination-preview { margin-top:23px; }.coordination-preview .section-heading>div { display:flex; flex-direction:column; gap:1px; }.coordination-preview .section-heading span,.catalog-products .section-heading span { color:var(--muted); font-size:11px; }.compact-empty { padding:14px; border:1px solid var(--line); border-radius:14px; background:#fff; }.compact-empty p { margin:0; color:var(--muted); font-size:12px; }.managed-business-actions { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin-top:8px; }.managed-business-actions .btn { width:100%; padding-inline:8px; font-size:11px; }.transport-owner-card { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:16px; border:1px solid #dac9fc; border-radius:15px; background:linear-gradient(135deg,#f8f5ff,#fff); }.transport-owner-card h3 { margin:5px 0 3px; color:var(--navy); }.transport-owner-card p { margin:0; color:var(--muted); font-size:12px; }.transport-owner-card small { color:#6040a8; font-size:11px; }.transport-beta-chip { display:inline-flex; width:fit-content; padding:3px 7px; color:#4f2b8c; background:#ece5ff; border-radius:999px; font-size:9px; font-weight:900; letter-spacing:.08em; }
.interest-card .interest-actions { align-items:flex-end; gap:7px; }.interest-card .interest-actions form { max-width:100%; }.interest-card .interest-actions select { min-width:0; max-width:190px; }.interest-card .interest-actions .btn { white-space:nowrap; }
.manager-tabs,.segmented-nav { display:flex; flex-wrap:wrap; gap:7px; margin:13px 0 18px; }.manager-tabs a,.manager-tabs button,.segmented-nav a { padding:8px 11px; color:#535d6a; border:1px solid var(--line); border-radius:999px; background:#fff; font-size:12px; font-weight:800; }.manager-tabs .active,.segmented-nav .active { color:#fff; border-color:#8b2862; background:#8b2862; }.manager-tabs button { cursor:pointer; }.single-panel { grid-template-columns:minmax(0,760px); }.catalog-dashboard-grid { display:grid; grid-template-columns:minmax(260px,.55fr) minmax(0,1.45fr); align-items:start; gap:18px; }.catalog-products { min-width:0; padding:20px; border:1px solid var(--line); border-radius:18px; background:#fff; }.catalog-context { display:flex; align-items:center; gap:7px; min-height:44px; padding:0 11px; border:1px solid var(--line); border-radius:10px; background:#f9f7ff; font-size:12px; }.catalog-context span { color:var(--muted); }.catalog-context a { margin-left:auto; color:#8b2862; font-weight:800; }.catalog-tip .btn { margin-top:4px; }.coordinations-page { min-height:70vh; padding-block:35px 65px; }.full-interest-list { max-width:820px; }
.transport-page { min-height:72vh; padding-block:35px 65px; }.transport-hero { max-width:820px; padding:26px; color:#fff; border-radius:22px; background:radial-gradient(circle at 90% 10%,rgba(255,155,175,.4),transparent 35%),linear-gradient(135deg,#1d1642,#59206f 57%,#cf3c62); }.transport-hero .section-kicker { display:block; margin-top:7px; color:#ffd7e5; }.transport-hero h1 { margin:5px 0; font-size:clamp(34px,5vw,54px); letter-spacing:-.05em; }.transport-hero p { max-width:660px; margin:0; color:#f7dce7; }.transport-hero-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }.transport-filter { display:flex; align-items:end; gap:9px; margin:16px 0; }.transport-filter label { display:grid; gap:5px; color:var(--navy); font-size:12px; font-weight:800; }.transport-filter select { min-width:210px; }.transport-safety-note { display:flex; flex-direction:column; gap:3px; margin:15px 0; padding:12px 14px; color:#4b536b; border-left:4px solid #a26af2; border-radius:6px 12px 12px 6px; background:#f6f2ff; font-size:12px; }.transport-safety-note strong { color:#46317d; }.transport-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }.transport-grid>.empty-state { grid-column:1/-1; }.transport-card { overflow:hidden; border:1px solid var(--line); border-radius:17px; background:#fff; box-shadow:var(--shadow-soft); }.transport-card-photo { position:relative; display:block; height:175px; background:#ede8f5; }.transport-card-photo img { width:100%; height:100%; object-fit:cover; }.transport-card-photo span { position:absolute; left:9px; bottom:9px; padding:4px 7px; color:#fff; background:rgba(28,77,74,.9); border-radius:999px; font-size:9px; font-weight:850; }.transport-card>div { display:flex; flex-direction:column; align-items:flex-start; padding:13px; }.transport-card small { color:#6730a1; font-size:10px; font-weight:850; }.transport-card h3 { margin:4px 0; color:var(--navy); font-size:17px; }.transport-card p { margin:0 0 4px; color:var(--muted); font-size:12px; }.transport-card>div>span { min-height:32px; color:#69717c; font-size:11px; }.transport-card .btn { margin-top:10px; }.transport-media-editor { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }.transport-media-editor label { position:relative; display:grid; min-height:145px; overflow:hidden; border:1px dashed #ad84dd; border-radius:13px; background:#fbf8ff; cursor:pointer; }.transport-media-editor label>span,.transport-media-editor label>small { position:absolute; z-index:2; left:7px; padding:3px 6px; color:#fff; background:rgba(34,24,65,.75); border-radius:7px; font-size:9px; }.transport-media-editor label>span { top:7px; }.transport-media-editor label>small { top:31px; color:#f1dcff; }.transport-media-editor img { width:100%; height:145px; object-fit:cover; }.transport-media-editor input[type=file] { position:absolute; inset:0; opacity:0; cursor:pointer; }.transport-media-editor>p { grid-column:1/-1; margin:0; color:#6c4a8e; font-size:11px; }.transport-photo-note { color:#73526f; font-size:11px; }.transport-media-lock { display:flex; flex-direction:column; gap:3px; padding:13px; color:#5a5270; border:1px solid #d9d3e9; border-radius:12px; background:#f9f8fc; font-size:11px; }.transport-media-lock strong { color:#4d3975; }.transport-terms,.transport-delete-request { display:flex; gap:8px; flex-direction:column; padding:13px; border:1px solid #d9d3e9; border-radius:13px; background:#f9f8fc; font-size:12px; }.transport-terms span,.transport-delete-request span { color:var(--muted); }.transport-delete-request { flex-direction:row; align-items:center; justify-content:space-between; margin-top:18px; }.transport-delete-request>div { display:flex; min-width:0; flex-direction:column; gap:3px; }.transport-status-panel { display:flex; flex-direction:column; gap:3px; margin:15px 0; padding:13px 15px; color:#4a4560; border-left:4px solid #a26af2; border-radius:6px 13px 13px 6px; background:#f5f1ff; font-size:12px; }.transport-status-panel.status-verified { border-color:#17856e; background:#effaf7; }.transport-status-panel.status-rejected,.transport-status-panel.status-suspended { border-color:#d34b5c; background:#fff1f3; }.transport-status-panel small { color:#6b536d; }.transport-profile-page { min-height:72vh; padding-block:35px 65px; }.transport-profile-cover { display:flex; align-items:flex-start; justify-content:space-between; min-height:175px; padding:20px; color:#fff; border-radius:22px 22px 0 0; background:radial-gradient(circle at 80% 20%,rgba(238,90,145,.45),transparent 34%),linear-gradient(135deg,#181335,#52235e); }.transport-profile-cover>span { padding:5px 8px; color:#f8dced; border-radius:999px; background:rgba(255,255,255,.13); font-size:10px; font-weight:800; }.transport-profile-head { display:grid; grid-template-columns:112px minmax(0,1fr) auto; align-items:end; gap:16px; margin-top:-60px; padding:0 22px 22px; border:1px solid var(--line); border-top:0; border-radius:0 0 20px 20px; background:#fff; }.transport-profile-head>img { width:112px; height:112px; border:4px solid #fff; border-radius:24px; object-fit:cover; box-shadow:var(--shadow); }.transport-profile-head h1 { margin:4px 0; color:var(--navy); font-size:clamp(29px,4vw,44px); }.transport-profile-head p { margin:0 0 6px; color:var(--muted); }.transport-profile-actions { display:flex; flex-wrap:wrap; gap:7px; justify-content:flex-end; }.transport-public-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(260px,.65fr); align-items:start; gap:18px; margin-top:18px; }.transport-photo-gallery { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.transport-photo-gallery img { width:100%; min-height:245px; object-fit:cover; border-radius:16px; }.transport-photo-gallery img:only-child { grid-column:1/-1; }.transport-info-card { padding:19px; border:1px solid var(--line); border-radius:17px; background:#fff; }.transport-info-card h2 { margin:0; color:var(--navy); }.transport-info-card p { color:var(--muted); }.transport-info-card ul { display:grid; gap:10px; padding:0; list-style:none; }.transport-info-card li { display:flex; flex-direction:column; gap:2px; padding-top:9px; border-top:1px solid var(--line); }.transport-info-card li strong { color:var(--navy); font-size:11px; }.transport-info-card li span { color:var(--muted); font-size:12px; }.admin-photo-links { display:flex; flex-wrap:wrap; gap:6px; margin-top:5px; }.admin-photo-links a { color:#752c9b; font-size:10px; font-weight:800; }
@media (min-width:761px) { .hero-v05 .intro-grid { grid-template-columns:.94fr 1.06fr; }.hero-video-stage video { width:min(470px,100%); } }
@media (max-width:760px) {
  .home-intro.hero-v05 { min-height:590px; overflow:hidden; border-radius:0 0 28px 28px; background:#271237; }.hero-v05 .intro-grid { display:block; width:100%; min-height:590px; padding:0 20px 25px; }.hero-v05 .hero-video-stage { position:absolute; z-index:0; inset:0; display:block; min-height:0; margin:0; overflow:hidden; pointer-events:none; }.hero-v05 .hero-video-stage::before { z-index:1; inset:0; width:auto; height:auto; aspect-ratio:auto; border:0; border-radius:0; background:linear-gradient(90deg,rgba(20,9,31,.91) 0%,rgba(31,10,39,.72) 47%,rgba(33,8,38,.38) 100%),linear-gradient(0deg,rgba(17,6,27,.86) 0%,transparent 56%); box-shadow:none; transform:none; animation:none; }.hero-v05 .hero-video-stage video { position:absolute; z-index:0; inset:0; width:100%; max-width:none; height:100%; object-fit:cover; object-position:58% center; opacity:.82; filter:none; transform:scale(1.04); mix-blend-mode:screen; }.hero-v05 .hero-video-glow { z-index:0; right:-10%; top:16%; width:78%; height:54%; opacity:.2; }.hero-v05 .hero-copy { position:relative; z-index:2; max-width:310px; padding-top:58px; }.hero-v05 .eyebrow { font-size:10px; }.hero-v05 h1 { margin-top:8px; font-size:clamp(39px,12vw,51px); line-height:.98; }.hero-v05 p { max-width:290px; margin-top:14px; color:#f7e6f0; font-size:14px; }.hero-v05 .hero-actions { flex-wrap:wrap; gap:8px; margin-top:19px; }.hero-v05 .hero-actions .btn { padding:10px 13px; font-size:12px; }.hero-v05 .trust-row { position:absolute; z-index:2; left:20px; right:20px; bottom:22px; display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin:0; padding:9px; border:1px solid rgba(255,255,255,.15); border-radius:14px; background:rgba(23,10,36,.58); backdrop-filter:blur(8px); }.hero-v05 .trust-row span { min-width:0; color:#e9d9ea; font-size:9px; line-height:1.18; }.hero-v05 .trust-row strong { display:block; color:#fff; font-size:14px; }.hero-v05 .hero-video-badge { z-index:3; right:16px; bottom:112px; padding:7px 9px; border-radius:11px; }.hero-v05 .hero-video-badge small { display:none; }.hero-v05 .hero-video-badge strong { font-size:10px; }
  .account-stats { grid-template-columns:repeat(4,1fr); gap:5px; margin-top:10px; }.account-stats>div { min-width:0; padding:9px 5px; text-align:center; }.account-stats strong { font-size:17px; }.account-stats span { overflow:hidden; display:block; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }.coordination-preview .section-heading { align-items:flex-start; }.coordination-preview .section-heading>a { padding-top:4px; font-size:11px; white-space:nowrap; }.interest-card { gap:8px; padding:11px; }.interest-card .interest-actions { width:100%; align-items:stretch; }.interest-card .interest-actions>a { align-self:flex-start; }.interest-card .interest-actions form { display:grid; grid-template-columns:minmax(0,1fr) auto; width:100%; }.interest-card .interest-actions select { width:100%; max-width:none; font-size:11px; }.interest-card .interest-actions .btn { min-height:36px; padding-inline:9px; font-size:11px; }.managed-business-actions { grid-template-columns:1fr; }.transport-owner-card { align-items:flex-start; flex-direction:column; }.transport-owner-card .btn { width:100%; }.manager-tabs,.segmented-nav { flex-wrap:nowrap; overflow-x:auto; padding-bottom:2px; }.manager-tabs a,.manager-tabs button,.segmented-nav a { flex:0 0 auto; font-size:11px; }.dashboard-hero { align-items:flex-start; flex-direction:column; padding:18px; }.dashboard-hero>div:last-child { width:100%; }.dashboard-hero>div:last-child .btn { flex:1; padding-inline:9px; font-size:11px; }.catalog-dashboard-grid { grid-template-columns:1fr; }.catalog-products { padding:14px; }.catalog-manager { order:2; }.transport-filter { align-items:stretch; flex-direction:column; }.transport-filter select,.transport-filter .btn { width:100%; }.transport-grid { grid-template-columns:1fr; }.transport-card { display:grid; grid-template-columns:112px minmax(0,1fr); }.transport-card-photo { height:100%; min-height:145px; }.transport-card>div { padding:12px; }.transport-card>div>span { min-height:0; }.transport-media-editor { grid-template-columns:1fr 1fr; }.transport-media-editor label:last-of-type { grid-column:1/-1; min-height:120px; }.transport-media-editor img { height:128px; }.transport-delete-request { align-items:stretch; flex-direction:column; }.transport-delete-request .btn { width:100%; }.transport-profile-page { width:100%; padding:0 0 35px; }.transport-profile-cover { min-height:145px; border-radius:0; }.transport-profile-head { grid-template-columns:80px minmax(0,1fr); gap:11px; margin-top:-41px; padding:0 14px 16px; border-radius:0 0 17px 17px; }.transport-profile-head>img { width:80px; height:80px; border-radius:19px; }.transport-profile-head h1 { font-size:25px; }.transport-profile-head p { font-size:12px; }.transport-profile-actions { grid-column:1/-1; justify-content:stretch; }.transport-profile-actions>* { flex:1; }.transport-profile-actions .btn { width:100%; padding-inline:8px; font-size:11px; }.transport-public-grid { grid-template-columns:1fr; gap:12px; margin:13px 12px; }.transport-photo-gallery { grid-template-columns:1fr 1fr; }.transport-photo-gallery img { min-height:160px; border-radius:12px; }.transport-info-card { padding:15px; }
}

/* v0.5 — Conexión Viva: violeta, magenta, naranja y rojo local */
:root {
  --navy: #171225;
  --navy-2: #35214f;
  --ink: #241b2d;
  --muted: #716879;
  --line: #eadfe8;
  --soft: #fff4f7;
  --coral: #e1306c;
  --coral-dark: #c51f58;
  --teal: #833ab4;
  --teal-dark: #6d2b99;
  --red: #ef3d4d;
  --orange: #f77737;
  --yellow: #ffd166;
  --green: #16a765;
  --shadow: 0 20px 52px rgba(73,35,74,.15);
  --shadow-soft: 0 8px 25px rgba(73,35,74,.09);
}

body { background: radial-gradient(circle at 5% 1%,rgba(225,48,108,.07),transparent 23rem),radial-gradient(circle at 97% 18%,rgba(131,58,180,.06),transparent 20rem),#fffaf8; }
.dark-chrome { background: linear-gradient(112deg,#171225 0%,#2b163b 54%,#4b1833 112%); }
.brand-mark,.btn-primary,.dark-chrome .top-search button,.chat-tabs a.active { background: linear-gradient(135deg,#833ab4 0%,#c13584 38%,#e1306c 67%,#ef3d4d 100%); }
.brand-mark { box-shadow: 0 9px 24px rgba(225,48,108,.35); }
.dark-chrome .brand strong,.dark-chrome .nav-link.active { color: #ff7480; }
.btn-primary { box-shadow: 0 9px 24px rgba(225,48,108,.25); }
.btn-primary:hover { background: linear-gradient(135deg,#7532a2,#b82c79,#d82260,#df3144); }
.listing-price,.detail-price { color: #d72858; }
.section-kicker,.eyebrow { color: #b02c76; }
.app-loader { background: radial-gradient(circle at 42% 30%,#71328f 0%,#351637 35%,#171225 75%); }
.loader-cube i { background: linear-gradient(145deg,#9b45c8,#e1306c 55%,#ef3d4d); box-shadow: 0 0 34px rgba(225,48,108,.42); }
.app-loader span { color: #ff9ca5; }

/* Portada con video 3D */
.hero-v05 { isolation: isolate; background: var(--gradient-brand); }
.hero-v05::before { z-index: -2; background: var(--gradient-glow); }
.hero-orb { position: absolute; z-index: -1; width: 260px; aspect-ratio: 1; border-radius: 50%; filter: blur(35px); opacity: .34; animation: hero-drift 8s ease-in-out infinite alternate; }
.hero-orb-a { right: 17%; top: -100px; background: var(--brand-magenta); }
.hero-orb-b { right: -80px; bottom: -100px; background: var(--brand-blue); animation-delay: -3s; }
.hero-v05 .intro-grid { grid-template-columns: 1.08fr .92fr; min-height: 535px; }
.hero-v05 .eyebrow { color: var(--on-brand); }
.hero-v05 h1 { text-wrap: balance; text-shadow: 0 14px 45px rgba(0,0,0,.35); }
.hero-v05 h1 em { color: var(--on-brand); font-family: inherit; font-style: normal; background: linear-gradient(90deg,var(--on-brand),var(--brand-pink),var(--on-brand)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.hero-v05 p { color: var(--on-brand); }
.hero-video-stage { position: relative; isolation: isolate; display: grid; min-height: 410px; place-items: center; perspective: 1000px; }
.hero-video-stage::before { content:""; position:absolute; z-index:-2; width:78%; aspect-ratio:1; border:1px solid rgba(255,255,255,.2); border-radius:34% 66% 62% 38%/43% 38% 62% 57%; background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.01)); box-shadow:inset 0 0 55px rgba(255,255,255,.05),0 35px 90px rgba(0,0,0,.35); transform:rotate(-8deg) rotateY(-12deg); animation:shape-float 7s ease-in-out infinite; }
.hero-video-stage video { width:min(420px,100%); aspect-ratio:1; object-fit:cover; mix-blend-mode:screen; filter:drop-shadow(0 24px 45px rgba(0,0,0,.45)); transform:rotateY(-7deg) translateZ(20px); }
.hero-video-glow { position:absolute; z-index:-1; width:72%; height:72%; border-radius:50%; background:conic-gradient(from 60deg,#833ab4,#e1306c,#ef3d4d,#f77737,#833ab4); filter:blur(42px); opacity:.33; animation:glow-spin 10s linear infinite; }
.hero-video-badge { position:absolute; right:0; bottom:35px; display:flex; align-items:center; gap:10px; padding:12px 15px; border:1px solid rgba(255,255,255,.2); border-radius:15px; background:rgba(23,18,37,.7); box-shadow:0 18px 50px rgba(0,0,0,.3); backdrop-filter:blur(14px); }
.hero-video-badge > span { color:#ff5867; animation:pulse-live 1.5s ease-in-out infinite; }.hero-video-badge div { display:flex; flex-direction:column; }.hero-video-badge small { color:#d7c4d6; font-size:10px; }
@keyframes hero-drift { to { transform:translate3d(35px,20px,0) scale(1.12); } }
@keyframes shape-float { 50% { transform:rotate(4deg) rotateY(8deg) translateY(-10px); } }
@keyframes glow-spin { to { transform:rotate(360deg); } }
@keyframes pulse-live { 50% { opacity:.35; transform:scale(.8); } }

/* Selector de publicación */
.publish-hub { min-height:75vh; padding-block:42px 70px; }.publish-hub .compact-heading { max-width:680px; margin-bottom:25px; }.publish-hub h1 { margin:0; color:var(--navy); font-size:clamp(34px,5vw,54px); letter-spacing:-.05em; }.publish-choice-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }.publish-choice { display:grid; grid-template-columns:58px 1fr auto; align-items:center; gap:15px; min-height:150px; padding:22px; border:1px solid var(--line); border-radius:20px; background:#fff; box-shadow:var(--shadow-soft); transition:transform .2s,border-color .2s,box-shadow .2s; }.publish-choice:hover { transform:translateY(-4px); border-color:#e6a6c4; box-shadow:var(--shadow); }.publish-choice > span { display:grid; width:58px; aspect-ratio:1; place-items:center; border-radius:18px; background:#f8e8f5; font-size:27px; }.publish-choice small { color:#b12b72; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }.publish-choice h2 { margin:2px 0; color:var(--navy); font-size:21px; }.publish-choice p { margin:0; color:var(--muted); font-size:13px; }.publish-choice > b { color:var(--coral); font-size:30px; }.choice-business { background:linear-gradient(145deg,#fff,#fff3f6); }.choice-create { color:#fff; border-color:transparent; background:linear-gradient(135deg,#342044,#6e2050); }.choice-create h2,.choice-create p,.choice-create small,.choice-create>b { color:#fff; }.choice-create>span { background:rgba(255,255,255,.13); }.publish-note { max-width:780px; margin-top:20px; }

/* Multimedia, catálogo y panel de negocio */
.media-uploader { display:grid; gap:10px; margin:0; padding:16px; border:1px solid var(--line); border-radius:15px; }.media-uploader legend { padding:0 7px; color:var(--navy); font-weight:850; }.media-uploader>p { margin:0; color:var(--muted); font-size:12px; }.upload-drop { position:relative; display:flex; align-items:center; justify-content:center; flex-direction:column; min-height:95px; border:1.5px dashed #d79abb; border-radius:13px; background:#fff8fb; cursor:pointer; text-align:center; }.upload-drop span { color:#a7286b; font-weight:850; }.upload-drop small { color:var(--muted); font-size:10px; }.upload-drop input { position:absolute; inset:0; opacity:0; cursor:pointer; }.video-drop { min-height:72px; background:#faf5ff; }.media-preview { display:flex; flex-wrap:wrap; gap:8px; }.media-preview>span { position:relative; width:76px; height:76px; overflow:hidden; border-radius:11px; background:var(--soft); }.media-preview img { width:100%; height:100%; object-fit:cover; }.media-preview button { position:absolute; right:3px; top:3px; display:grid; width:23px; height:23px; place-items:center; color:#fff; border:0; border-radius:50%; background:rgba(23,18,37,.8); }.upload-progress { min-height:16px; color:#8b2862; font-size:11px; }.check-row { display:flex; flex-wrap:wrap; gap:10px; }.check-row label { display:flex; align-items:center; gap:7px; padding:9px 12px; border:1px solid var(--line); border-radius:11px; background:#fff; }.check-row input { width:auto; }
.business-dashboard { min-height:80vh; padding-block:35px 70px; }.dashboard-hero { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px; color:#fff; border-radius:22px; background:linear-gradient(130deg,#2e183d,#8f285f 65%,#ef3d4d); }.dashboard-hero h1 { margin:0; font-size:clamp(28px,4vw,43px); }.dashboard-hero p { margin:3px 0;color:#f5dce7; }.dashboard-hero>div:last-child { display:flex; gap:8px; }.dashboard-layout { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr); align-items:start; gap:18px; margin-top:24px; }.compact-form { box-shadow:var(--shadow-soft); }.catalog-manager { display:grid; gap:14px; }.catalog-manager .admin-card { padding:18px; }.catalog-manager h2 { margin-top:0; }.catalog-manager p { color:var(--muted); font-size:12px; }.inline-create { display:flex; gap:7px; }.inline-create input { min-width:0; flex:1; }.catalog-section-list { display:grid; gap:7px; margin-top:14px; }.catalog-section-list>div { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:9px; border:1px solid var(--line); border-radius:10px; }.catalog-section-list span { display:flex; min-width:0; flex-direction:column; }.catalog-section-list small { color:var(--muted); }.managed-card,.managed-listing { min-width:0; }.managed-listing .listing-card { height:auto; }.manage-business { width:100%; margin-top:8px; }.edit-listing-link { display:block; margin-top:-1px; padding:9px; color:#8d2865; border:1px solid var(--line); border-top:0; border-radius:0 0 12px 12px; background:#fff; text-align:center; font-size:11px; font-weight:800; }
.business-media-editor { display:grid; grid-template-columns:140px minmax(0,1fr); gap:10px; }.business-media-editor label { position:relative; overflow:hidden; min-height:110px; border:1px dashed #d79abb; border-radius:13px; background:#fff7fb; cursor:pointer; }.business-media-editor label>span { position:absolute; z-index:2; left:7px; top:7px; padding:3px 7px; color:#fff; border-radius:999px; background:rgba(23,18,37,.75); font-size:9px; font-weight:800; }.business-media-editor img { width:100%; height:100%; min-height:110px; object-fit:cover; }.business-media-editor input[type=file] { position:absolute; inset:0; opacity:0; cursor:pointer; }.business-media-editor>small { grid-column:1/-1; color:#982869; }
.save-search-form { display:inline-flex; }.save-search-form button { height:40px; }.saved-search-list { display:flex; flex-wrap:wrap; gap:8px; }.saved-search-list a { padding:9px 12px; color:#8f2866; border:1px solid #e7bfd3; border-radius:999px; background:#fff; font-size:12px; font-weight:750; }
.business-status { width:fit-content; margin:14px 0 -2px auto; padding:6px 11px; color:#a32563; background:#fff0f6; border-radius:999px; font-size:11px; font-weight:800; }.social-links,.catalog-nav { display:flex; flex-wrap:wrap; gap:7px; margin-top:14px; }.social-links a,.catalog-nav a { padding:6px 9px; color:var(--store-accent,#952a6b); border:1px solid currentColor; border-radius:999px; font-size:10px; font-weight:800; }.catalog-nav { margin:0 0 15px; padding-bottom:12px; border-bottom:1px solid var(--line); }.catalog-section { scroll-margin-top:90px; margin-bottom:30px; }.catalog-section .section-heading h3 { margin:0; color:var(--navy); }.business-profile { --store-accent:#9e2a6f; }.business-profile.theme-coral { --store-accent:#e44756; }.business-profile.theme-oceano { --store-accent:#147ea0; }.business-profile.theme-bosque { --store-accent:#2e8153; }.business-profile.theme-cafe { --store-accent:#95613d; }.business-profile.theme-noche { --store-accent:#29233e; }.business-profile .profile-tabs a:hover,.business-profile .owner-stats a { color:var(--store-accent); }

/* Galería de producto */
.detail-media-gallery { min-width:0; }.detail-media-main { position:relative; overflow:hidden; min-height:520px; border:1px solid var(--line); border-radius:22px; background:#fff; }.detail-media-main>img,.detail-media-main>video { width:100%; height:520px; object-fit:cover; }.detail-thumbs { display:flex; gap:8px; overflow-x:auto; padding-top:9px; }.detail-thumbs button { width:74px; height:66px; flex:0 0 auto; overflow:hidden; padding:0; border:2px solid transparent; border-radius:10px; background:#fff; }.detail-thumbs button:hover { border-color:var(--coral); }.detail-thumbs img { width:100%; height:100%; object-fit:cover; }.availability-line { display:flex; align-items:center; gap:8px; }.availability-line span { padding:5px 9px; color:#176b45; background:#e8f8ef; border-radius:999px; font-size:11px; font-weight:850; }.availability-line small { color:var(--muted); }.media-chip,.availability-chip { position:absolute; right:8px; top:8px; padding:5px 8px; color:#fff; background:rgba(23,18,37,.8); border-radius:999px; font-size:9px; font-weight:800; }.availability-chip { top:auto; bottom:8px; background:var(--red); }

/* Chat sin pantallas de carga */
.chat-route .site-footer { display:none; }.chat-back { display:none; width:34px; height:34px; place-items:center; color:var(--navy); border-radius:50%; background:var(--soft); font-size:28px; }.chat-route #page-content { opacity:1; transform:none; }.chat-head-actions form { display:flex; }.chat-head-actions button { color:var(--muted); }.message.is-sending,.community-message.is-sending { opacity:.65; }.message-send[disabled] { opacity:.5; cursor:wait; }

@media (max-width:760px) {
  .hero-v05 .intro-grid { gap:12px; padding-top:34px; padding-bottom:22px; }.hero-v05 .hero-copy { position:relative; z-index:2; }.hero-v05 h1 { font-size:clamp(37px,12vw,52px); }.hero-video-stage { min-height:280px; margin-top:-18px; }.hero-video-stage video { width:min(330px,93vw); }.hero-video-stage::before { width:72%; }.hero-video-badge { right:4px; bottom:12px; }.hero-v05 .trust-row { margin-top:24px; }
  .publish-hub { padding-block:27px; }.publish-choice-grid { grid-template-columns:1fr; }.publish-choice { grid-template-columns:50px 1fr auto; min-height:120px; padding:16px; }.publish-choice>span { width:50px; }.publish-choice h2 { font-size:18px; }
  .dashboard-hero { align-items:flex-start; flex-direction:column; padding:18px; }.dashboard-hero>div:last-child { width:100%; }.dashboard-hero .btn { flex:1; }.dashboard-layout { grid-template-columns:1fr; }.business-dashboard { padding-block:22px; }
  .detail-media-main { min-height:320px; }.detail-media-main>img,.detail-media-main>video { height:320px; min-height:0; }.detail-thumbs button { width:63px; height:57px; }
  .chat-route .mobile-search-wrap { display:none; }.chat-route .topbar { position:relative; }.chat-route main { height:calc(100dvh - 55px); padding-bottom:0; }.chat-route .messages-page { width:100%; height:calc(100dvh - 55px); min-height:0; margin:0; border:0; border-radius:0; box-shadow:none; }.messages-page:not(.has-selection) .chat-panel { display:none; }.messages-page.has-selection .conversation-list { display:none; }.messages-page.has-selection { display:block; }.messages-page.has-selection .chat-panel { height:100%; min-height:0; }.chat-back { display:grid; }.chat-head { flex:0 0 auto; }.message-stream,.community-message-stream { min-height:0; max-height:none; padding-bottom:94px; }.floating-composer { position:fixed; z-index:58; right:8px; bottom:calc(58px + env(safe-area-inset-bottom)); left:8px; width:auto; border:1px solid rgba(180,130,166,.35); border-radius:20px; box-shadow:0 12px 35px rgba(52,23,52,.23); }.community-description { flex:0 0 auto; }.community-panel .community-join-note { margin-bottom:68px; }.chat-panel>.empty-state { margin:auto; }.chat-route .flash { position:fixed; z-index:80; top:58px; right:8px; left:8px; margin:0; }
  .business-status { margin-right:4px; }.catalog-nav { flex-wrap:nowrap; overflow-x:auto; }.social-links a,.catalog-nav a { flex:0 0 auto; }
}

@media (max-width:390px) {
  .hero-video-badge { transform:scale(.86); transform-origin:right bottom; }.publish-choice { grid-template-columns:44px 1fr auto; gap:10px; }.publish-choice>span { width:44px; }.publish-choice p { font-size:11px; }
}

@media (prefers-reduced-motion:reduce) {
  .hero-orb,.hero-video-stage::before,.hero-video-glow,.hero-video-badge>span { animation:none; }
  .hero-video-stage video { transform:none; }
}

/* v0.7 — portada móvil ordenada y pestañas compactas */
.hero-title-rotator { position:relative; min-height:2.02em; }
.hero-title-frame { position:absolute; inset:0; display:block; opacity:0; transform:translateY(12px); animation:hero-title-cycle 15s ease-in-out infinite; }
.hero-title-a { animation-delay:0s; }.hero-title-b { animation-delay:5s; }.hero-title-c { animation-delay:10s; }
@keyframes hero-title-cycle {
  0%, 4% { opacity:0; transform:translateY(12px); }
  8%, 28% { opacity:1; transform:translateY(0); }
  32%, 100% { opacity:0; transform:translateY(-10px); }
}

@media (min-width:761px) {
  .hero-v05 .intro-grid { grid-template-columns:1fr 1fr; gap:44px; }
  .hero-v05 .hero-video-stage { min-height:490px; }
  .hero-v05 .hero-video-stage video { width:min(510px,110%); }
  .hero-v05 .hero-copy { padding-bottom:84px; }
  .hero-v05 .hero-trust { position:absolute; z-index:3; bottom:50px; left:0; margin:0; }
}

@media (max-width:760px) {
  html,body { overflow-x:clip; }
  .home-intro.hero-v05 { min-height:648px; overflow:hidden; border-radius:0 0 26px 26px; background:#180a25; }
  .hero-v05 .intro-grid { display:block; width:100%; min-height:648px; padding:0 20px 24px; }
  .hero-v05 .hero-video-stage { position:absolute; z-index:0; inset:0; display:block; min-height:0; margin:0; overflow:hidden; perspective:none; }
  .hero-v05 .hero-video-stage::before { content:""; position:absolute; z-index:1; inset:0; width:auto; height:auto; aspect-ratio:auto; border:0; border-radius:0; background:linear-gradient(105deg,rgba(17,6,29,.95) 0%,rgba(30,8,39,.82) 48%,rgba(43,9,36,.56) 100%),linear-gradient(0deg,rgba(15,5,26,.94) 0%,rgba(16,5,27,.46) 36%,transparent 74%); box-shadow:inset 0 0 0 1px rgba(255,173,205,.08),inset 0 -90px 100px rgba(4,0,12,.4); transform:none; animation:none; }
  .hero-v05 .hero-video-stage::after { content:""; position:absolute; z-index:2; inset:0; pointer-events:none; background:radial-gradient(ellipse at 72% 24%,rgba(185,54,142,.28),transparent 32%),radial-gradient(ellipse at 82% 76%,rgba(239,61,77,.20),transparent 27%); mix-blend-mode:screen; }
  .hero-v05 .hero-video-stage video { position:absolute; z-index:0; inset:0; width:100%; max-width:none; height:100%; aspect-ratio:auto; object-fit:cover; object-position:58% 50%; opacity:.82; filter:saturate(.95) contrast(1.04) brightness(.68); transform:scale(1.035); mix-blend-mode:normal; }
  .hero-v05 .hero-video-glow,.hero-v05 .hero-orb { display:none; }
  .hero-v05 .hero-copy { position:relative; z-index:3; width:min(100%,338px); max-width:none; padding-top:54px; }
  .hero-v05 .eyebrow { margin-bottom:10px; color:#ffa7bb; font-size:10px; letter-spacing:.13em; }
  .hero-v05 h1 { width:100%; min-height:2.08em; margin:0; font-size:clamp(37px,10.9vw,46px); line-height:1.01; letter-spacing:-.055em; }
  .hero-v05 .hero-title-frame { white-space:nowrap; }
  .hero-v05 h1 em { background:linear-gradient(90deg,#ffb4d5,#ff9b82 62%,#ffe2cb); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
  .hero-v05 p { display:-webkit-box; max-width:302px; margin:17px 0 0; overflow:hidden; color:#f7e8f1; font-size:15px; line-height:1.47; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
  .hero-v05 .hero-actions { display:grid; grid-template-columns:1fr 1fr; gap:9px; width:100%; margin-top:20px; }
  .hero-v05 .hero-actions .btn { min-height:43px; padding:9px 8px; font-size:12px; white-space:nowrap; }
  .hero-v05 .trust-row { position:absolute; z-index:4; right:18px; bottom:25px; left:18px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin:0; padding:10px 7px 9px; border:1px solid rgba(255,255,255,.16); border-radius:15px; background:rgba(21,8,34,.66); box-shadow:0 16px 35px rgba(0,0,0,.22); backdrop-filter:blur(11px); }
  .hero-v05 .trust-row span { min-width:0; padding:0 6px; color:#ecdce8; font-size:9px; line-height:1.18; text-align:center; }
  .hero-v05 .trust-row span + span { border-left:1px solid rgba(255,255,255,.12); }
  .hero-v05 .trust-row strong { margin-bottom:2px; color:#fff; font-size:15px; line-height:1; }
  .hero-v05 .hero-video-badge { z-index:4; top:22px; right:18px; bottom:auto; padding:6px 9px; border-radius:999px; background:rgba(20,7,34,.58); box-shadow:none; }
  .hero-v05 .hero-video-badge small { display:none; }
  .hero-v05 .hero-video-badge strong { font-size:10px; }
  .hero-v05 .hero-video-badge>span { font-size:10px; }
  .feed-tabs { display:flex; flex-wrap:nowrap; justify-content:space-between; gap:0; width:100%; margin-bottom:14px; overflow:hidden; }
  .feed-tabs a { flex:1 1 0; min-width:0; padding:11px 1px 10px; color:var(--muted); font-size:11px; line-height:1.1; text-align:center; white-space:nowrap; }
  .feed-tabs a.active { border-bottom-width:3px; }
}

@media (max-width:350px) {
  .hero-v05 .hero-copy { padding-top:50px; }
  .hero-v05 h1 { font-size:37px; }
  .hero-v05 .hero-video-badge { display:none; }
  .feed-tabs a { font-size:10px; }
}

@media (prefers-reduced-motion:reduce) {
  .hero-title-frame { animation:none; }
  .hero-title-a { opacity:1; transform:none; }
}

/* v0.8 — preparación de lanzamiento y métricas útiles */
.business-launch-checklist { display:grid; gap:14px; margin:0 0 24px; padding:18px; border:1px solid #e6bfd4; border-radius:18px; background:linear-gradient(135deg,#fff8fc,#f8f4ff); box-shadow:var(--shadow-soft); }
.launch-checklist-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }.launch-checklist-head>div { min-width:0; }.launch-checklist-head h2 { margin:3px 0; color:var(--navy); font-size:21px; }.launch-checklist-head p { max-width:660px; margin:0; color:var(--muted); font-size:12px; line-height:1.45; }.business-launch-checklist ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0; padding:0; list-style:none; }.business-launch-checklist li { display:flex; align-items:flex-start; gap:8px; padding:10px; color:#656276; border:1px solid var(--line); border-radius:11px; background:#fff; font-size:11px; line-height:1.35; }.business-launch-checklist li>span { display:grid; width:18px; height:18px; flex:0 0 auto; place-items:center; color:#8c3570; border-radius:50%; background:#f5e7f0; font-size:11px; font-weight:900; }.business-launch-checklist li.done { color:#336a50; border-color:#cbe7d7; background:#fbfffc; }.business-launch-checklist li.done>span { color:#fff; background:#27865d; }
.launch-admin-card { grid-column:1 / -1; }.launch-metrics { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; margin:14px 0; }.launch-metrics>div { min-width:0; padding:11px 7px; border:1px solid #ead4e0; border-radius:12px; background:linear-gradient(145deg,#fff,#fff7fb); text-align:center; }.launch-metrics strong,.launch-metrics span { display:block; }.launch-metrics strong { overflow:hidden; color:#9a2965; font-size:22px; line-height:1.1; text-overflow:ellipsis; }.launch-metrics span { margin-top:3px; color:var(--muted); font-size:10px; line-height:1.15; }.launch-check-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.launch-check-list article { display:flex; align-items:flex-start; gap:9px; padding:11px; border:1px solid var(--line); border-radius:12px; background:#fff; }.launch-check-list article>span { display:grid; width:21px; height:21px; flex:0 0 auto; place-items:center; color:#9f2b68; border-radius:50%; background:#f8e7f0; font-size:12px; font-weight:900; }.launch-check-list article.ready { border-color:#cce8d7; background:#fcfffd; }.launch-check-list article.ready>span { color:#fff; background:#27865d; }.launch-check-list strong { display:block; color:var(--navy); font-size:12px; }.launch-check-list p { margin:2px 0 0; color:var(--muted); font-size:10px; line-height:1.35; }

@media (max-width:760px) {
  .business-launch-checklist { gap:12px; margin-bottom:18px; padding:15px; }.launch-checklist-head { flex-direction:column; gap:9px; }.launch-checklist-head .btn { width:100%; }.business-launch-checklist ul { grid-template-columns:1fr; gap:7px; }.business-launch-checklist li { padding:9px; }
  .launch-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }.launch-metrics>div { padding:9px 5px; }.launch-metrics strong { font-size:19px; }.launch-check-list { grid-template-columns:1fr; gap:7px; }.launch-check-list article { padding:10px; }
}

/* Perfil personal y perfil empresa: una cuenta, dos espacios claros */
.account-mode-switch { display:inline-flex; gap:4px; margin:16px 0 4px; padding:4px; border:1px solid var(--line); border-radius:14px; background:#fff; box-shadow:var(--shadow-soft); }
.account-mode-switch a { display:inline-flex; min-height:36px; align-items:center; gap:6px; padding:7px 12px; color:var(--muted); border-radius:10px; font-size:13px; font-weight:800; }
.account-mode-switch a.active { color:#fff; background:linear-gradient(135deg,#833ab4,#e1306c 68%,#ef3d4d); box-shadow:0 6px 16px rgba(225,48,108,.22); }
.account-mode-switch span { display:grid; min-width:18px; height:18px; place-items:center; color:inherit; border-radius:999px; background:rgba(255,255,255,.2); font-size:10px; }
.account-shortcuts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:20px 0; }
.account-shortcuts>a { display:grid; grid-template-columns:34px minmax(0,1fr) auto; align-items:center; gap:9px; min-width:0; padding:13px; border:1px solid var(--line); border-radius:15px; background:#fff; box-shadow:var(--shadow-soft); transition:transform .18s,border-color .18s; }
.account-shortcuts>a:hover { border-color:#dca5c3; transform:translateY(-2px); }
.account-shortcuts>a>span { display:grid; width:34px; height:34px; place-items:center; color:#a4296b; border-radius:11px; background:#faeaf4; font-size:18px; }
.account-shortcuts strong,.account-shortcuts small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.account-shortcuts strong { color:var(--navy); font-size:12px; }.account-shortcuts small { color:var(--muted); font-size:10px; }.account-shortcuts b { color:var(--coral); font-size:20px; }
.account-chat-preview { display:grid; gap:7px; }.account-chat-preview>a { display:grid; grid-template-columns:39px minmax(0,1fr) auto; align-items:center; gap:10px; min-width:0; padding:10px; border:1px solid var(--line); border-radius:13px; background:#fff; }.account-chat-preview>a:hover { border-color:#dca5c3; }.account-chat-preview img { width:39px; height:39px; object-fit:cover; border-radius:50%; background:var(--soft); }.account-chat-preview span { min-width:0; }.account-chat-preview strong,.account-chat-preview small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.account-chat-preview strong { color:var(--navy); font-size:12px; }.account-chat-preview small,.account-chat-preview time { color:var(--muted); font-size:10px; }.account-chat-preview time { white-space:nowrap; }
.account-empty-copy { margin:0; padding:15px; color:var(--muted); border:1px dashed var(--line); border-radius:13px; background:#fff; font-size:13px; }
.business-mode-invite,.company-mode-intro { display:flex; align-items:center; gap:15px; margin-top:24px; padding:19px; border:1px solid #e3bfd5; border-radius:18px; background:linear-gradient(125deg,#fff7fb,#fbf5ff); box-shadow:var(--shadow-soft); }
.business-mode-invite>span { display:grid; width:47px; height:47px; flex:0 0 auto; place-items:center; border-radius:15px; background:linear-gradient(135deg,#833ab4,#e1306c); font-size:23px; }
.business-mode-invite>div,.company-mode-intro>div { min-width:0; flex:1; }.business-mode-invite strong,.company-mode-intro h2 { color:var(--navy); }.business-mode-invite p,.company-mode-intro p { margin:4px 0 0; color:var(--muted); font-size:12px; }
.company-mode-intro { margin-top:16px; color:#fff; border-color:transparent; background:linear-gradient(118deg,#271437,#652054 62%,#c12d63); }.company-mode-intro .section-kicker,.company-mode-intro h2,.company-mode-intro p { color:#fff; }.company-mode-intro h2 { margin:0; font-size:26px; }.company-mode-intro p { color:#f7dfe9; }
.company-stats { margin-top:16px; }.inline-back-link { display:inline-block; margin-top:14px; color:#9b2768; font-size:13px; font-weight:800; }

@media (max-width:760px) {
  .account-header-actions { width:100%; flex-wrap:wrap; }.account-header-actions .btn { flex:1; min-width:0; padding-inline:9px; font-size:11px; }.account-header-actions form { flex:0 0 auto; }.account-header-actions form .btn { min-width:unset; }
  .account-mode-switch { display:grid; grid-template-columns:1fr 1fr; width:100%; margin:13px 0 1px; }.account-mode-switch a { justify-content:center; font-size:12px; }
  .account-shortcuts { grid-template-columns:1fr; gap:8px; margin:15px 0; }.account-shortcuts>a { padding:11px 12px; }
  .business-mode-invite,.company-mode-intro { align-items:stretch; flex-direction:column; gap:11px; padding:16px; }.business-mode-invite>span { width:42px; height:42px; }.business-mode-invite .btn,.company-mode-intro .btn { width:100%; }
  .company-mode-intro h2 { font-size:23px; }.company-mode-intro .section-kicker { margin-bottom:5px; font-size:10px; }
}

/* v0.9 — Pack 1: Brisa Coral
   Social commerce claro, tangible y local. Los acentos se reservan para acciones,
   confianza y estados; el resto respira sobre una base de papel frío. */
:root {
  --navy: #172033;
  --navy-2: #243047;
  --ink: #1c2637;
  --muted: #6c7688;
  --line: #e5e9f0;
  --soft: #f1f4f8;
  --white: #ffffff;
  --coral: #ff6258;
  --coral-dark: #e94e46;
  --teal: #147c87;
  --teal-dark: #0d616b;
  --yellow: #f5ae3d;
  --green: #1f9b68;
  --shadow: 0 20px 44px rgba(29, 40, 59, .11);
  --shadow-soft: 0 7px 20px rgba(29, 40, 59, .07);
  --radius: 20px;
}

body {
  background: #f6f7fb;
  color: var(--ink);
  font-size: 14px;
  letter-spacing: -.006em;
}

.app-icon { width: 19px; height: 19px; display: block; }
.topbar.dark-chrome {
  color: var(--ink);
  background: rgba(255,255,255,.88);
  border-bottom-color: rgba(222,228,237,.88);
  box-shadow: 0 3px 18px rgba(29,40,59,.035);
}
.dark-chrome .brand,.dark-chrome .account-chip { color: var(--navy); }
.dark-chrome .brand strong { color: var(--coral); }
.brand { gap: 9px; font-weight: 780; letter-spacing: -.035em; }
.brand-mark { width: 38px; overflow: hidden; padding: 0; background: transparent; border-radius: 13px; box-shadow: 0 8px 20px rgba(255,98,88,.22); }
.brand-mark img { width: 100%; height: 100%; }
.dark-chrome .top-search,
.top-search { background: #f3f5f8; border-color: transparent; border-radius: 14px; }
.dark-chrome .top-search input,.dark-chrome .top-search > .search-icon { color: var(--ink); }
.dark-chrome .top-search input::placeholder { color: #8993a4; }
.top-search .search-icon { display: grid; place-items: center; padding-left: 14px; color: #748094; }
.top-search button,.dark-chrome .top-search button {
  margin: 4px;
  padding: 0 14px;
  border-radius: 10px;
  background: var(--coral);
  color: #fff;
  font-size: 13px;
}
.top-search:focus-within,.dark-chrome .top-search:focus-within { border-color: rgba(255,98,88,.48); background: #fff; box-shadow: 0 0 0 4px rgba(255,98,88,.11); }
.dark-chrome .btn-outline { color: var(--navy); background: #fff; border-color: var(--line); }
.notification-chip { color: var(--navy); background: #fff; border-color: var(--line); box-shadow: var(--shadow-soft); }
.notification-chip b { border-color: #fff; background: var(--coral); }

.btn { min-height: 42px; border-radius: 12px; font-weight: 780; letter-spacing: -.015em; }
.btn-primary { background: var(--coral); box-shadow: 0 9px 19px rgba(255,98,88,.22); }
.btn-primary:hover { background: var(--coral-dark); }
.btn-light { color: var(--navy); background: #fff; box-shadow: 0 7px 16px rgba(8,16,32,.12); }
.btn-dark { background: var(--navy); }
.btn-muted { color: var(--navy); background: #e9edf3; }
.btn-outline { border-color: #dce2eb; }
.btn-outline:hover { color: var(--coral-dark); border-color: rgba(255,98,88,.45); }
.btn-whatsapp { background: #20a66d; box-shadow: 0 8px 17px rgba(31,155,104,.18); }
.icon-button { color: var(--navy); border-color: #dfe5ed; border-radius: 12px; }
.icon-button.saved { color: var(--coral); background: #fff0ef; border-color: #ffd0cc; }

.home-intro.hero-v05 { background: #172033; border-radius: 0 0 32px 32px; }
.hero-v05::before { background: radial-gradient(circle at 85% 30%, rgba(255,98,88,.27), transparent 23%), linear-gradient(108deg, rgba(16,24,38,.2), rgba(16,24,38,.55)); }
.hero-v05 .intro-grid { min-height: 540px; }
.hero-v05 .eyebrow { color: #ffb2ab; }
.hero-v05 h1 { text-shadow: none; }
.hero-v05 h1 em { color: #ff9288; background: none; -webkit-text-fill-color: currentColor; }
.hero-v05 p { color: #dbe1eb; }
.hero-video-stage::before { border-color: rgba(255,255,255,.14); background: rgba(255,255,255,.055); box-shadow: inset 0 0 0 1px rgba(255,255,255,.05), 0 28px 70px rgba(0,0,0,.28); }
.hero-video-stage video { mix-blend-mode: normal; filter: saturate(.9) contrast(1.04); }
.hero-video-glow { background: #ff6258; filter: blur(56px); opacity: .16; }
.hero-video-badge { border-color: rgba(255,255,255,.15); background: rgba(17,27,42,.77); }
.hero-video-badge > span { color: #ff6258; }
.hero-v05 .trust-row { color: #cdd5e1; }
.hero-v05 .trust-row strong { color: #fff; }

.section-kicker,.eyebrow { color: var(--coral-dark); letter-spacing: .11em; }
.section-heading h2,.search-header h1,.compact-heading h1,.form-intro h1,.detail-info h1 { color: var(--navy); }
.section-heading > a { color: var(--coral-dark); }
.category-section,.featured-section,.recent-section { padding-block: 48px; }
.category-pill {
  min-height: 106px;
  padding: 14px;
  border-color: #e3e8ef;
  border-radius: 18px;
  box-shadow: 0 4px 12px rgba(29,40,59,.035);
}
.category-pill span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 13px; background: #fff0ee; filter: none; font-size: 21px; }
.category-pill:nth-child(3n+2) span { background: #e8f3f3; }
.category-pill:nth-child(3n+3) span { background: #fff4dd; }
.category-pill:hover { border-color: #ffd1cc; box-shadow: 0 14px 28px rgba(29,40,59,.10); }

.feed-tabs { gap: 3px; padding: 4px; border: 1px solid #e3e8ef; border-radius: 15px; background: #fff; box-shadow: 0 5px 15px rgba(29,40,59,.045); }
.feed-tabs a { flex: 1; padding: 9px 10px; border-radius: 10px; color: #778193; font-size: 13px; text-align: center; }
.feed-tabs a.active { color: var(--coral-dark); border-bottom: 0; background: #fff0ee; }
.quick-publish,.post-card,.listing-card,.business-card,.community-card,.admin-card,.creation-form,.info-card {
  border-color: #e2e7ee;
  box-shadow: 0 7px 19px rgba(29,40,59,.055);
}
.quick-publish { padding: 13px; border-radius: 18px; }
.quick-publish > a:not(.btn,.quick-action) { background: #f2f4f8; }
.quick-logo { overflow: hidden; padding: 0; background: transparent; border-radius: 13px; box-shadow: 0 5px 14px rgba(255,98,88,.17); }
.quick-logo img { width: 100%; height: 100%; }
.quick-action,.login-nudge a { color: var(--coral-dark); }
.post-card,.listing-card,.business-card { border-radius: 19px; }
.post-kind { color: #9b544d; background: #fff0ee; }
.post-actions button.liked,.post-actions a:hover { color: var(--coral-dark); }
.post-actions button:hover { color: var(--coral-dark); background: #fff5f3; }
.comment > div { background: #f2f4f7; }
.comment-form input { background: #f2f4f7; }
.listing-card:hover,.business-card:hover { border-color: #ffd1cc; box-shadow: 0 17px 34px rgba(29,40,59,.11); }
.listing-price,.detail-price { color: var(--coral-dark); }
.type-chip { color: var(--navy); border: 1px solid rgba(223,229,237,.8); border-radius: 999px; }
.business-card.is-verified { border-color: #9fd6cf; box-shadow: 0 11px 28px rgba(20,124,135,.12); }
.verified-badge { color: var(--teal-dark); }.verified-badge span { background: var(--teal); }
.rating-mini { color: #855600; background: #fff3d9; }
.free-business-card,.live-preview-card { background: #243047; }
.free-business-card > span { color: #a7e0db; }

.browse-categories a,.recent-intents a { color: var(--navy); border-color: #e2e7ee; background: #fff; }
.browse-categories a:hover,.recent-intents a:hover { color: var(--coral-dark); border-color: #ffd1cc; }
.filter-toggle,.location-button { border-color: #dfe5ed; border-radius: 12px; }
.filter-toggle:hover,.location-button:hover { color: var(--coral-dark); border-color: #ffb8b1; }
.filters,.category-hero { border-radius: 20px; }
.category-hero { background: #243047; }
.category-hero small { color: #ffc0ba; }.category-hero p { color: #d4dce8; }

.messages-page { border-color: #e1e6ee; border-radius: 22px; box-shadow: 0 18px 42px rgba(29,40,59,.10); }
.conversation-list,.messages-title,.chat-head,.message-form,.community-composer { background: #fff; }
.conversation-item { padding: 13px 15px; border-bottom-color: #edf0f4; }
.conversation-item:hover { background: #fff5f3; }
.conversation-item.active { border-left-color: var(--coral); background: #fff0ee; }
.chat-panel,.community-panel { background: #182234; }
.chat-head { border-bottom-color: #e7ebf0; }
.message-stream,.community-message-stream { background: radial-gradient(circle at 15% 8%, rgba(255,98,88,.075), transparent 24%), #182234; }
.message { color: #243047; background: #fff; border-radius: 7px 17px 17px 17px; box-shadow: 0 5px 14px rgba(0,0,0,.14); }
.message.mine { color: #fff; background: var(--coral); border-radius: 17px 7px 17px 17px; }
.message small { color: #8e98a7; }.message.mine small { color: rgba(255,255,255,.72); }
.community-message > div { background: #fff; box-shadow: 0 5px 14px rgba(0,0,0,.14); }
.community-message.mine > div { color: #fff; background: var(--coral); }
.community-message.mine strong,.community-message.mine small,.community-message.mine button { color: #fff; }
.community-message.mine .reply-preview { color: #fff6f4; border-left-color: #fff; background: rgba(255,255,255,.14); }
.chat-tabs { background: #f0f3f7; }.chat-tabs a.active { background: var(--navy); box-shadow: 0 5px 12px rgba(23,32,51,.20); }
.message-send { background: var(--coral); }.message-send:hover { background: var(--coral-dark); }
.floating-composer { border-color: rgba(229,234,240,.9); }

.form-guide,.required-group,.business-launch-checklist,.company-mode-intro,.business-mode-invite { border-color: #fed1cc; background: #fff8f7; }
.form-guide strong,.required-mark,.inline-back-link { color: var(--coral-dark); }
.form-group-heading > span,.account-mode-switch a.active { background: var(--coral); box-shadow: 0 6px 15px rgba(255,98,88,.20); }
.optional-group { background: #fbfcfe; }
.peru-phone-field b { color: var(--navy); background: #f1f4f8; }
.upload-drop,.business-media-editor label,.admin-image-upload { border-color: #ffb8b1; background: #fff8f7; }
.upload-drop span,.upload-progress,.business-media-editor>small { color: var(--coral-dark); }
.dashboard-hero,.transport-hero,.transport-profile-cover { background: #243047; }
.transport-hero .section-kicker { color: #ffb7b0; }.transport-hero p,.dashboard-hero p { color: #d7dfeb; }
.transport-beta-chip { color: #9b544d; background: #fff0ee; }
.transport-safety-note,.transport-status-panel { border-left-color: var(--coral); background: #fff6f4; }
.transport-card,.transport-info-card,.catalog-products { border-color: #e2e7ee; box-shadow: var(--shadow-soft); }
.business-profile { --store-accent: #ff6258; }.business-profile.theme-coral { --store-accent: #ff6258; }.business-profile.theme-oceano { --store-accent: #147c87; }.business-profile.theme-bosque { --store-accent: #27865d; }.business-profile.theme-cafe { --store-accent: #9a6546; }.business-profile.theme-noche { --store-accent: #243047; }
.sponsored-card { border-color: #fed5d0; background: #fffafa; }.sponsored-icon,.support-close { color: var(--coral-dark); background: #fff0ee; }
.support-teaser { background: var(--navy); }.support-teaser span { color: #ffb5ae; }

.app-loader { background: #172033; }
.app-loader span { color: #ffb9b2; }
.loader-cube i { border-color: rgba(255,255,255,.25); background: var(--coral); box-shadow: 0 0 28px rgba(255,98,88,.28); }
body.page-leaving #page-content { opacity: .58; transform: translateY(4px); }
body.reveal-ready [data-reveal="strong"] { transform: translateY(22px) scale(.985); }

@media (max-width:760px) {
  body { background: #f6f7fb; }
  .topbar.dark-chrome { background: rgba(255,255,255,.96); }
  .topbar-inner { min-height: 62px; }
  .brand { font-size: 16px; }.brand-mark { width: 34px; border-radius: 11px; }
  .mobile-search-wrap { background: #fff; border-bottom-color: #ebeff4; }
  .mobile-search { background: #f2f4f7; }
  .mobile-search input,.mobile-search > .search-icon { color: var(--ink); }
  .mobile-search input::placeholder { color: #8c96a7; }
  .mobile-search button { margin: 3px; min-width: 39px; padding: 0; font-size: 0; }
  .mobile-search button::after { content: '→'; font-size: 17px; }
  .mobile-nav.dark-chrome {
    right: 10px;
    bottom: calc(9px + env(safe-area-inset-bottom));
    left: 10px;
    width: auto;
    padding: 7px 4px 6px;
    color: var(--muted);
    border: 1px solid #e4e8ef;
    border-radius: 21px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 14px 35px rgba(29,40,59,.16);
  }
  .dark-chrome .nav-link { color: #7c8798; }
  .dark-chrome .nav-link.active { color: var(--coral-dark); }
  .nav-link { gap: 3px; font-size: 9px; font-weight: 700; }
  .nav-link > .nav-icon { display: grid; width: 26px; height: 25px; place-items: center; }
  .nav-link .app-icon { width: 20px; height: 20px; }
  .mobile-nav .nav-link:nth-child(3) .nav-icon {
    width: 49px;
    height: 49px;
    margin-top: -29px;
    color: #fff;
    border: 4px solid #f6f7fb;
    border-radius: 17px;
    background: var(--coral);
    box-shadow: 0 9px 18px rgba(255,98,88,.30);
  }
  .mobile-nav .nav-link:nth-child(3) .app-icon { width: 23px; height: 23px; }
  .home-intro.hero-v05 { min-height: 628px; border-radius: 0 0 28px 28px; background: #172033; }
  .hero-v05 .intro-grid { min-height: 628px; padding: 0 18px 23px; }
  .hero-v05 .hero-video-stage::before { background: linear-gradient(105deg,rgba(14,22,35,.94) 0%,rgba(16,25,39,.76) 51%,rgba(16,25,39,.43) 100%),linear-gradient(0deg,rgba(14,22,35,.93),transparent 55%); box-shadow: none; }
  .hero-v05 .hero-video-stage::after { background: radial-gradient(ellipse at 75% 21%,rgba(255,98,88,.20),transparent 34%); }
  .hero-v05 .hero-video-stage video { opacity: .8; filter: saturate(.82) contrast(1.04) brightness(.66); }
  .hero-v05 .hero-copy { width: min(100%,324px); padding-top: 57px; }
  .hero-v05 .eyebrow { color: #ffb3ad; }
  .hero-v05 h1 { font-size: clamp(37px,10.5vw,45px); }
  .hero-v05 h1 em { color: #ff9288; }
  .hero-v05 p { color: #e1e6ee; }
  .hero-v05 .hero-actions .btn { min-height: 44px; border-radius: 13px; }
  .hero-v05 .trust-row { border-color: rgba(255,255,255,.14); background: rgba(20,31,47,.73); }
  .hero-v05 .trust-row span { color: #c9d2de; }.hero-v05 .trust-row strong { color: #fff; }
  .hero-v05 .hero-video-badge { background: rgba(20,31,47,.62); }
  .feed-tabs { margin-bottom: 13px; border-radius: 14px; }
  .feed-tabs a { padding: 9px 1px; font-size: 10px; }
  .category-section,.featured-section,.recent-section { padding-block: 32px; }
  .category-pill { min-width: 136px; min-height: 100px; border-radius: 17px; }
  .category-pill span { width: 36px; height: 36px; }
  .quick-publish { border-radius: 16px; }
  .post-card,.listing-card,.business-card { border-radius: 17px; }
  .messages-page { width: calc(100% - 16px); border-radius: 18px; }
  .chat-route .messages-page { width: 100%; border-radius: 0; }
  .floating-composer { right: 12px; bottom: calc(72px + env(safe-area-inset-bottom)); left: 12px; border-color: #dfe5ed; border-radius: 19px; box-shadow: 0 12px 30px rgba(9,15,24,.31); }
  .community-message-stream,.message-stream { padding-bottom: 106px ; }
  .site-footer { padding-bottom: 74px; }
}

@media (max-width:350px) {
  .mobile-nav .nav-link:nth-child(3) .nav-icon { width: 45px; height: 45px; }
  .hero-v05 h1 { font-size: 36px; }
}

/* v1.0 — Diseño 2: Marea Local
   Una interfaz sobria de mercado local: planos amplios, menos cajas anidadas,
   contraste verificable y un modo nocturno persistente desde Mi perfil. */
:root {
  --navy: #142033;
  --navy-2: #263750;
  --ink: #172336;
  --muted: #657287;
  --line: #dfe6ee;
  --soft: #eef3f8;
  --white: #ffffff;
  --coral: #ee6756;
  --coral-dark: #c94a3f;
  --teal: #148c88;
  --teal-dark: #0b6768;
  --yellow: #f2b74e;
  --green: #188b61;
  --panel: #ffffff;
  --canvas: #f4f7fa;
  --panel-tint: #f8fafc;
  --shadow: 0 18px 42px rgba(18, 31, 49, .10);
  --shadow-soft: 0 7px 19px rgba(18, 31, 49, .065);
  --radius: 18px;
}

html { background: var(--canvas); }
body { background: var(--canvas); color: var(--ink); }
body::selection { color: #fff; background: var(--teal); }
.app-loader { display: none ; }
#page-content, body.page-leaving #page-content { opacity: 1 ; transform: none ; transition: none; }
body.reveal-ready [data-reveal], body.reveal-ready [data-reveal="medium"], body.reveal-ready [data-reveal="strong"] { opacity: 1; transform: none; transition: none; }
.hero-title-line { animation: none; }

.topbar.dark-chrome { color: var(--ink); border-color: var(--line); background: color-mix(in srgb, var(--panel) 92%, transparent); box-shadow: 0 1px 0 rgba(18,31,49,.04); backdrop-filter: blur(14px); }
.dark-chrome .brand, .dark-chrome .account-chip, .brand { color: var(--navy); }
.dark-chrome .brand strong, .brand strong { color: var(--teal); }
.brand-mark { box-shadow: 0 8px 18px rgba(20,140,136,.18); }
.dark-chrome .top-search, .top-search { border: 1px solid var(--line); background: var(--panel-tint); }
.dark-chrome .top-search input, .dark-chrome .top-search > .search-icon { color: var(--ink); }
.top-search button, .dark-chrome .top-search button, .btn-primary { color: #fff; background: var(--teal); box-shadow: 0 9px 18px rgba(20,140,136,.20); }
.top-search button:hover, .dark-chrome .top-search button:hover, .btn-primary:hover { background: var(--teal-dark); }
.btn { border-radius: 12px; }
.btn-dark { color: #fff; background: var(--navy); }
.btn-light, .btn-outline, .dark-chrome .btn-outline { color: var(--navy); border-color: var(--line); background: var(--panel); }
.btn-outline:hover { color: var(--teal-dark); border-color: var(--teal); background: color-mix(in srgb, var(--teal) 7%, var(--panel)); }
.btn-muted { color: var(--navy); background: var(--soft); }
.notification-chip { color: var(--navy); border-color: var(--line); background: var(--panel); box-shadow: none; }
.notification-chip b { background: var(--coral); }

.section-kicker, .eyebrow, .section-heading > a, .inline-back-link { color: var(--teal-dark); }
.section-heading h2, .search-header h1, .compact-heading h1, .form-intro h1, .detail-info h1, .account-header h1 { color: var(--navy); }
.section-heading > a { font-weight: 800; }
.quick-publish, .post-card, .listing-card, .business-card, .community-card, .admin-card, .info-card, .review, .transport-card, .transport-info-card, .account-shortcuts > a, .account-chat-preview > a { border-color: var(--line); background: var(--panel); box-shadow: var(--shadow-soft); }
.quick-publish, .post-card, .listing-card, .business-card, .community-card, .admin-card { border-radius: var(--radius); }
.quick-publish > a:not(.btn,.quick-action), .comment > div, .comment-form input { background: var(--soft); }
.post-kind, .transport-beta-chip, .business-status { color: var(--coral-dark); background: #fff0ed; }
.listing-price, .detail-price { color: var(--teal-dark); }
.listing-card:hover, .business-card:hover { border-color: color-mix(in srgb, var(--teal) 46%, var(--line)); box-shadow: var(--shadow); }
.type-chip { color: var(--navy); border-color: var(--line); background: var(--panel); }
.verified-badge { color: var(--teal-dark); }.verified-badge span { background: var(--teal); }
.rating-mini { color: #6e5019; background: #fff3d8; }

/* Espacios de gestión: pantalla completa, con secciones útiles y sin tarjeta madre. */
.form-page.business-form-page, .form-page.listing-form-page { display: block; width: min(1180px, calc(100% - 40px)); min-height: auto; padding: 42px 0 72px; }
.form-page .form-intro { position: static; max-width: 770px; padding: 0; }
.form-page .form-intro h1 { font-size: clamp(36px, 5vw, 58px); }
.form-page .form-intro > .btn { margin-top: 16px; }
.form-page .creation-form { width: 100%; margin-top: 24px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.form-page .guided-form { gap: 16px; }
.form-page .form-group { gap: 16px; padding: clamp(18px, 3vw, 30px); border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); box-shadow: var(--shadow-soft); }
.form-page .required-group { border-top: 4px solid var(--teal); background: var(--panel); }
.form-page .optional-group { background: var(--panel-tint); }
.form-guide { color: var(--ink); border-color: color-mix(in srgb, var(--teal) 30%, var(--line)); background: color-mix(in srgb, var(--teal) 6%, var(--panel)); }
.form-guide strong { color: var(--teal-dark); }
.form-group-heading > span { color: #fff; background: var(--teal); box-shadow: none; }
.form-group-heading h2 { color: var(--navy); }
.creation-form label, .stack-form label, .review-form label, .settings-form label, .filters label { color: var(--navy); }
.creation-form input, .creation-form select, .creation-form textarea, .stack-form input, .stack-form select, .review-form select, .review-form textarea, .settings-form input, .filters input, .filters select { color: var(--ink); border-color: var(--line); background: var(--panel); }
.creation-form input:focus, .creation-form select:focus, .creation-form textarea:focus, .stack-form input:focus, .stack-form select:focus, .review-form textarea:focus, .filters input:focus, .filters select:focus { border-color: var(--teal); box-shadow: 0 0 0 3px rgba(20,140,136,.13); }
.creation-form label > small, .form-group-heading p, .form-guide span { color: var(--muted); }
.required-mark { color: var(--coral-dark); }
.form-page [data-product-only][hidden] { display: none ; }

.media-uploader { padding: 17px; border-color: var(--line); border-radius: 15px; background: var(--panel); }
.media-uploader legend { color: var(--navy); }
.media-uploader > p { color: var(--muted); }
.upload-drop { min-height: 112px; border-color: color-mix(in srgb, var(--teal) 60%, var(--line)); background: color-mix(in srgb, var(--teal) 5%, var(--panel)); }
.upload-drop:hover { border-style: solid; background: color-mix(in srgb, var(--teal) 9%, var(--panel)); }
.upload-drop span, .upload-progress { color: var(--teal-dark); }
.video-drop { min-height: 76px; background: var(--panel-tint); }
.media-preview > span { width: 84px; height: 84px; border: 1px solid var(--line); border-radius: 14px; }
.media-preview button { background: rgba(20,32,51,.88); }
.catalog-context { min-height: 58px; padding: 10px 12px; border-color: color-mix(in srgb, var(--teal) 28%, var(--line)); border-radius: 13px; background: color-mix(in srgb, var(--teal) 5%, var(--panel)); }
.catalog-context span { color: var(--muted); }.catalog-context strong { color: var(--navy); }
.catalog-context > div { display: flex; flex-wrap: wrap; gap: 8px; margin-left: auto; }
.catalog-context a { margin-left: 0; color: var(--teal-dark); font-size: 11px; }

/* Catálogo y gestión: el catálogo es el lienzo; categorías se vuelven controles compactos. */
.business-dashboard { width: min(1220px, calc(100% - 40px)); padding-top: 38px; }
.dashboard-hero, .company-mode-intro, .transport-hero { color: #fff; border-radius: 22px; background: linear-gradient(118deg, #142033 0%, #1b4351 68%, #148c88 130%); }
.dashboard-hero p, .company-mode-intro p, .transport-hero p { color: #d9e6ec; }
.dashboard-hero .section-kicker, .company-mode-intro .section-kicker, .transport-hero .section-kicker { color: #a9e6df; }
.manager-tabs, .segmented-nav { gap: 8px; padding: 8px 0; }
.manager-tabs a, .manager-tabs button, .segmented-nav a { color: var(--muted); border-color: var(--line); background: var(--panel); }
.manager-tabs .active, .segmented-nav .active { color: #fff; border-color: var(--teal); background: var(--teal); }
.business-dashboard .dashboard-layout.single-panel { display: block; margin-top: 20px; }
.business-dashboard .dashboard-layout.single-panel .creation-form { width: 100%; padding: 0; border: 0; background: transparent; box-shadow: none; }
.business-dashboard .dashboard-layout.single-panel .form-group { padding: clamp(18px, 3vw, 30px); border-color: var(--line); border-radius: var(--radius); background: var(--panel); box-shadow: var(--shadow-soft); }
.catalog-dashboard-grid { grid-template-columns: 1fr; gap: 16px; }
.catalog-manager { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.catalog-manager .admin-card, .catalog-products { padding: 20px; border-color: var(--line); border-radius: var(--radius); background: var(--panel); box-shadow: var(--shadow-soft); }
.catalog-products { min-height: 320px; }
.catalog-section-list > div { border-color: var(--line); background: var(--panel-tint); }
.inline-create input { color: var(--ink); border-color: var(--line); background: var(--panel); }
.edit-listing-link { color: var(--teal-dark); border-color: var(--line); background: var(--panel); }
.business-media-editor label { border-color: color-mix(in srgb, var(--teal) 55%, var(--line)); background: var(--panel-tint); }
.business-media-editor > small { color: var(--teal-dark); }

/* Perfil personal: foto real y control de apariencia sin mezclarlo con empresa. */
.account-page { padding-top: 32px; padding-bottom: 72px; }
.account-header { padding: 20px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); box-shadow: var(--shadow-soft); }
.account-header > img { border: 3px solid color-mix(in srgb, var(--teal) 34%, #fff); }
.profile-tools { display: flex; align-items: stretch; justify-content: space-between; gap: 12px; margin: 16px 0 6px; }
.profile-photo-editor { display: flex; flex: 1; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 16px; background: var(--panel); box-shadow: var(--shadow-soft); }
.profile-photo-picker { display: grid; grid-template-columns: 46px minmax(0,1fr); align-items: center; gap: 10px; min-width: 0; cursor: pointer; }
.profile-photo-picker img { width: 46px; height: 46px; border: 2px solid color-mix(in srgb, var(--teal) 35%, #fff); border-radius: 50%; object-fit: cover; background: var(--soft); }
.profile-photo-picker span { display: grid; gap: 2px; min-width: 0; }.profile-photo-picker strong { color: var(--navy); font-size: 13px; }.profile-photo-picker small, .profile-photo-actions small { color: var(--muted); font-size: 10px; }
.profile-photo-picker input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
.profile-photo-actions { display: flex; align-items: center; gap: 10px; }.profile-photo-actions small { max-width: 195px; }
.theme-switch { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 148px; padding: 10px 12px; color: var(--navy); border: 1px solid var(--line); border-radius: 16px; background: var(--panel); box-shadow: var(--shadow-soft); font-size: 12px; font-weight: 800; cursor: pointer; }
.theme-switch:hover { border-color: var(--teal); }.theme-switch-track { display: flex; align-items: center; width: 34px; height: 20px; padding: 2px; border-radius: 999px; background: #bdd0d8; transition: background .2s; }.theme-switch-track i { width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.24); transition: transform .2s; }
.account-mode-switch { border-color: var(--line); background: var(--panel); }.account-mode-switch a.active { color: #fff; background: var(--teal); box-shadow: none; }
.account-shortcuts > a > span { color: var(--teal-dark); background: color-mix(in srgb, var(--teal) 10%, var(--panel)); }.account-shortcuts b { color: var(--teal); }
.business-mode-invite { border-color: color-mix(in srgb, var(--teal) 30%, var(--line)); background: color-mix(in srgb, var(--teal) 5%, var(--panel)); }
.business-mode-invite > span { background: var(--teal); }.company-mode-intro { border-color: transparent; }

/* Chat y pantallas de lectura: contraste alto para que ningún texto claro desaparezca. */
.messages-page { border-color: var(--line); box-shadow: var(--shadow); }.conversation-list, .messages-title, .chat-head, .message-form, .community-composer { background: var(--panel); }.conversation-item:hover { background: color-mix(in srgb, var(--teal) 6%, var(--panel)); }.conversation-item.active { border-left-color: var(--teal); background: color-mix(in srgb, var(--teal) 11%, var(--panel)); }
.chat-panel, .community-panel, .message-stream, .community-message-stream { background: #152235; }.message-stream, .community-message-stream { background-image: radial-gradient(circle at 83% 3%, rgba(20,140,136,.18), transparent 28%); }
.message { color: #172336; background: #fff; }.message.mine, .community-message.mine > div { color: #fff; background: var(--teal); }.message.mine small, .community-message.mine small, .community-message.mine strong, .community-message.mine button { color: #e7fffb; }
.message-form textarea, .community-composer textarea { color: var(--ink); background: var(--soft); }.message-send { background: var(--teal); }.chat-tabs { background: var(--soft); }.chat-tabs a.active { background: var(--navy); box-shadow: none; }
.support-teaser { background: var(--navy); }.support-teaser span { color: #b3eee9; }

/* Ajuste puntual solicitado: en móvil el video baja y avanza a la derecha dentro del espacio libre. */
@media (max-width:760px) {
  .home-intro.hero-v05, .hero-v05 .intro-grid { min-height: 660px; }
  .hero-v05 .hero-video-stage video { object-position: 60% 58%; transform: scale(1.09) translate(4.5%, 7.5%); }
  .hero-v05 .hero-video-stage::before { background: linear-gradient(105deg, rgba(12,25,40,.95) 0%, rgba(15,33,49,.76) 50%, rgba(15,33,49,.30) 100%), linear-gradient(0deg, rgba(12,25,40,.93), transparent 58%); }
  .hero-v05 .hero-video-stage::after { background: radial-gradient(ellipse at 80% 30%, rgba(20,140,136,.20), transparent 36%); }
  .hero-v05 .hero-copy { padding-top: 53px; }.hero-v05 h1 em { color: #a4ece6; }.hero-v05 .trust-row { background: rgba(12,25,40,.76); }
  .form-page.business-form-page, .form-page.listing-form-page, .business-dashboard { width: calc(100% - 24px); padding-top: 24px; }
  .form-page .form-intro h1 { font-size: 34px; }.form-page .form-intro p { font-size: 15px; }
  .form-page .form-group { padding: 16px; border-radius: 16px; }.form-page .two-cols, .form-page .three-cols { grid-template-columns: 1fr; }
  .catalog-manager { grid-template-columns: 1fr; }.catalog-manager .admin-card, .catalog-products { padding: 15px; border-radius: 16px; }
  .profile-tools { flex-direction: column; }.profile-photo-editor { align-items: stretch; flex-direction: column; }.profile-photo-actions { align-items: stretch; flex-direction: column; }.profile-photo-actions small { max-width: none; }.profile-photo-actions .btn { width: 100%; }.theme-switch { width: 100%; min-height: 46px; }
  .catalog-context { align-items: flex-start; flex-direction: column; }.catalog-context > div { width: 100%; margin-left: 0; }.catalog-context a { padding: 5px 0; }
  .media-preview > span { width: 72px; height: 72px; }
}

html[data-theme="dark"] {
  color-scheme: dark;
  --navy: #f5f8fb;
  --navy-2: #dbe8ef;
  --ink: #eaf1f6;
  --muted: #a9b7c7;
  --line: #2a3a4e;
  --soft: #1b2a3c;
  --white: #172536;
  --panel: #172536;
  --canvas: #0f1928;
  --panel-tint: #1b2a3c;
  --coral: #fb7967;
  --coral-dark: #ff9a89;
  --teal: #38b9ae;
  --teal-dark: #86e3da;
  --yellow: #f4c96a;
  --green: #60d09b;
  --shadow: 0 18px 42px rgba(0,0,0,.28);
  --shadow-soft: 0 8px 22px rgba(0,0,0,.19);
}
html[data-theme="dark"] body { background: radial-gradient(circle at 88% 0, rgba(20,140,136,.13), transparent 27rem), var(--canvas); }
html[data-theme="dark"] .topbar.dark-chrome { background: rgba(15,25,40,.90); }
html[data-theme="dark"] .dark-chrome .brand, html[data-theme="dark"] .dark-chrome .account-chip, html[data-theme="dark"] .brand { color: #f5f8fb; }
html[data-theme="dark"] .dark-chrome .top-search, html[data-theme="dark"] .top-search { background: #1b2a3c; }
html[data-theme="dark"] .dark-chrome .top-search input, html[data-theme="dark"] .dark-chrome .top-search > .search-icon { color: #eff5f8; }
html[data-theme="dark"] .dark-chrome .top-search input::placeholder, html[data-theme="dark"] input::placeholder, html[data-theme="dark"] textarea::placeholder { color: #8292a5; }
html[data-theme="dark"] .btn-outline, html[data-theme="dark"] .dark-chrome .btn-outline, html[data-theme="dark"] .btn-muted { color: #edf4f7; background: #1b2a3c; }
html[data-theme="dark"] .section-heading h2, html[data-theme="dark"] .search-header h1, html[data-theme="dark"] .compact-heading h1, html[data-theme="dark"] .form-intro h1, html[data-theme="dark"] .detail-info h1, html[data-theme="dark"] .account-header h1, html[data-theme="dark"] .form-group-heading h2, html[data-theme="dark"] .profile-photo-picker strong { color: #f4f8fa; }
html[data-theme="dark"] .creation-form input, html[data-theme="dark"] .creation-form select, html[data-theme="dark"] .creation-form textarea, html[data-theme="dark"] .stack-form input, html[data-theme="dark"] .stack-form select, html[data-theme="dark"] .review-form select, html[data-theme="dark"] .review-form textarea, html[data-theme="dark"] .settings-form input, html[data-theme="dark"] .filters input, html[data-theme="dark"] .filters select, html[data-theme="dark"] .inline-create input { color: #edf4f7; background: #101c2c; }
html[data-theme="dark"] option { color: #edf4f7; background: #172536; }
html[data-theme="dark"] .comment > div, html[data-theme="dark"] .comment-form input, html[data-theme="dark"] .quick-publish > a:not(.btn,.quick-action), html[data-theme="dark"] .chat-tabs, html[data-theme="dark"] .message-form textarea, html[data-theme="dark"] .community-composer textarea { color: #edf4f7; background: #1b2a3c; }
html[data-theme="dark"] .dashboard-hero, html[data-theme="dark"] .company-mode-intro, html[data-theme="dark"] .transport-hero { background: linear-gradient(118deg, #111b2b 0%, #16414c 67%, #137b78 132%); }
html[data-theme="dark"] .theme-switch-track { background: var(--teal); }.theme-switch-track i { transform: translateX(14px); }
html[data-theme="dark"] .home-intro.hero-v05 { background: #0d1928; }
html[data-theme="dark"] .category-pill, html[data-theme="dark"] .browse-categories a, html[data-theme="dark"] .recent-intents a, html[data-theme="dark"] .filter-toggle, html[data-theme="dark"] .location-button { color: #eaf1f6; border-color: var(--line); background: var(--panel); }
html[data-theme="dark"] .detail-media-main, html[data-theme="dark"] .detail-thumbs button { background: #111c2c; }

/* v1.1 — Conexión Viva: la identidad fucsia y naranja vuelve a toda la aplicación. */
:root {
  --navy: #2a172e;
  --navy-2: #4a1a47;
  --ink: #2b1a31;
  --muted: #786977;
  --line: #efd9e5;
  --soft: #fff2f7;
  --white: #ffffff;
  --panel: #ffffff;
  --canvas: #fff9fc;
  --panel-tint: #fff5f9;
  --coral: #df2f72;
  --coral-dark: #ae1f59;
  --teal: #f77737;
  --teal-dark: #c94362;
  --yellow: #f77737;
  --green: #1aa56b;
  --shadow: 0 16px 38px rgba(91, 23, 65, .11);
  --shadow-soft: 0 7px 19px rgba(91, 23, 65, .08);
}

body {
  background: radial-gradient(circle at 6% 0, rgba(225, 48, 108, .09), transparent 24rem), radial-gradient(circle at 97% 14%, rgba(247, 119, 55, .09), transparent 22rem), var(--canvas);
}

.topbar.dark-chrome { color: var(--ink); border-color: var(--line); background: color-mix(in srgb, var(--panel) 93%, transparent); }
.dark-chrome .brand, .dark-chrome .account-chip, .brand { color: var(--navy); }
.dark-chrome .brand strong, .brand strong { color: var(--coral); }
.brand-mark, .btn-primary, .top-search button, .dark-chrome .top-search button, .chat-tabs a.active {
  background: linear-gradient(135deg, #f77737 0%, #ef3d4d 28%, #df2f72 66%, #b72c91 100%);
}
.brand-mark { box-shadow: 0 9px 22px rgba(223, 47, 114, .30); }
.btn-primary { box-shadow: 0 10px 23px rgba(223, 47, 114, .24); }
.btn-primary:hover, .top-search button:hover, .dark-chrome .top-search button:hover { filter: saturate(1.06) brightness(.96); background: linear-gradient(135deg, #e96b31, #d82569 68%, #9c287f); }
.btn-outline:hover { color: var(--coral-dark); border-color: rgba(223, 47, 114, .42); background: #fff6fa; }
.section-kicker, .eyebrow, .section-heading > a { color: var(--coral-dark); }
.home-intro .eyebrow { color: #ffbd9a; }
.home-intro h1 em { color: #ffb06e; }
.listing-price, .detail-price, .quick-action, .login-nudge a { color: var(--coral-dark); }
.post-kind, .transport-beta-chip, .business-status { color: var(--coral-dark); background: #fff0f5; }
.account-mode-switch a.active { background: linear-gradient(135deg, #f77737, #df2f72 68%, #a92d8c); }

/* El título principal es estable: no queda un hueco mientras cambia un texto. */
.hero-title-stable { position: static; min-height: 0; opacity: 1; transform: none; animation: none; }
.hero-title-rotator, .hero-title-frame { animation: none; }
.hero-title-rotator .hero-title-frame:not(:first-child) { display: none; }

/* Perfil: selector visible, fotografía pequeña y guardado automático después de subir. */
.profile-tools { align-items: stretch; }
.profile-photo-editor { display: grid; grid-template-columns: minmax(150px, .72fr) minmax(210px, 1fr) auto; align-items: center; gap: 14px; padding: 12px 14px; border-color: #efcddd; background: linear-gradient(135deg, #fff, #fff3f8); }
.profile-photo-caption { display: grid; gap: 2px; min-width: 0; }
.profile-photo-caption .section-kicker { margin: 0; font-size: 9px; }
.profile-photo-caption > strong { color: var(--navy); font-size: 15px; }
.profile-photo-caption small { color: var(--muted); font-size: 11px; line-height: 1.3; }
.profile-photo-picker { position: relative; grid-template-columns: 56px minmax(0, 1fr); min-height: 62px; padding: 5px 8px; border: 1px dashed rgba(223, 47, 114, .42); border-radius: 14px; background: rgba(255,255,255,.74); cursor: pointer; transition: transform .18s, border-color .18s, background .18s; }
.profile-photo-picker:hover { border-color: var(--coral); background: #fff; transform: translateY(-1px); }
.profile-photo-picker input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.profile-photo-avatar { position: relative; display: grid; width: 56px; height: 56px; place-items: center; overflow: hidden; border-radius: 50%; background: linear-gradient(135deg, #f77737, #df2f72); box-shadow: 0 6px 15px rgba(223,47,114,.20); }
.profile-photo-picker .profile-photo-avatar img { width: 52px; height: 52px; border: 2px solid #fff; border-radius: 50%; background: #fff4f8; }
.profile-photo-avatar b { position: absolute; right: -1px; bottom: 0; padding: 2px 5px; color: #fff; border-radius: 999px; background: rgba(42,23,46,.86); font-size: 8px; letter-spacing: .02em; }
.profile-photo-copy { display: grid; gap: 2px; min-width: 0; }
.profile-photo-copy strong { color: var(--navy); font-size: 13px; }.profile-photo-copy small { color: var(--muted); font-size: 10px; }
.profile-photo-actions { min-width: 156px; flex-direction: column; align-items: stretch; justify-content: center; gap: 6px; }.profile-photo-actions small { max-width: 170px; text-align: center; }

/* Perfil de administrador: se diferencia siempre, incluso con la paleta nueva. */
.admin-header { border: 1px solid rgba(255,255,255,.20); background: linear-gradient(120deg, #3a1641 0%, #9c245f 52%, #e33b63 78%, #f77737 125%); box-shadow: 0 20px 45px rgba(121, 24, 75, .22); }
.admin-header .section-kicker { color: #ffc2a2; }.admin-header p { color: #ffe4ee; }
.admin-role { color: #fff; border: 1px solid rgba(255,255,255,.28); background: rgba(45, 14, 40, .34); box-shadow: inset 0 1px 0 rgba(255,255,255,.13); }

/* Vitrina de negocio: solo el catálogo público recibe el acabado elevado tipo escaparate. */
.business-catalog-showcase { gap: 17px; padding: 4px 2px 12px; }
.business-catalog-showcase .listing-card { position: relative; overflow: visible; min-height: 100%; border: 0; border-radius: 24px; background: linear-gradient(145deg, #fff, #fff7f2); box-shadow: 14px 16px 30px rgba(104, 57, 68, .12), -6px -6px 15px rgba(255,255,255,.92); transform: translateZ(0); transition: transform .22s ease, box-shadow .22s ease; }
.business-catalog-showcase .listing-card:nth-child(3n + 2) { background: linear-gradient(145deg, #fff, #fff3f8); }.business-catalog-showcase .listing-card:nth-child(3n) { background: linear-gradient(145deg, #fff, #fff8f0); }
.business-catalog-showcase .listing-card:hover { border-color: transparent; box-shadow: 18px 22px 36px rgba(104, 57, 68, .18), -8px -8px 18px rgba(255,255,255,.96); transform: translateY(-5px) scale(1.008); }
.business-catalog-showcase .listing-image { overflow: hidden; height: 185px; margin: 9px 9px 0; border-radius: 18px 18px 15px 15px; background: linear-gradient(140deg, #ffd9bf, #ffe7f1); box-shadow: inset 0 0 0 1px rgba(255,255,255,.65), 0 11px 18px rgba(111, 54, 72, .10); }
.business-catalog-showcase .listing-image::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(135deg, rgba(255,255,255,.32), transparent 34%, rgba(105, 18, 65, .08)); }
.business-catalog-showcase .listing-image img { height: 100%; object-fit: cover; transition: transform .35s ease; }.business-catalog-showcase .listing-card:hover .listing-image img { transform: scale(1.05); }
.business-catalog-showcase .listing-content { padding: 13px 14px 14px; }.business-catalog-showcase .listing-price { color: var(--coral-dark); font-size: 16px; }.business-catalog-showcase h3 { font-size: 15px; }.business-catalog-showcase .type-chip { color: #8c2a55; border-color: rgba(255,255,255,.66); background: rgba(255,255,255,.88); box-shadow: 0 4px 9px rgba(79,27,53,.10); }
.business-catalog-showcase .listing-actions { border-top-color: rgba(226, 204, 215, .65); }

/* Chat claro: limpio y profundo; los mensajes enviados conservan la firma fucsia–naranja. */
.messages-page { overflow: hidden; border-color: #eadbe3; background: #fff; box-shadow: 0 18px 44px rgba(66, 33, 53, .12); }
.conversation-list, .messages-title, .chat-head, .message-form, .community-composer { background: #fff; }
.conversation-item { border-bottom-color: #f0e6ec; }.conversation-item:hover { background: #fff5f8; }.conversation-item.active { border-left-color: var(--coral); background: linear-gradient(90deg, #fff0f5, #fff9f3); }
.chat-panel, .community-panel { background: #edf0f4; }.message-stream, .community-message-stream { background: radial-gradient(circle at 82% 4%, rgba(247,119,55,.14), transparent 22%), radial-gradient(circle at 5% 96%, rgba(223,47,114,.08), transparent 26%), #eef1f5; }
.message, .community-message > div { color: #2a2530; border: 1px solid rgba(255,255,255,.8); background: #f9fafc; box-shadow: 7px 7px 14px rgba(45,51,61,.12), -5px -5px 12px rgba(255,255,255,.94); }
.message { border-radius: 9px 18px 18px 18px; }.community-message > div { border-radius: 9px 16px 16px 16px; }
.message.mine, .community-message.mine > div { color: #fff; border-color: transparent; background: linear-gradient(135deg, #f77737 0%, #ef3d4d 32%, #df2f72 72%, #b72c91 100%); box-shadow: 8px 9px 18px rgba(190, 35, 97, .25); }
.message.mine small, .community-message.mine small, .community-message.mine strong, .community-message.mine button { color: rgba(255,255,255,.88); }
.message-send { color: #fff; background: linear-gradient(135deg, #f77737, #df2f72 74%, #b72c91); box-shadow: 0 8px 17px rgba(202,39,99,.26); }.message-send:hover { background: linear-gradient(135deg, #e76c31, #c82062 74%, #962877); }
.floating-composer { border-color: rgba(222, 199, 211, .82); box-shadow: 0 11px 28px rgba(71, 42, 59, .15); }.message-form textarea, .community-composer textarea { color: var(--ink); background: #f4f5f8; border-color: #e4e1e8; }
.chat-head-actions button, .message-tool { color: var(--coral-dark); background: #fff0f5; }

/* Modo oscuro AMOLED: negro real, superficies mínimas y todos los controles visibles. */
html[data-theme="dark"] {
  --navy: #ffffff;
  --navy-2: #f1edf2;
  --ink: #f6f3f6;
  --muted: #b9afb7;
  --line: #272329;
  --soft: #121114;
  --white: #09090a;
  --panel: #0b0b0c;
  --canvas: #000000;
  --panel-tint: #121114;
  --coral: #ff5f83;
  --coral-dark: #ff94a9;
  --teal: #ff974c;
  --teal-dark: #ffc08d;
  --yellow: #ffb66f;
  --green: #72d69a;
  --shadow: 0 18px 42px rgba(0,0,0,.72);
  --shadow-soft: 0 8px 22px rgba(0,0,0,.52);
}
html[data-theme="dark"] body { background: #000; color: var(--ink); }
html[data-theme="dark"] .topbar.dark-chrome, html[data-theme="dark"] .mobile-nav.dark-chrome { border-color: #1d1b20; background: rgba(0,0,0,.94); }
html[data-theme="dark"] .dark-chrome .brand, html[data-theme="dark"] .dark-chrome .account-chip, html[data-theme="dark"] .brand { color: #fff; }
html[data-theme="dark"] .dark-chrome .top-search, html[data-theme="dark"] .top-search { border-color: #29262c; background: #101014; }
html[data-theme="dark"] .dark-chrome .top-search input, html[data-theme="dark"] .dark-chrome .top-search > .search-icon, html[data-theme="dark"] .top-search input { color: #fff; }
html[data-theme="dark"] .dark-chrome .top-search input::placeholder, html[data-theme="dark"] input::placeholder, html[data-theme="dark"] textarea::placeholder { color: #8f858d; }
html[data-theme="dark"] .quick-publish, html[data-theme="dark"] .post-card, html[data-theme="dark"] .listing-card, html[data-theme="dark"] .business-card, html[data-theme="dark"] .community-card, html[data-theme="dark"] .admin-card, html[data-theme="dark"] .info-card, html[data-theme="dark"] .review, html[data-theme="dark"] .transport-card, html[data-theme="dark"] .transport-info-card, html[data-theme="dark"] .account-shortcuts > a, html[data-theme="dark"] .account-chat-preview > a, html[data-theme="dark"] .creation-form, html[data-theme="dark"] .catalog-products { border-color: var(--line); background: var(--panel); }
html[data-theme="dark"] .btn-outline, html[data-theme="dark"] .dark-chrome .btn-outline, html[data-theme="dark"] .btn-muted { color: #fff; border-color: #343037; background: #161419; }
html[data-theme="dark"] .btn-outline:hover, html[data-theme="dark"] .btn-muted:hover { color: #fff; border-color: #ff6b88; background: #271219; }
html[data-theme="dark"] .icon-button, html[data-theme="dark"] .btn-icon-large { color: #f7eff3; border-color: #373139; background: #151318; }
html[data-theme="dark"] .icon-button.saved, html[data-theme="dark"] .post-actions button.liked { color: #ff6384; border-color: #642333; background: #251016; }
html[data-theme="dark"] .post-actions button, html[data-theme="dark"] .post-actions a { color: #f1e8ed; }.post-actions button.liked { color: var(--coral-dark); }
html[data-theme="dark"] .quick-publish > a:not(.btn,.quick-action), html[data-theme="dark"] .comment > div, html[data-theme="dark"] .comment-form input, html[data-theme="dark"] .chat-tabs, html[data-theme="dark"] .message-form textarea, html[data-theme="dark"] .community-composer textarea, html[data-theme="dark"] .creation-form input, html[data-theme="dark"] .creation-form select, html[data-theme="dark"] .creation-form textarea, html[data-theme="dark"] .stack-form input, html[data-theme="dark"] .stack-form select, html[data-theme="dark"] .review-form select, html[data-theme="dark"] .review-form textarea, html[data-theme="dark"] .settings-form input, html[data-theme="dark"] .filters input, html[data-theme="dark"] .filters select, html[data-theme="dark"] .inline-create input { color: #f7f2f5; border-color: #2c2930; background: #121114; }
html[data-theme="dark"] option { color: #fff; background: #121114; }
html[data-theme="dark"] .messages-page { border-color: #222024; background: #050505; box-shadow: 0 18px 46px rgba(0,0,0,.78); }
html[data-theme="dark"] .conversation-list, html[data-theme="dark"] .messages-title, html[data-theme="dark"] .chat-head, html[data-theme="dark"] .message-form, html[data-theme="dark"] .community-composer { border-color: #222024; background: #080808; }
html[data-theme="dark"] .conversation-item { border-bottom-color: #1f1d21; }html[data-theme="dark"] .conversation-item:hover { background: #131114; }html[data-theme="dark"] .conversation-item.active { border-left-color: #ff5f83; background: linear-gradient(90deg, #291017, #111014); }
html[data-theme="dark"] .chat-panel, html[data-theme="dark"] .community-panel { background: #000; }
html[data-theme="dark"] .message-stream, html[data-theme="dark"] .community-message-stream { background: radial-gradient(circle at 83% 3%, rgba(255,95,131,.12), transparent 24%), #000; }
html[data-theme="dark"] .message, html[data-theme="dark"] .community-message > div { color: #f7f2f5; border-color: #1d1b1f; background: #101012; box-shadow: 6px 6px 13px rgba(0,0,0,.70), -3px -3px 8px rgba(255,255,255,.025); }
html[data-theme="dark"] .message.mine, html[data-theme="dark"] .community-message.mine > div { color: #fff; border-color: transparent; background: linear-gradient(135deg, #ff794d 0%, #ff4f76 46%, #c82b89 100%); box-shadow: 8px 9px 17px rgba(0,0,0,.52); }
html[data-theme="dark"] .message small, html[data-theme="dark"] .community-message small { color: #bcb2ba; }
html[data-theme="dark"] .message.mine small, html[data-theme="dark"] .community-message.mine small, html[data-theme="dark"] .community-message.mine strong, html[data-theme="dark"] .community-message.mine button { color: #fff1f5; }
html[data-theme="dark"] .message-send { background: linear-gradient(135deg, #ff794d, #ff4f76 62%, #c82b89); }
html[data-theme="dark"] .profile-photo-editor, html[data-theme="dark"] .theme-switch, html[data-theme="dark"] .account-mode-switch { border-color: #2b2730; background: #0d0c0f; }
html[data-theme="dark"] .profile-photo-picker { border-color: #6a2a43; background: #131015; }html[data-theme="dark"] .profile-photo-picker:hover { background: #171218; }
html[data-theme="dark"] .profile-photo-caption > strong, html[data-theme="dark"] .profile-photo-copy strong, html[data-theme="dark"] .profile-photo-picker strong { color: #fff; }
html[data-theme="dark"] .business-catalog-showcase .listing-card { background: linear-gradient(145deg, #121013, #09090a); box-shadow: 12px 13px 26px #000, -3px -3px 9px rgba(255,255,255,.025); }
html[data-theme="dark"] .business-catalog-showcase .listing-image { background: #181219; box-shadow: inset 0 0 0 1px #29212a, 0 10px 16px rgba(0,0,0,.45); }html[data-theme="dark"] .business-catalog-showcase .type-chip { color: #ffd1df; border-color: #3d2833; background: rgba(14,12,15,.86); }
html[data-theme="dark"] .home-intro.hero-v05 { background: #000; }.home-intro.hero-v05 .hero-video-stage::before { background: linear-gradient(105deg, rgba(0,0,0,.96) 0%, rgba(12,4,12,.80) 50%, rgba(17,4,13,.38) 100%), linear-gradient(0deg, rgba(0,0,0,.94), transparent 58%); }

@media (max-width: 760px) {
  /* Portada más compacta; el video cae apenas abajo y hacia la derecha dentro de su hueco. */
  .home-intro.hero-v05, .hero-v05 .intro-grid { min-height: 578px; }
  .hero-v05 .hero-copy { max-width: 296px; padding-top: 45px; }.hero-v05 h1 { font-size: clamp(35px, 10.2vw, 45px); }.hero-v05 p { margin-top: 11px; font-size: 13px; }
  .hero-v05 .hero-actions { margin-top: 15px; }.hero-v05 .hero-video-stage video { object-position: 60% 58%; transform: scale(.98) translate(2.2%, 3.3%); }
  .hero-v05 .trust-row { bottom: 16px; }.hero-v05 .hero-video-badge { display: none; }
  .profile-photo-editor { grid-template-columns: 1fr; gap: 10px; padding: 13px; }.profile-photo-picker { min-height: 70px; }.profile-photo-actions { width: 100%; min-width: 0; }.profile-photo-actions small { max-width: none; text-align: left; }.profile-photo-actions .btn { width: 100%; }
  .business-catalog-showcase { gap: 11px; padding-inline: 0; }.business-catalog-showcase .listing-card { border-radius: 18px; }.business-catalog-showcase .listing-image { height: 145px; margin: 6px 6px 0; border-radius: 14px; }.business-catalog-showcase .listing-content { padding: 10px; }.business-catalog-showcase h3 { font-size: 13px; }
  html[data-theme="dark"] .messages-page { background: #000; }
}

/* v1.2 — lanzamiento: menú móvil útil, ejemplos visibles y contraste AMOLED. */
.header-menu-toggle { display: none; }
.header-mobile-menu { display: none; }
.example-badge { position: absolute; z-index: 3; top: 10px; left: 10px; padding: 5px 8px; color: #fff; border: 1px solid rgba(255,255,255,.38); border-radius: 999px; background: linear-gradient(135deg,#f77737,#df2f72 65%,#b72c91); box-shadow: 0 7px 18px rgba(172,37,99,.3); font-size: 10px; font-weight: 900; letter-spacing: .03em; text-transform: uppercase; }
.business-example-badge { top: 12px; left: 12px; }.post-example-badge { position: static; flex: 0 0 auto; margin-left: auto; }.example-detail-note,.example-profile-note { display: inline-flex; align-items: center; width: max-content; max-width: 100%; margin-bottom: 9px; padding: 5px 9px; color: #96285d; border: 1px solid #ffc1d3; border-radius: 999px; background: #fff0f6; font-size: 11px; font-weight: 850; }.example-profile-note { margin: 14px 0 -4px; }
.transport-example-badge { position: absolute; z-index: 3; top: 9px; right: 9px; padding: 5px 7px; color: #fff; border-radius: 999px; background: linear-gradient(135deg,#f77737,#df2f72 65%,#b72c91); box-shadow: 0 7px 18px rgba(172,37,99,.3); font-size: 9px; letter-spacing: .03em; text-transform: uppercase; }
@keyframes example-glow { 0%,100% { box-shadow: 0 7px 18px rgba(172,37,99,.28); transform: translateY(0); } 50% { box-shadow: 0 12px 25px rgba(247,119,55,.38); transform: translateY(-2px); } }
@keyframes example-image-float { 0%,100% { transform: scale(1.01) translateY(0); } 50% { transform: scale(1.035) translateY(-2px); } }
@media (prefers-reduced-motion: no-preference) { .is-example .example-badge { animation: example-glow 2.7s ease-in-out infinite; }.listing-card.is-example .listing-image img,.business-card.is-example .business-cover img { animation: example-image-float 6s ease-in-out infinite; } }

.support-page { min-height: 64vh; padding-block: 40px 72px; }.support-page-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin-top: 22px; }.support-page-card { display: flex; flex-direction: column; align-items: flex-start; min-height: 280px; padding: clamp(20px,3vw,34px); border: 1px solid var(--line); border-radius: 24px; background: var(--panel); box-shadow: var(--shadow-soft); }.support-page-card h2 { margin: 7px 0; color: var(--navy); font-size: clamp(25px,3vw,36px); letter-spacing: -.04em; }.support-page-card p { max-width:570px; color: var(--muted); line-height: 1.55; }.support-page-card .btn { margin-top: auto; }.support-page-qr { align-items: center; text-align: center; background: linear-gradient(145deg,#fff8fb,#fff7f1); }.support-page-qr img { width: min(250px,100%); margin: 16px auto 12px; padding: 10px; border: 1px solid #ffd4e1; border-radius: 18px; background: #fff; }.support-page-card small,.support-contact-pending { color: var(--muted); font-size: 12px; }.support-contact-pending { margin-top: auto; padding: 9px 11px; border-radius: 10px; background: var(--soft); }

@media (max-width: 760px) {
  .desktop-actions .account-chip { display: none; }.desktop-actions .header-menu-toggle { display: grid; width: 38px; height: 38px; margin-left: 4px; padding: 0; place-items: center; color: var(--navy); border: 1px solid var(--line); border-radius: 12px; background: var(--panel); cursor: pointer; }.header-menu-toggle .app-icon { width: 20px; height: 20px; }
  .header-mobile-menu { position: fixed; z-index: 120; inset: 0; display: grid; align-items: start; justify-items: end; padding: 72px 12px calc(78px + env(safe-area-inset-bottom)); background: rgba(9,10,14,.34); backdrop-filter: blur(5px); }.header-mobile-menu[hidden] { display: none ; }.header-mobile-menu-card { width: min(330px,calc(100vw - 24px)); overflow: hidden; border: 1px solid #e8e3e9; border-radius: 22px; background: #fff; box-shadow: 0 24px 55px rgba(31,24,36,.28); }.header-menu-title { display: flex; align-items: center; justify-content: space-between; padding: 15px 16px 10px; color: #712a54; font-size: 12px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }.header-menu-title button { display: grid; width: 31px; height: 31px; place-items: center; color: #7d345b; border: 0; border-radius: 50%; background: #fff0f5; font-size: 22px; cursor: pointer; }.header-mobile-menu-card > a,.header-menu-theme { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 54px; padding: 0 16px; color: var(--ink); border: 0; border-top: 1px solid #f0ebef; background: transparent; font: inherit; font-size: 14px; font-weight: 800; text-align: left; text-decoration: none; cursor: pointer; }.header-mobile-menu-card > a > span:first-child { display: grid; width: 25px; height: 25px; place-items: center; color: #d63f78; border-radius: 8px; background: #fff0f5; }.header-mobile-menu-card > a .app-icon { width: 16px; height: 16px; }.header-menu-theme { justify-content: space-between; color: #6d3153; }.header-menu-theme .theme-switch-track { margin-left: auto; }.header-menu-open { overflow: hidden; }
  .support-page { padding: 26px 0 82px; }.support-page-grid { grid-template-columns: 1fr; gap: 12px; margin-top: 16px; }.support-page-card { min-height: 0; padding: 19px; border-radius: 18px; }.support-page-qr img { width: min(225px,100%); }
  /* La portada conserva el video, pero ocupa un poco menos y queda más centrado abajo/derecha. */
  .home-intro.hero-v05, .hero-v05 .intro-grid { min-height: 566px; }.hero-v05 .hero-video-stage video { object-position: 62% 61%; transform: translate(3.5%, 8.5%) scale(.945); }.hero-v05 .trust-row { bottom: 14px; }
  /* El contenedor completo de búsqueda deja de ser blanco en negro AMOLED. */
  html[data-theme="dark"] .mobile-search-wrap { background: #000 ; border-bottom-color: #1e1c20 ; }.mobile-search { border-color: #e5e9ef; }
  html[data-theme="dark"] .mobile-search { border-color: #2a262c; background: #101012; }.header-mobile-menu-card { border-color: #ece6eb; }
  /* Estadísticas de perfil: los mini bloques ya no quedan blancos en móvil. */
  html[data-theme="dark"] .account-page .dashboard-stats.account-stats > div { border-color: #302a32; background: linear-gradient(145deg,#151217,#09090a); box-shadow: 0 9px 20px rgba(0,0,0,.45); }.account-page .dashboard-stats.account-stats > div strong { color: var(--navy); }.account-page .dashboard-stats.account-stats > div span { color: var(--muted); }
  html[data-theme="dark"] .example-detail-note,html[data-theme="dark"] .example-profile-note { color: #ffb2c7; border-color: #63253d; background: #221018; }.post-example-badge { margin-left: 0; }
  html[data-theme="dark"] .header-mobile-menu { background: rgba(0,0,0,.55); }.header-mobile-menu-card { border-color: #2a252c; background: #0b0b0c; box-shadow: 0 25px 62px rgba(0,0,0,.85); }.header-menu-title { color: #ffacc3; }.header-menu-title button { color: #ffacc3; background: #251019; }.header-mobile-menu-card > a,.header-menu-theme { color: #f8f0f4; border-top-color: #242126; }.header-mobile-menu-card > a > span:first-child { color: #ff8aa8; background: #251018; }.desktop-actions .header-menu-toggle { color: #fff; border-color: #2b2730; background: #101012; }
html[data-theme="dark"] .support-page-qr { background: linear-gradient(145deg,#151014,#09090a); }.support-page-qr img { border-color: #43222f; background: #fff; }.support-contact-pending { background: #151217; }
}

/* v1.3 — lanzamiento público: acceso, perfil compacto y navegación familiar. */
body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
}
.btn,.top-search input,.creation-form input,.creation-form select,.creation-form textarea,.stack-form input,.stack-form select { font-size: 15px; }
.forgot-password-link { width: max-content; margin-top: -5px; color: var(--coral-dark); font-size: 14px; font-weight: 750; }
.form-success { margin-top: 14px; padding: 12px; color: #17633d; border: 1px solid #b9e2cd; border-radius: 10px; background: #effbf4; font-size: 14px; }
.auth-simple-page { display: grid; min-height: calc(100vh - 72px); place-items: center; padding: 48px 18px 90px; background: radial-gradient(circle at 20% 15%,rgba(247,119,55,.13),transparent 26rem),radial-gradient(circle at 82% 70%,rgba(223,47,114,.12),transparent 24rem),var(--canvas); }
.recovery-box { width: min(500px,100%); padding: clamp(22px,4vw,38px); border: 1px solid var(--line); border-radius: 24px; background: var(--panel); box-shadow: var(--shadow); }
.recovery-box .mobile-auth-brand { display: inline-flex; margin: 0 0 34px; }.recovery-box h1 { margin: 0; color: var(--navy); font-size: clamp(31px,5vw,44px); letter-spacing: -.045em; }.recovery-box > p { color: var(--muted); line-height: 1.55; }.recovery-box .stack-form { margin-top: 24px; }

.account-header > img { width: 68px; height: 68px; object-fit: cover; border-radius: 50%; }
.account-name-line { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }.account-name-line h1 { font-size: 32px; }
.profile-edit-button { display: inline-flex; align-items: center; gap: 5px; min-height: 31px; padding: 4px 9px; color: var(--coral-dark); border: 1px solid color-mix(in srgb,var(--coral) 28%,var(--line)); border-radius: 999px; background: color-mix(in srgb,var(--coral) 7%,var(--panel)); font-size: 12px; font-weight: 850; }
.profile-edit-page { min-height: 72vh; padding-block: 38px 82px; }.profile-edit-page .compact-heading { max-width: 720px; margin-bottom: 20px; }.back-link { display: inline-block; margin-bottom: 17px; color: var(--coral-dark); font-size: 14px; font-weight: 800; }.profile-edit-form { max-width: 760px; }
.profile-edit-avatar { display: grid; gap: 8px; max-width: 470px; }.profile-edit-avatar > small { color: var(--muted); font-size: 12px; }.profile-edit-avatar .profile-photo-picker { min-height: 82px; padding: 9px 12px; }.profile-edit-avatar .profile-photo-avatar { width: 66px; height: 66px; }.profile-edit-avatar .profile-photo-avatar img { width: 62px; height: 62px; }.profile-edit-avatar .profile-photo-picker { grid-template-columns: 66px minmax(0,1fr); }
.profile-edit-form .form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }.profile-edit-form textarea { min-height: 105px; }.input-prefix { display: flex; align-items: center; overflow: hidden; min-height: 44px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); }.input-prefix > span { align-self: stretch; display: grid; place-items: center; padding: 0 10px; color: var(--muted); background: var(--soft); }.input-prefix input { min-width: 0; border: 0; border-radius: 0; box-shadow: none; }

.information-page { min-height: 70vh; padding-block: 42px 82px; }.information-page .compact-heading { max-width: 780px; }.information-page .compact-heading > p { color: var(--muted); font-size: 17px; }.information-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-top: 25px; }.information-grid article,.release-card,.release-grid article { padding: 22px; border: 1px solid var(--line); border-radius: 20px; background: var(--panel); box-shadow: var(--shadow-soft); }.information-grid article > span { color: var(--coral); font-size: 12px; font-weight: 900; letter-spacing: .1em; }.information-grid h2,.release-card h2,.release-grid h2 { margin: 7px 0; color: var(--navy); font-size: 20px; }.information-grid p,.release-card li,.release-grid p { color: var(--muted); line-height: 1.55; }.information-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.release-card { margin-top: 25px; }.release-card > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.release-card ul { display: grid; gap: 8px; padding-left: 20px; }.release-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin-top: 14px; }.release-status { display: inline-flex; width: max-content; padding: 5px 9px; color: #fff; border-radius: 999px; background: linear-gradient(135deg,#f77737,#df2f72); font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .05em; }.release-status.recent { color: #9d275f; background: #fff0f5; }.release-status.future { color: #5d5360; background: var(--soft); }.release-note { display: block; margin-top: 17px; color: var(--muted); }

html[data-theme="dark"] .form-success { color: #9ce0b8; border-color: #225f3c; background: #0d2115; }
html[data-theme="dark"] .recovery-box,html[data-theme="dark"] .information-grid article,html[data-theme="dark"] .release-card,html[data-theme="dark"] .release-grid article { border-color: #29252b; background: #0b0b0c; }
html[data-theme="dark"] .recovery-box h1,html[data-theme="dark"] .information-grid h2,html[data-theme="dark"] .release-card h2,html[data-theme="dark"] .release-grid h2 { color: #f8f3f6; }
html[data-theme="dark"] .profile-edit-button { color: #ffacc1; border-color: #5d2739; background: #211018; }
html[data-theme="dark"] .input-prefix { border-color: #2c2930; background: #121114; }.input-prefix > span { background: color-mix(in srgb,var(--soft) 92%,transparent); }
html[data-theme="dark"] .release-status.recent { color: #ffb5c8; background: #251018; }html[data-theme="dark"] .release-status.future { color: #d5cbd2; background: #171519; }

@keyframes mobile-nav-product-shine {
  0% { opacity: 0; transform: translateX(-120%) skewX(-20deg); }
  18% { opacity: .18; }
  72% { opacity: .32; }
  100% { opacity: 0; transform: translateX(520%) skewX(-20deg); }
}
@media (max-width: 760px) {
  .home-intro.hero-v05,.hero-v05 .intro-grid { min-height: 520px; }
  .hero-v05 .hero-copy { padding-top: 34px; }.hero-v05 .hero-video-stage video { object-position: 63% 63%; transform: translate(4.5%,11%) scale(.91); }.hero-v05 .trust-row { bottom: 12px; }
  .account-header > img { width: 58px; height: 58px; }.account-name-line { gap: 6px; }.account-name-line h1 { font-size: 28px; }.profile-edit-button span { display: none; }.profile-edit-button { width: 32px; min-height: 32px; justify-content: center; padding: 0; font-size: 17px; }
  .account-header-actions { grid-template-columns: repeat(2,minmax(0,1fr)); }.account-header-actions form:last-child { grid-column: 1/-1; }.account-header-actions form:last-child .btn { width: 100%; }
  .profile-edit-page { padding-block: 25px 86px; }.profile-edit-form { padding: 17px; }.profile-edit-form .form-grid { grid-template-columns: 1fr; }.profile-edit-avatar .profile-photo-picker { min-height: 76px; }
  .information-page { padding-block: 28px 90px; }.information-page .compact-heading > p { font-size: 15px; }.information-grid,.release-grid { grid-template-columns: 1fr; }.information-grid article,.release-card,.release-grid article { padding: 18px; border-radius: 17px; }.release-card > div { align-items: flex-start; flex-direction: column; }
  .mobile-nav::after { content: ""; position: absolute; z-index: 4; top: 0; bottom: 0; left: 0; width: 18%; pointer-events: none; background: linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent); opacity: 0; animation: mobile-nav-product-shine 1.25s .28s ease-out 1 both; }
}
@media (prefers-reduced-motion: reduce) { .mobile-nav::after { display: none; } }

/* v1.3.1 — contraste AMOLED y cabeceras resistentes al texto ampliado de Android. */
html[data-theme="dark"] .auth-page,
html[data-theme="dark"] .auth-panel { background: #000; }
html[data-theme="dark"] .auth-box,
html[data-theme="dark"] .auth-box h2,
html[data-theme="dark"] .auth-box .mobile-auth-brand,
html[data-theme="dark"] .auth-box .stack-form label { color: #f8f3f6; }
html[data-theme="dark"] .auth-box > p,
html[data-theme="dark"] .auth-switch,
html[data-theme="dark"] .terms { color: #b9afb7; }
html[data-theme="dark"] .auth-switch a,
html[data-theme="dark"] .terms a,
html[data-theme="dark"] .forgot-password-link { color: #ff94ad; }
html[data-theme="dark"] .auth-box .stack-form input,
html[data-theme="dark"] .auth-box .stack-form select { color: #fff; border-color: #302b32; background: #101012; }
html[data-theme="dark"] .auth-box .stack-form input:focus,
html[data-theme="dark"] .auth-box .stack-form select:focus { border-color: #ff6384; box-shadow: 0 0 0 3px rgba(255,95,131,.13); }

html[data-theme="dark"] .support-teaser { color: #fff2f6; border-color: #512234; background: linear-gradient(135deg,#231017,#0d0b0e); box-shadow: 0 15px 36px rgba(0,0,0,.70), 0 0 0 1px rgba(255,95,131,.08); }
html[data-theme="dark"] .support-teaser span { color: #ff6f91; }
html[data-theme="dark"] .support-modal-card { color: #f8f3f6; border-color: #33272e; background: linear-gradient(145deg,#161014,#080809); box-shadow: 0 30px 90px rgba(0,0,0,.86); }
html[data-theme="dark"] .support-modal-card h2 { color: #fff; }
html[data-theme="dark"] .support-modal-card p,
html[data-theme="dark"] .support-modal-card small { color: #c5b9c1; }
html[data-theme="dark"] .support-modal-kicker { color: #ff91ad; }
html[data-theme="dark"] .support-close { color: #ffb2c5; background: #281019; }

@media (max-width: 760px) {
  .post-head { grid-template-columns: 46px minmax(0,1fr) auto; align-items: start; column-gap: 10px; row-gap: 8px; }
  .post-avatar-link { grid-column: 1; grid-row: 1; }
  .post-identity { grid-column: 2; grid-row: 1; align-self: center; }
  .post-identity > div { display: grid; gap: 2px; }
  .post-identity .verified-badge { margin-top: 1px; }
  .post-head-labels { grid-column: 2 / 4; grid-row: 2; min-width: 0; flex-wrap: wrap; }
  .post-example-badge { margin-left: 0; }
  .post-kind { margin-left: 0; }
  .more-button { grid-column: 3; grid-row: 1; align-self: center; min-width: 34px; min-height: 34px; padding: 0; font-size: 17px; }
  .support-teaser { right: 12px; bottom: calc(86px + env(safe-area-inset-bottom)); max-width: calc(100vw - 24px); color: #fff; }
}

/* v1.3.2 — portada móvil más breve sin alterar escritorio. */
@media (max-width: 760px) {
  .home-intro.hero-v05,
  .hero-v05 .intro-grid { min-height: 495px; }
  .hero-v05 .hero-copy { padding-top: 28px; }
  .hero-v05 .hero-video-stage video { object-position: 63% 63%; transform: translate(5%,12.5%) scale(.86); }
  .hero-v05 .trust-row { bottom: 10px; }
}

/* v2.0 — Fase social 1
   Sistema visual propio inspirado en patrones sociales familiares. */
:root {
  color-scheme: light;
  --hc-bg: #f3f4f6;
  --hc-surface: #ffffff;
  --hc-surface-2: #f8fafc;
  --hc-text: #101828;
  --hc-text-2: #667085;
  --hc-disabled: #98a2b3;
  --hc-border: #e4e7ec;
  --hc-brand: #2563eb;
  --hc-brand-hover: #1d4ed8;
  --hc-brand-soft: #eff6ff;
  --hc-success: #16a34a;
  --hc-warning: #ea580c;
  --hc-danger: #dc2626;
  --hc-card-radius: 14px;
  --hc-control-radius: 10px;
  --hc-shadow: 0 1px 2px rgba(16,24,40,.06), 0 1px 4px rgba(16,24,40,.04);
  --canvas: var(--hc-bg);
  --panel: var(--hc-surface);
  --panel-tint: var(--hc-surface-2);
  --ink: var(--hc-text);
  --navy: var(--hc-text);
  --navy-2: #344054;
  --muted: var(--hc-text-2);
  --line: var(--hc-border);
  --soft: var(--hc-surface-2);
  --coral: var(--hc-brand);
  --coral-dark: var(--hc-brand-hover);
  --teal: var(--hc-brand);
  --teal-dark: var(--hc-brand-hover);
  --shadow: var(--hc-shadow);
  --shadow-soft: var(--hc-shadow);
  --radius: var(--hc-card-radius);
}

html[data-theme="dark"] {
  color-scheme: dark;
  --hc-bg: #0f1115;
  --hc-surface: #181b20;
  --hc-surface-2: #22262d;
  --hc-text: #f5f7fa;
  --hc-text-2: #b0bac9;
  --hc-disabled: #7d8796;
  --hc-border: #323842;
  --hc-brand: #2e90fa;
  --hc-brand-hover: #53b1fd;
  --hc-brand-soft: #142c46;
  --hc-shadow: none;
}

html,
body { background: var(--hc-bg); }
body {
  color: var(--hc-text);
  background-image: none;
  font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size: 16px;
  line-height: 1.45;
}
body::selection { color: #fff; background: var(--hc-brand); }
a,button,input,select,textarea { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid color-mix(in srgb,var(--hc-brand) 32%,transparent); outline-offset: 2px; }
.app-icon { width: 21px; height: 21px; }
.shell { width: min(1180px,calc(100% - 40px)); }

.btn {
  min-height: 40px;
  padding: 9px 16px;
  border-radius: var(--hc-control-radius);
  font-size: 15px;
  font-weight: 700;
  box-shadow: none;
  transition: color 150ms ease,background 150ms ease,border-color 150ms ease,box-shadow 150ms ease;
}
.btn:hover { transform: none; }
.btn-primary,.top-search button,.dark-chrome .top-search button { color: #fff; background: var(--hc-brand); box-shadow: none; }
.btn-primary:hover,.top-search button:hover,.dark-chrome .top-search button:hover { filter: none; background: var(--hc-brand-hover); }
.btn-outline,.btn-light,.dark-chrome .btn-outline { color: var(--hc-text); border-color: var(--hc-border); background: var(--hc-surface); }
.btn-muted { color: var(--hc-text); background: var(--hc-surface-2); }
.btn-dark { color: #fff; background: #344054; }

/* Cabecera compartida */
.topbar.app-header {
  position: sticky;
  top: 0;
  z-index: 80;
  height: 60px;
  color: var(--hc-text);
  border-bottom: 1px solid var(--hc-border);
  background: color-mix(in srgb,var(--hc-surface) 96%,transparent);
  box-shadow: none;
  backdrop-filter: blur(14px);
}
.app-header .topbar-inner {
  display: grid;
  grid-template-columns: auto minmax(220px,340px) minmax(390px,1fr) auto;
  width: min(1880px,100%);
  min-height: 60px;
  margin: 0 auto;
  padding: 0 18px;
  gap: 18px;
}
.app-header .brand { color: var(--hc-text); font-size: 18px; font-weight: 750; }
.app-header .brand strong { color: var(--hc-brand); }
.app-header .brand-mark { width: 36px; border-radius: 10px; background: var(--hc-brand); box-shadow: none; }
.app-header .brand-mark img { width: 100%; height: 100%; }
.app-header .top-search {
  height: 40px;
  color: var(--hc-text);
  border: 1px solid transparent;
  border-radius: 999px;
  background: var(--hc-surface-2);
}
.app-header .top-search:focus-within { border-color: var(--hc-brand); background: var(--hc-surface); box-shadow: 0 0 0 3px color-mix(in srgb,var(--hc-brand) 12%,transparent); }
.app-header .top-search input,.app-header .top-search .search-icon { color: var(--hc-text); }
.app-header .top-search button { display: none; }
.desktop-primary-nav { align-self: stretch; display: flex; align-items: stretch; justify-content: center; gap: 4px; }
.desktop-primary-nav .nav-link {
  position: relative;
  display: flex;
  min-width: 88px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 12px;
  color: var(--hc-text-2);
  font-size: 14px;
  font-weight: 650;
}
.desktop-primary-nav .nav-link:hover { color: var(--hc-text); background: var(--hc-surface-2); }
.desktop-primary-nav .nav-link.active { color: var(--hc-brand); }
.desktop-primary-nav .nav-link.active::after { content:""; position:absolute; left:10px; right:10px; bottom:0; height:3px; border-radius:3px 3px 0 0; background:var(--hc-brand); }
.desktop-primary-nav .future-nav::before { content:"Pronto"; position:absolute; right:3px; top:3px; padding:1px 4px; color:var(--hc-text-2); border-radius:999px; background:var(--hc-surface-2); font-size:8px; font-weight:750; }
.app-header .desktop-actions { gap: 8px; }
.header-create,.header-round-action,.notification-chip,.account-chip,.admin-shortcut {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: var(--hc-text);
  border: 1px solid var(--hc-border);
  border-radius: 999px;
  background: var(--hc-surface);
  font-size: 13px;
  font-weight: 700;
}
.header-create { padding: 0 13px; color: #fff; border-color: var(--hc-brand); background: var(--hc-brand); }
.header-round-action,.notification-chip { position:relative; width:38px; padding:0; }
.notification-chip b,.header-mobile-menu-card>a>b { display:grid; min-width:17px; height:17px; padding:0 4px; place-items:center; color:#fff; border-radius:999px; background:var(--hc-danger); font-size:9px; }
.notification-chip b { position:absolute; right:-4px; top:-4px; }
.account-chip { padding: 2px 10px 2px 3px; }
.account-chip img { width:32px; height:32px; border:0; box-shadow:none; }
.admin-shortcut { padding:0 11px; color:#7a2e0e; border-color:#fed7aa; background:#fff7ed; }
.header-menu-toggle,.mobile-header-actions { display:none; }

/* Inicio social */
.home-route .site-footer { display:none; }
.social-home {
  display: grid;
  grid-template-columns: 260px minmax(0,680px) 320px;
  align-items: start;
  gap: 24px;
  width: min(1328px,calc(100% - 40px));
  margin: 0 auto;
  padding: 24px 0 48px;
}
.home-sticky-panel { position:sticky; top:84px; }
.home-left-nav { min-width:0; }
.home-profile-link {
  display:flex;
  align-items:center;
  gap:11px;
  margin-bottom:12px;
  padding:10px;
  border-radius:12px;
}
.home-profile-link:hover { background:var(--hc-surface-2); }
.home-profile-link img { width:42px; height:42px; object-fit:cover; border-radius:50%; background:var(--hc-surface-2); }
.home-profile-link span { display:grid; min-width:0; }
.home-profile-link strong { overflow:hidden; text-overflow:ellipsis; font-size:14px; white-space:nowrap; }
.home-profile-link small { color:var(--hc-text-2); font-size:12px; }
.home-left-nav nav,.home-nav-secondary { display:grid; gap:3px; }
.home-left-nav nav>a,.home-nav-secondary>a,.home-nav-secondary>button {
  display:flex;
  width:100%;
  min-height:44px;
  align-items:center;
  gap:12px;
  padding:0 12px;
  color:var(--hc-text);
  border:0;
  border-radius:10px;
  background:transparent;
  text-align:left;
  font-size:14px;
  font-weight:650;
}
.home-left-nav nav>a:hover,.home-nav-secondary>a:hover,.home-nav-secondary>button:hover { background:var(--hc-surface-2); }
.home-left-nav nav>a.active { color:var(--hc-brand); background:var(--hc-brand-soft); }
.home-left-nav nav .app-icon,.home-nav-secondary .app-icon { color:var(--hc-text-2); }
.home-left-nav nav>a.active .app-icon { color:var(--hc-brand); }
.home-left-nav nav small { display:block; color:var(--hc-disabled); font-size:9px; font-weight:600; }
.home-nav-secondary { margin-top:12px; padding-top:12px; border-top:1px solid var(--hc-border); }
.home-feed { min-width:0; }
.feed-composer,.feed-tabs,.post-card,.sponsored-card,.discovery-block {
  border:1px solid var(--hc-border);
  background:var(--hc-surface);
  box-shadow:var(--hc-shadow);
}
.feed-composer { margin-bottom:12px; padding:14px; border-radius:var(--hc-card-radius); }
.composer-main { display:flex; align-items:center; gap:10px; padding-bottom:12px; border-bottom:1px solid var(--hc-border); }
.composer-main img,.join-composer>img { width:42px; height:42px; object-fit:cover; border-radius:50%; }
.composer-main>a { min-width:0; flex:1; padding:10px 14px; color:var(--hc-text-2); border-radius:999px; background:var(--hc-surface-2); }
.composer-main>a:hover { background:color-mix(in srgb,var(--hc-surface-2) 75%,var(--hc-border)); }
.composer-actions { display:grid; grid-template-columns:repeat(3,1fr); gap:4px; padding-top:8px; }
.composer-actions>a { display:flex; min-height:38px; align-items:center; justify-content:center; gap:8px; color:var(--hc-text-2); border-radius:8px; font-size:13px; font-weight:700; }
.composer-actions>a:hover { color:var(--hc-text); background:var(--hc-surface-2); }
.composer-actions>a:first-child .app-icon { color:var(--hc-success); }.composer-actions>a:nth-child(2) .app-icon { color:var(--hc-danger); }.composer-actions>a:nth-child(3) .app-icon { color:var(--hc-brand); }
.composer-intents { display:flex; overflow-x:auto; align-items:center; gap:6px; margin:8px -2px -2px; padding-top:9px; border-top:1px solid var(--hc-border); scrollbar-width:none; }
.composer-intents::-webkit-scrollbar { display:none; }
.composer-intents span { flex:0 0 auto; color:var(--hc-text-2); font-size:11px; }
.composer-intents a { flex:0 0 auto; padding:5px 8px; color:var(--hc-brand); border:1px solid color-mix(in srgb,var(--hc-brand) 24%,var(--hc-border)); border-radius:999px; background:var(--hc-brand-soft); font-size:11px; font-weight:700; }
.join-composer { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; }
.join-composer div { min-width:0; }.join-composer strong { display:block; }.join-composer p { margin:2px 0 0; color:var(--hc-text-2); font-size:13px; }
.feed-tabs { gap:0; margin:0 0 12px; padding:4px; border-radius:12px; }
.feed-tabs a { padding:9px 8px; border:0; border-radius:8px; font-size:13px; }
.feed-tabs a.active { color:var(--hc-brand); border:0; background:var(--hc-brand-soft); }
.home-category-row { overflow:hidden; margin-bottom:12px; }
.home-category-row .category-strip { display:flex; overflow-x:auto; gap:7px; padding-bottom:2px; scrollbar-width:none; }
.home-category-row .category-strip::-webkit-scrollbar { display:none; }
.home-category-row .category-pill { min-width:auto; min-height:34px; flex:0 0 auto; flex-direction:row; align-items:center; justify-content:center; gap:6px; padding:6px 10px; border-radius:999px; box-shadow:none; font-size:12px; }
.home-category-row .category-pill:hover { transform:none; border-color:var(--hc-brand); box-shadow:none; }
.home-category-row .category-pill span { font-size:15px; }
.feed-list { display:grid; gap:12px; }
.post-card { margin:0; border-radius:var(--hc-card-radius); box-shadow:var(--hc-shadow); transform:none; will-change:auto; }
.post-card:hover { border-color:var(--hc-border); box-shadow:var(--hc-shadow); }
.post-head { grid-template-columns:auto minmax(0,1fr) auto auto; padding:14px 16px 8px; }
.post-head>a img { width:42px; height:42px; border-radius:50%; }
.post-head strong { font-size:15px; }.post-head small { color:var(--hc-text-2); font-size:12px; }
.post-kind { margin:0; color:var(--hc-brand); background:var(--hc-brand-soft); }
.post-copy { margin:7px 16px 14px; font-size:16px; line-height:1.5; }
.post-image { max-height:620px; object-fit:contain; background:var(--hc-bg); }
.post-stats { color:var(--hc-text-2); }
.post-actions { border-color:var(--hc-border); }
.post-actions button,.post-actions a { display:flex; min-height:38px; align-items:center; justify-content:center; color:var(--hc-text-2); border-radius:7px; font-size:14px; font-weight:650; }
.post-actions button:hover,.post-actions a:hover { color:var(--hc-text); background:var(--hc-surface-2); }
.post-actions button.liked { color:var(--hc-brand); }
.comments { padding-top:12px; }
.comments:empty { padding-top:0; }
.comment>div { background:var(--hc-surface-2); }
.comment-form input { min-height:40px; color:var(--hc-text); border:1px solid transparent; background:var(--hc-surface-2); }
.comment-form input:focus { border-color:var(--hc-brand); box-shadow:0 0 0 3px color-mix(in srgb,var(--hc-brand) 12%,transparent); }
.comment-form button { color:var(--hc-brand); }
.sponsored-card { border-radius:var(--hc-card-radius); box-shadow:var(--hc-shadow); }

.home-discovery { min-width:0; }
.discovery-block { margin-bottom:12px; padding:14px; border-radius:var(--hc-card-radius); }
.discovery-block header { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:9px; }
.discovery-block h2 { margin:0; color:var(--hc-text); font-size:16px; }
.discovery-block header>a { color:var(--hc-brand); font-size:12px; font-weight:700; }
.discovery-business,.discovery-listing { display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:9px; min-height:56px; padding:7px 3px; border-radius:9px; }
.discovery-listing { grid-template-columns:52px minmax(0,1fr); }
.discovery-business:hover,.discovery-listing:hover { background:var(--hc-surface-2); }
.discovery-business img { width:42px; height:42px; object-fit:cover; border-radius:50%; }
.discovery-listing img { width:52px; height:46px; object-fit:cover; border-radius:8px; background:var(--hc-surface-2); }
.discovery-business span,.discovery-listing span { display:grid; min-width:0; }
.discovery-business strong,.discovery-listing strong { overflow:hidden; text-overflow:ellipsis; color:var(--hc-text); font-size:13px; white-space:nowrap; }
.discovery-business small,.discovery-listing small { overflow:hidden; text-overflow:ellipsis; color:var(--hc-text-2); font-size:11px; white-space:nowrap; }
.discovery-business>b { display:grid; width:18px; height:18px; place-items:center; color:#fff; border-radius:50%; background:var(--hc-brand); font-size:10px; }
.discovery-categories { display:flex; flex-wrap:wrap; gap:6px; }
.discovery-categories a { display:inline-flex; align-items:center; gap:5px; padding:6px 8px; color:var(--hc-text-2); border:1px solid var(--hc-border); border-radius:999px; background:var(--hc-surface-2); font-size:11px; font-weight:650; }
.discovery-empty { color:var(--hc-text-2); font-size:13px; }

/* Creación de publicaciones */
.social-create-page .post-create-form { max-width:720px; }
.post-photo-field { display:grid; gap:10px; margin:0; padding:14px; border:1px solid var(--hc-border); border-radius:12px; }
.post-photo-field legend { padding:0 6px; color:var(--hc-text); font-size:13px; font-weight:750; }
.post-photo-picker { position:relative; display:grid; grid-template-columns:36px 1fr; gap:2px 10px; align-items:center; padding:12px; border:1px dashed var(--hc-border); border-radius:10px; background:var(--hc-surface-2); cursor:pointer; }
.post-photo-field.is-requested .post-photo-picker { border-color:var(--hc-brand); background:var(--hc-brand-soft); }
.post-photo-picker span { grid-row:1/3; color:var(--hc-brand); }.post-photo-picker small { color:var(--hc-text-2); font-weight:400; }
.post-photo-picker input { position:absolute; inset:0; opacity:0; cursor:pointer; }
[data-post-image-preview] { width:min(420px,100%); max-height:360px; object-fit:contain; border-radius:10px; background:var(--hc-bg); }
[data-post-upload-status] { color:var(--hc-text-2); }

/* Estados y modo oscuro coherente en componentes compartidos */
.empty-state { color:var(--hc-text); border-color:var(--hc-border); background:var(--hc-surface); }
.empty-state p { color:var(--hc-text-2); }
.flash { border-color:#bbf7d0; background:#f0fdf4; }.flash.error,.form-error { border-color:#fecaca; background:#fef2f2; }
html[data-theme="dark"] .flash { color:#bbf7d0; border-color:#14532d; background:#052e16; }
html[data-theme="dark"] .flash.error,html[data-theme="dark"] .form-error { color:#fecaca; border-color:#7f1d1d; background:#450a0a; }
html[data-theme="dark"] .admin-shortcut { color:#fed7aa; border-color:#7c2d12; background:#431407; }
html[data-theme="dark"] .topbar.app-header,
html[data-theme="dark"] .mobile-nav,
html[data-theme="dark"] .header-mobile-menu-card,
html[data-theme="dark"] .post-card,
html[data-theme="dark"] .feed-tabs,
html[data-theme="dark"] .feed-composer,
html[data-theme="dark"] .discovery-block,
html[data-theme="dark"] .sponsored-card { color:var(--hc-text); border-color:var(--hc-border); background:var(--hc-surface); box-shadow:none; }
html[data-theme="dark"] .post-copy,html[data-theme="dark"] .post-head strong,html[data-theme="dark"] .comment strong { color:var(--hc-text); }
html[data-theme="dark"] .post-stats,html[data-theme="dark"] .post-head small { color:var(--hc-text-2); }

.mobile-nav { display:none; }
.header-mobile-menu:not([hidden]) { display:grid; }
.header-mobile-menu { position:fixed; z-index:120; inset:0; align-items:start; justify-items:end; padding:72px 14px 88px; background:rgba(15,17,21,.42); backdrop-filter:blur(4px); }
.header-mobile-menu-card { width:min(340px,calc(100vw - 28px)); overflow:auto; max-height:calc(100vh - 160px); border:1px solid var(--hc-border); border-radius:16px; background:var(--hc-surface); box-shadow:0 20px 50px rgba(16,24,40,.25); }
.header-menu-title { display:flex; min-height:52px; align-items:center; justify-content:space-between; padding:0 15px; color:var(--hc-text); font-size:15px; font-weight:750; text-transform:none; letter-spacing:0; }
.header-menu-title button { display:grid; width:32px; height:32px; place-items:center; color:var(--hc-text-2); border:0; border-radius:50%; background:var(--hc-surface-2); font-size:22px; }
.header-mobile-menu-card>a,.header-menu-theme { display:flex; width:100%; min-height:48px; align-items:center; gap:11px; padding:0 15px; color:var(--hc-text); border:0; border-top:1px solid var(--hc-border); background:transparent; font-size:14px; font-weight:650; text-align:left; }
.header-mobile-menu-card>a>span:first-child { display:grid; width:28px; height:28px; place-items:center; color:var(--hc-brand); border-radius:8px; background:var(--hc-brand-soft); }
.header-mobile-menu-card>a small { margin-left:auto; color:var(--hc-disabled); font-size:9px; }
.header-mobile-menu-card>a>b { margin-left:auto; }
.header-menu-theme { justify-content:space-between; }

@media (max-width: 1359px) {
  .social-home { grid-template-columns:240px minmax(0,680px); justify-content:center; }
  .home-discovery { display:none; }
  .app-header .topbar-inner { grid-template-columns:auto minmax(210px,310px) 1fr auto; }
  .desktop-primary-nav .nav-link { min-width:72px; padding-inline:8px; }
  .desktop-primary-nav .nav-link>span:last-child { font-size:12px; }
  .account-chip span,.admin-shortcut { display:none; }
  .account-chip { width:38px; padding:2px; }
}

@media (max-width: 1023px) {
  .app-header .topbar-inner { grid-template-columns:auto 1fr auto; }
  .desktop-primary-nav { display:none; }
  .social-home { grid-template-columns:220px minmax(0,680px); width:min(944px,calc(100% - 28px)); gap:18px; }
}

@media (max-width: 767px) {
  body { padding-bottom:calc(66px + env(safe-area-inset-bottom)); }
  .shell { width:min(100% - 24px,1180px); }
  .topbar.app-header { height:56px; }
  .app-header .topbar-inner { grid-template-columns:minmax(0,1fr) auto; min-height:56px; padding:0 12px; gap:8px; }
  .app-header .brand { min-width:0; font-size:16px; }.app-header .brand-mark { width:34px; }
  .app-header .top-search,.app-header .desktop-primary-nav,.app-header .desktop-actions { display:none; }
  .mobile-header-actions { display:flex; align-items:center; gap:6px; }
  .mobile-header-actions>a { display:grid; width:38px; height:38px; place-items:center; color:var(--hc-text); border:1px solid var(--hc-border); border-radius:50%; background:var(--hc-surface); }
  .social-home { display:block; width:100%; padding:10px 0 24px; }
  .home-left-nav,.home-discovery { display:none; }
  .home-feed { width:100%; }
  .feed-composer,.feed-tabs,.post-card,.sponsored-card { border-right:0; border-left:0; border-radius:0; box-shadow:none; }
  .feed-composer { margin-bottom:8px; padding:12px; }
  .composer-main img { width:38px; height:38px; }.composer-main>a { padding:9px 12px; font-size:14px; }
  .composer-actions>a { font-size:12px; }.composer-actions .app-icon { width:19px; height:19px; }
  .composer-intents { margin-top:6px; padding-top:8px; }
  .join-composer { grid-template-columns:auto 1fr; }.join-composer>.btn { grid-column:1/-1; width:100%; }
  .feed-tabs { margin-bottom:8px; padding:4px 8px; overflow-x:auto; }
  .feed-tabs a { min-width:max-content; }
  .home-category-row { margin:0 0 8px; padding:0 10px; }
  .feed-list { gap:8px; }
  .post-head { grid-template-columns:42px minmax(0,1fr) auto; column-gap:9px; row-gap:7px; padding:13px 12px 7px; }
  .post-avatar-link { grid-column:1; grid-row:1; }.post-identity { grid-column:2; grid-row:1; }.more-button { grid-column:3; grid-row:1; }
  .post-head-labels { grid-column:2/4; grid-row:2; justify-content:flex-start; }
  .post-copy { margin:6px 12px 12px; font-size:16px; }
  .post-stats { padding:9px 12px; }.post-actions { margin:0 12px; }.post-actions button,.post-actions a { padding:7px 3px; font-size:13px; }
  .comments { padding:10px 12px 0; }.comment-form { padding:10px 12px 13px; }
  .mobile-nav {
    position:fixed;
    z-index:90;
    left:0; right:0; bottom:0;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    min-height:64px;
    padding:5px max(4px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));
    color:var(--hc-text-2);
    border-top:1px solid var(--hc-border);
    background:color-mix(in srgb,var(--hc-surface) 97%,transparent);
    box-shadow:0 -2px 8px rgba(16,24,40,.06);
    backdrop-filter:blur(12px);
  }
  .mobile-nav .nav-link { display:flex; min-width:0; min-height:48px; flex-direction:column; align-items:center; justify-content:center; gap:2px; padding:2px; color:var(--hc-text-2); border:0; background:transparent; font-size:9px; font-weight:600; }
  .mobile-nav .nav-link.active { color:var(--hc-brand); }
  .mobile-nav .nav-icon { display:grid; width:24px; height:24px; place-items:center; color:inherit; border:0; border-radius:0; background:transparent; box-shadow:none; transform:none; }
  .mobile-nav .app-icon { width:22px; height:22px; }
  .mobile-menu-nav { font-family:inherit; }
  .header-mobile-menu { align-items:end; padding:56px 10px calc(72px + env(safe-area-inset-bottom)); }
  .header-mobile-menu-card { width:100%; max-height:min(620px,calc(100vh - 140px)); border-radius:16px; }
  .site-footer { padding-bottom:84px; }
  .social-create-page { padding-top:20px; }.social-create-page .creation-form { padding:16px; border:1px solid var(--hc-border); border-radius:14px; background:var(--hc-surface); }
}

@media (max-width: 390px) {
  .app-header .brand>span:last-child { overflow:hidden; text-overflow:ellipsis; }
  .mobile-header-actions>a { width:36px; height:36px; }
  .composer-actions>a { gap:5px; }
  .post-actions button,.post-actions a { font-size:12px; }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior:auto; animation-duration:.01ms; animation-iteration-count:1; transition-duration:.01ms; }
}

/* Fase 2: same visual tokens; search and messaging are shared product surfaces. */
[hidden] { display:none; }
dialog.global-search-dialog,dialog.share-dialog { width:min(720px,calc(100vw - 24px)); max-height:85dvh; margin:auto; padding:20px; color:var(--hc-text); border:1px solid var(--hc-border); border-radius:16px; background:var(--hc-surface); box-shadow:0 20px 60px #0004; overflow:auto; }
dialog::backdrop { background:#0008; backdrop-filter:blur(3px); }
.global-search-dialog header,.share-dialog header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.global-search-dialog h2,.share-dialog h2 { margin:0; font-size:21px; }
.global-search-dialog header button,.share-dialog header button { width:40px; height:40px; border:0; border-radius:50%; color:var(--hc-text); background:var(--hc-surface-2); font-size:24px; }
.global-search-dialog form,.global-page-search,.marketplace-visible-search { display:flex; gap:8px; align-items:center; }
.global-search-dialog input,.share-dialog input,.share-dialog textarea,.global-page-search input,.marketplace-visible-search input { min-width:0; flex:1; width:100%; padding:12px; color:var(--hc-text); border:1px solid var(--hc-border); border-radius:10px; background:var(--hc-surface-2); font-size:16px; }
.global-search-scopes { display:flex; gap:6px; overflow-x:auto; margin:14px 0; padding-bottom:5px; }
.global-search-scopes button { flex-shrink:0; padding:9px 12px; color:var(--hc-text-2); border:1px solid var(--hc-border); border-radius:20px; background:var(--hc-surface); font-size:13px; }
.global-search-scopes button[aria-pressed="true"] { color:var(--hc-brand); border-color:var(--hc-brand); background:var(--hc-brand-soft); }
[data-global-search-status],[data-share-status] { font-size:14px; color:var(--hc-text-2); }
.global-result-group { margin:18px 0; }.global-result-group h2 { font-size:17px; margin:0 0 7px; }.global-result-group>p { color:var(--hc-text-2); font-size:14px; }
.global-result { display:flex; gap:12px; align-items:center; padding:12px 4px; border-bottom:1px solid var(--hc-border); color:var(--hc-text); }
.global-result img { width:48px; height:48px; border-radius:10px; object-fit:cover; flex-shrink:0; }.global-result>span { min-width:0; display:grid; gap:4px; }.global-result strong { font-size:15px; overflow-wrap:anywhere; }.global-result small { color:var(--hc-text-2); font-size:13px; }
.global-result-group>a:last-child { display:block; padding-top:10px; color:var(--hc-brand); font-size:14px; }
.marketplace-visible-search { margin:16px 0; }.marketplace-visible-search .btn { flex-shrink:0; }
.global-search-page { max-width:800px; padding-block:24px; }.global-search-page>p { color:var(--hc-text-2); }
.top-search button.search-icon { display:grid; place-items:center; padding:0; border:0; color:var(--hc-text-2); background:transparent; width:30px; height:32px; flex-shrink:0; }
.top-search>button:last-child { display:block; color:var(--hc-brand); background:transparent; border:0; padding:6px; font-size:12px; }
.mobile-header-actions>a { position:relative; }[data-chat-badge] { position:absolute; right:-3px; top:-3px; min-width:17px; height:17px; padding:0 3px; border-radius:10px; background:var(--hc-brand); color:white; font-size:10px; line-height:17px; }
.single-post-page { width:min(680px,100% - 24px); padding-block:24px; }.single-post-page>.post-card { margin-top:12px; }
.person-social-actions { padding:20px 0; color:var(--hc-text-2); }.person-social-actions>div { display:flex; gap:10px; margin-top:12px; }.person-social-feed { max-width:700px; margin-block:24px; }
.person-social-feed .post-card { margin-block:12px; }.post-head>form { grid-column:4; grid-row:1; }.post-head>form .more-button { display:grid; place-items:center; padding:8px; }.post-head>form .app-icon { width:20px; }
.comment.is-reply { margin-left:26px; border-left:2px solid var(--hc-border); padding-left:9px; }.comment button,[data-cancel-comment-reply],.comments-more { color:var(--hc-brand); border:0; background:transparent; padding:7px 0; font-size:13px; }.comments-more { margin:0 16px; }[data-comment-status] { margin:0 14px 8px; color:var(--hc-text-2); font-size:13px; }.comment small { display:block; color:var(--hc-text-2); }.feed-more { margin:12px; }
.media-preview>span { position:relative; padding-bottom:30px; }.media-preview [data-move-media] { position:static; width:25px; height:25px; display:inline-grid; place-items:center; background:var(--hc-surface-2); color:var(--hc-text); }.media-preview small { display:block; color:var(--hc-text-2); }.media-preview [data-remove-media] { right:3px; top:3px; }
.share-dialog label { display:grid; gap:7px; margin:14px 0; font-size:14px; }.share-dialog textarea { min-height:75px; }.share-dialog>.btn { margin:4px 4px 0 0; }[data-share-destinations] { max-height:300px; overflow:auto; }[data-share-destinations] h3 { font-size:14px; color:var(--hc-text-2); }
.share-destination { display:flex; width:100%; align-items:center; gap:10px; padding:9px; border:1px solid transparent; border-radius:10px; background:var(--hc-surface); color:var(--hc-text); font-size:15px; text-align:left; }.share-destination img { width:38px; height:38px; border-radius:50%; object-fit:cover; }.share-destination[aria-pressed="true"] { background:var(--hc-brand-soft); border-color:var(--hc-brand); }

.chat-route:has(.social-messenger) { padding-bottom:0; overflow:hidden; }
.chat-route:has(.social-messenger) .site-footer { display:none; }
.chat-route:has(.social-messenger) #page-content { margin:0; padding:0; }
.social-messenger { display:grid; grid-template-columns:320px minmax(0,1fr); width:100%; max-width:1920px; height:calc(var(--chat-viewport-height,100dvh) - 60px); margin:0 auto; color:var(--hc-text); background:var(--hc-surface); overflow:hidden; }
.social-messenger.with-information { grid-template-columns:300px minmax(0,1fr) 280px; }
.social-messenger .conversation-list { min-width:0; min-height:0; max-height:none; overflow:auto; border-right:1px solid var(--hc-border); background:var(--hc-surface); }
.social-messenger .messages-title { padding:18px 14px; }.social-messenger .messages-title h1 { font-size:24px; color:var(--hc-text); margin:0 0 12px; }
.social-messenger .chat-tabs { display:flex; gap:6px; margin:0 0 16px; }.social-messenger .chat-tabs a { flex:1; color:var(--hc-text-2); background:var(--hc-surface-2); border-radius:8px; box-shadow:none; font-size:12px; text-align:center; }.social-messenger .chat-tabs a.active { color:var(--hc-brand); background:var(--hc-brand-soft); }
.social-messenger label { display:grid; gap:5px; color:var(--hc-text-2); font-size:12px; }.social-messenger input[type="search"] { width:100%; color:var(--hc-text); background:var(--hc-surface-2); border:1px solid var(--hc-border); padding:10px; border-radius:9px; font-size:14px; }
.social-messenger .conversation-item { display:flex; align-items:center; gap:12px; min-width:0; padding:13px 14px; border-bottom:1px solid var(--hc-border); color:var(--hc-text); background:var(--hc-surface); }.social-messenger .conversation-item.active { background:var(--hc-brand-soft); }
.social-messenger .conversation-item>span { flex:1; display:grid; min-width:0; gap:4px; }.social-messenger .conversation-item strong,.social-messenger .conversation-item small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.social-messenger .conversation-item strong { font-size:15px; }.social-messenger .conversation-item small { color:var(--hc-text-2); font-size:13px; }.social-messenger .conversation-item time { color:var(--hc-text-2); font-size:11px; }.social-messenger .conversation-item img { width:46px; height:46px; border-radius:50%; object-fit:cover; }.social-messenger [data-unread] { background:var(--hc-brand); color:white; border-radius:12px; min-width:20px; padding:4px; font-size:11px; text-align:center; }
.social-messenger .chat-panel { display:flex; position:relative; flex-direction:column; min-width:0; min-height:0; height:100%; background:var(--hc-bg); overflow:hidden; }.social-messenger .chat-panel>.empty-state { margin:auto; max-width:420px; }
.social-messenger .chat-head { display:flex; flex-shrink:0; min-height:72px; gap:12px; padding:12px 20px; color:var(--hc-text); background:var(--hc-surface); border-bottom:1px solid var(--hc-border); }
.chat-profile-link { flex:1; min-width:0; display:flex; gap:12px; align-items:center; }.chat-profile-link>span { display:grid; gap:3px; min-width:0; }.chat-profile-link strong { font-size:16px; overflow-wrap:anywhere; }.chat-profile-link small { color:var(--hc-text-2); font-size:12px; }.social-messenger .chat-head img { width:40px; height:40px; object-fit:cover; border-radius:50%; }.social-messenger .chat-head button { width:40px; height:40px; border:0; border-radius:50%; color:var(--hc-brand); background:var(--hc-brand-soft); }.social-messenger .chat-back { display:none; }
.chat-search { padding:8px 20px; background:var(--hc-surface); border-bottom:1px solid var(--hc-border); }.chat-search label { grid-template-columns:auto minmax(140px,300px); align-items:center; }.chat-search input[type="search"] { padding:6px 10px; }
[data-message-search-results] { max-height:160px; overflow:auto; padding:8px 0; font-size:13px; }[data-message-search-results] button { width:100%; display:grid; gap:3px; padding:8px; border:0; border-bottom:1px solid var(--hc-border); color:var(--hc-text); background:var(--hc-surface-2); text-align:left; }[data-message-search-results] small { color:var(--hc-text-2); }
.social-messenger .message-stream { display:flex; position:relative; flex:1; flex-direction:column; gap:10px; min-height:0; max-height:none; overflow:auto; padding:24px; overscroll-behavior:contain; scroll-behavior:auto; overflow-anchor:none; }
.social-messenger .message { flex-shrink:0; align-self:flex-start; max-width:min(74%,530px); margin:0; padding:11px 14px; color:var(--hc-text); border:1px solid var(--hc-border); border-radius:14px 14px 14px 4px; background:var(--hc-surface); box-shadow:none; font-size:15px; word-break:normal; overflow-wrap:anywhere; }
.social-messenger .message.mine { align-self:flex-end; color:white; border-color:var(--hc-brand); border-radius:14px 14px 4px 14px; background:var(--hc-brand); }.social-messenger .message p { white-space:pre-wrap; margin:0 0 6px; line-height:1.5; font-size:15px; }.social-messenger .message>small { display:block; color:var(--hc-text-2); font-size:11px; }.social-messenger .message.mine>small { color:#fff; opacity:.85; }.message small button { border:0; padding:0; background:transparent; color:var(--hc-brand); font-size:11px; }
.social-messenger .chat-photo { width:min(300px,100%); max-height:350px; object-fit:contain; border-radius:9px; display:block; margin-bottom:7px; }.message-reference { display:flex; min-width:0; gap:10px; max-width:330px; margin-bottom:8px; padding:10px; color:var(--hc-text); border:1px solid var(--hc-border); border-radius:9px; background:var(--hc-surface); }.message-reference>img { width:72px; height:72px; object-fit:cover; border-radius:7px; flex-shrink:0; }.message-reference>span { display:grid; min-width:0; gap:3px; }.message-reference strong { font-size:14px; line-height:1.4; overflow-wrap:anywhere; }.message-reference small { color:var(--hc-text-2); font-size:11px; }.message-reference b { color:var(--hc-brand); font-size:14px; }.message-reference.unavailable { font-size:13px; color:var(--hc-text-2); }
.social-message-form { position:relative; flex-shrink:0; padding:12px 20px 8px; color:var(--hc-text); background:var(--hc-surface); border-top:1px solid var(--hc-border); }
.chat-compose-row { display:flex; align-items:end; gap:10px; }.social-message-form textarea { flex:1; min-width:0; width:100%; min-height:44px; max-height:120px; resize:none; margin:0; padding:11px 14px; color:var(--hc-text); border:1px solid var(--hc-border); border-radius:14px; background:var(--hc-surface-2); font-size:16px; line-height:1.4; }.social-message-form textarea::placeholder { color:var(--hc-text-2); }
.social-message-form .message-send { display:grid; flex-shrink:0; width:44px; height:44px; margin:0; padding:0; place-items:center; color:white; background:var(--hc-brand); border:0; border-radius:50%; box-shadow:none; }.social-message-form .message-send .app-icon { transform:rotate(-45deg); }
.chat-attach { position:relative; display:grid; place-items:center; width:42px; height:44px; color:var(--hc-brand); cursor:pointer; flex-shrink:0; }.chat-attach input { position:absolute; opacity:0; width:1px; height:1px; }
.chat-send-status { font-size:11px; color:var(--hc-text-2); padding-top:6px; }.chat-attachment-preview { position:relative; display:flex; gap:10px; align-items:center; padding:4px 0 10px; max-height:130px; }.chat-attachment-preview>img { width:76px; height:76px; object-fit:cover; border-radius:8px; }.chat-attachment-preview button { color:var(--hc-brand); border:0; background:transparent; font-size:13px; }.chat-attachment-preview .message-reference { margin:0; }.older-messages { align-self:center; padding:9px 16px; flex-shrink:0; border:1px solid var(--hc-border); color:var(--hc-brand); background:var(--hc-surface); border-radius:15px; }
[data-new-messages] { position:absolute; z-index:4; bottom:150px; left:50%; transform:translateX(-50%); padding:9px 18px; color:white; border:0; border-radius:20px; background:var(--hc-brand); box-shadow:0 3px 12px #0003; font-size:13px; }
.chat-information { padding:20px; overflow:auto; background:var(--hc-surface); border-left:1px solid var(--hc-border); }.chat-information>img { width:70px; height:70px; border-radius:50%; margin:12px auto; object-fit:cover; }.chat-information h2 { font-size:19px; }.chat-information p { font-size:13px; color:var(--hc-text-2); }.chat-information>.btn,.chat-information form { display:block; margin:10px 0; }.chat-information form button { width:100%; }.chat-information>button { float:right; color:var(--hc-text); background:var(--hc-surface-2); border:0; border-radius:50%; width:32px; height:32px; }.message.search-hit { outline:3px solid var(--hc-brand); outline-offset:3px; }
.social-messenger button:disabled { opacity:.5; cursor:wait; }
/* Specificity also resets earlier theme gradients; image dimensions reserve
   layout without inheriting the original photo's large pixel height. */
html .social-messenger .message-stream { background:var(--hc-surface-2); }
html .social-messenger :is(.conversation-list,.messages-title,.chat-head,.chat-information) { color:var(--hc-text); border-color:var(--hc-border); background:var(--hc-surface); box-shadow:none; }
html .social-messenger .chat-panel { background:var(--hc-surface-2); }
html .social-messenger .conversation-item:hover { background:var(--hc-surface-2); }
html .social-messenger .conversation-item.active { border-left-color:var(--hc-brand); background:var(--hc-brand-soft); }
html .social-messenger .message { color:var(--hc-text); background:var(--hc-surface); box-shadow:none; }
html .social-messenger .message.mine { color:#fff; background:var(--hc-brand); box-shadow:none; }
html .social-messenger .message.mine>small { color:#fff; }
html .social-message-form .message-send { background:var(--hc-brand); box-shadow:none; }
.social-message-form .message-send .app-icon-send { transform:none; }
.social-messenger .message:has(.chat-photo) { width:330px; }
.social-messenger .chat-photo { width:100%; height:auto; }
:is(.social-messenger,.global-search-dialog,.share-dialog) :focus-visible { outline:3px solid var(--hc-brand); outline-offset:3px; }

@media (max-width: 1023px) {
  .social-messenger { grid-template-columns:280px minmax(0,1fr); }.social-messenger.with-information { grid-template-columns:280px minmax(0,1fr); }.chat-information:not([hidden]) { position:absolute; z-index:50; right:0; top:60px; bottom:0; width:280px; box-shadow:-8px 0 30px #0004; }
}
@media (max-width: 767px) {
  .global-search-dialog[open],.share-dialog[open] { width:100%; max-width:none; height:100dvh; max-height:none; padding:16px 12px calc(16px + env(safe-area-inset-bottom)); border:0; border-radius:0; margin:0; }
  .marketplace-visible-search { flex-wrap:wrap; }.marketplace-visible-search>input { flex-basis:65%; }.marketplace-visible-search>.btn:last-child { width:100%; }
  .post-head>form { grid-column:3; grid-row:1; }.single-post-page { width:100%; }.chat-route:has(.social-messenger.has-selection) .mobile-nav { display:none; }
  .social-messenger,.social-messenger.with-information { display:block; height:calc(var(--chat-viewport-height,100dvh) - 56px - 64px - env(safe-area-inset-bottom)); }.social-messenger.has-selection { height:calc(var(--chat-viewport-height,100dvh) - 56px); }.social-messenger .conversation-list { height:100%; border:0; }.social-messenger:not(.has-selection)>.chat-panel { display:none; }.social-messenger.has-selection>.conversation-list { display:none; }
  .social-messenger .chat-head { min-height:62px; padding:10px 12px; gap:8px; }.social-messenger .chat-back { display:grid; place-items:center; width:30px; height:40px; font-size:30px; color:var(--hc-brand); }.chat-profile-link { gap:8px; }.chat-profile-link strong { font-size:15px; }.chat-profile-link small { font-size:11px; }
  .chat-search { padding:7px 12px; }.chat-search label { grid-template-columns:1fr; gap:0; font-size:0; }.chat-search input[type="search"] { font-size:14px; padding:7px 10px; }
  .social-messenger .message-stream { padding:16px 12px; }.social-messenger .message { max-width:88%; }.social-message-form { padding:10px 10px calc(8px + env(safe-area-inset-bottom)); }.chat-compose-row { gap:6px; }.chat-attach { width:30px; }.chat-information:not([hidden]) { top:56px; width:min(300px,90vw); bottom:0; }.social-messenger .message-reference img { width:56px; height:56px; }.chat-send-status { line-height:1.4; }.person-social-actions>div { flex-wrap:wrap; }
}

/* Fase 3 — comunidades sociales, con el sistema visual aprobado. */
.phase3 {color:var(--hc-text);min-width:0;overflow-wrap:anywhere;}
.phase3 [hidden]{display:none;}
.phase3 :focus-visible {outline:3px solid var(--hc-brand);outline-offset:3px;}
.phase3 a{color:var(--hc-brand);}
.phase3 .btn-primary{color:#fff;background:var(--hc-brand);box-shadow:none;}
.phase3 .btn-outline,.phase3 .btn-muted{color:var(--hc-brand);border:1px solid var(--hc-border);background:var(--hc-surface);box-shadow:none;}
.phase3 :is(input,textarea,select){color:var(--hc-text);background:var(--hc-surface-2);border-color:var(--hc-border);min-width:0;max-width:100%;font-size:16px;}
.phase3 label{display:grid;gap:7px;color:var(--hc-text);font-size:14px;min-width:0;}
.phase3 .community-check{display:flex;align-items:center;gap:10px;padding:8px 0;}
.phase3 .community-check input{width:20px;height:20px;flex-shrink:0;}
.phase3 :is(h1,h2,h3){color:var(--hc-text);}
.phase3 h1{font-size:clamp(24px,3vw,34px);line-height:1.2;margin:5px 0 12px;}
.phase3 p{color:var(--hc-text-2);line-height:1.6;white-space:pre-wrap;}
.phase3 fieldset{min-width:0;border:1px solid var(--hc-border);border-radius:12px;padding:14px;}
.community-directory-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0 12px;}
.community-directory-nav,.community-offer-filters{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0;}
.community-directory-nav a,.community-offer-filters a{padding:10px 16px;border-radius:12px;background:var(--hc-surface);color:var(--hc-text-2);border:1px solid var(--hc-border);}
.community-directory-nav a.active,.community-offer-filters a[aria-current]{background:var(--hc-brand-soft);color:var(--hc-brand);border-color:var(--hc-brand);}
.community-filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:14px;align-items:end;margin:18px 0 24px;padding:20px;border:1px solid var(--hc-border);border-radius:16px;background:var(--hc-surface);}
.community-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.community-directory-card{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;padding:22px;border:1px solid var(--hc-border);border-radius:16px;background:var(--hc-surface);align-items:start;}
.community-photo{width:64px;height:64px;border-radius:18px;object-fit:cover;background:var(--hc-brand-soft);}
.community-directory-card h2{font-size:19px;margin:6px 0;}.community-directory-card h2 a{color:var(--hc-text);}
.community-directory-card p{margin:6px 0 10px;font-size:14px;}.community-directory-card small{color:var(--hc-text-2);}
.community-eyebrow{font-size:12px;color:var(--hc-text-2);}.community-card-actions{grid-column:1/-1;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.community-profile{max-width:1100px;padding-top:22px;padding-bottom:30px;}.community-back{display:inline-block;padding:8px 0;margin-bottom:12px;}
.community-profile-head{border:1px solid var(--hc-border);border-radius:18px;background:var(--hc-surface);overflow:hidden;}
.community-cover{display:block;width:100%;height:130px;object-fit:cover;}.community-identity{display:flex;gap:20px;padding:24px;align-items:flex-start;}.community-identity .community-photo{width:80px;height:80px;flex-shrink:0;}
.community-identity p{margin:10px 0 0;max-width:760px;font-size:14px;}.community-identity small{color:var(--hc-text-2);}
.community-profile-actions{display:flex;gap:10px;padding:0 24px 22px;flex-wrap:wrap;align-items:center;}
.community-profile-nav{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--hc-border);margin:18px 0;background:var(--hc-surface);border-radius:12px 12px 0 0;padding:0 8px;}
.community-profile-nav a{padding:14px 12px;display:inline-block;font-size:14px;color:var(--hc-text-2);border-bottom:3px solid transparent;}.community-profile-nav a.active{color:var(--hc-brand);border-bottom-color:var(--hc-brand);font-weight:700;}
.community-profile-nav b{padding:2px 5px;border-radius:6px;background:var(--hc-brand-soft);color:var(--hc-brand);font-size:11px;}.community-desktop-tabs{display:flex;}.community-more{display:none;position:relative;}.community-more summary{cursor:pointer;padding:14px;}.community-more>div{position:absolute;right:0;top:100%;z-index:8;min-width:190px;background:var(--hc-surface);border:1px solid var(--hc-border);border-radius:12px;padding:8px;box-shadow:0 8px 24px #0003;}.community-more a{display:block;}
.community-search{display:flex;gap:10px;margin:16px 0;align-items:end;}.community-search label{flex:1;}.community-search button{height:44px;}
.community-content{max-width:820px;margin:0 auto;min-width:0;}.community-welcome{padding:16px 20px;border-radius:14px;background:var(--hc-brand-soft);margin:16px 0;}.community-welcome p{font-size:13px;margin:6px 0;}.community-welcome a{display:inline-block;margin-right:16px;padding:8px 0;}.community-welcome form{display:inline-block;}
.community-compose,.community-pins,.community-info,.community-admin-section{padding:20px;border:1px solid var(--hc-border);border-radius:14px;background:var(--hc-surface);margin:16px 0;}.community-compose summary,.community-pins summary,.community-admin-section summary{font-weight:650;cursor:pointer;display:flex;align-items:center;gap:10px;min-height:36px;}.community-compose form,.community-admin-section form{display:grid;gap:14px;margin-top:16px;}.community-compose .app-icon{width:20px;}
.community-feed-heading{display:flex;justify-content:space-between;gap:10px;color:var(--hc-text-2);padding:14px 0;align-items:center;font-size:13px;}.community-feed-heading strong{color:var(--hc-text);}
.community-status,.community-note{font-size:13px;padding:12px 14px;border-radius:10px;background:var(--hc-surface-2);color:var(--hc-text-2);}
.community-info h3{font-size:17px;margin:20px 0 8px;}.community-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}.community-rules{white-space:pre-wrap;}.community-preferences form{display:grid;gap:12px;}
.community-form-page{max-width:760px;padding-top:28px;padding-bottom:30px;}.community-form-page .creation-form{display:grid;gap:18px;background:var(--hc-surface);border-color:var(--hc-border);color:var(--hc-text);margin-top:24px;}
.community-image-picker img{width:150px;max-height:140px;object-fit:contain;margin:8px 0;}.community-image-picker button{color:var(--hc-brand);background:var(--hc-surface-2);border:0;padding:8px 12px;border-radius:8px;}.community-image-picker small{display:block;}
[data-community-gallery-preview]{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;}[data-community-gallery-preview]>div{display:grid;gap:6px;width:130px;}[data-community-gallery-preview] img{width:130px;height:100px;object-fit:cover;border-radius:9px;}[data-community-gallery-preview] button{font-size:12px;padding:6px;background:var(--hc-surface-2);color:var(--hc-brand);border:1px solid var(--hc-border);border-radius:6px;}
.community-post-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px;}.community-post-gallery img{width:100%;height:160px;object-fit:cover;border-radius:10px;}
.community-post-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:10px 0;margin-top:8px;}.community-post-tools .btn{padding:7px 10px;font-size:12px;min-height:32px;}.community-report{font-size:12px;}.community-report form{padding:14px;background:var(--hc-surface-2);border-radius:10px;display:grid;gap:10px;}
.community-poll{display:grid;gap:8px;margin:14px 0;}.community-poll>strong{font-size:14px;}.community-poll small{color:var(--hc-text-2);font-size:12px;}.poll-option{display:flex;justify-content:space-between;gap:14px;width:100%;text-align:left;color:var(--hc-text);border:1px solid var(--hc-border);background:var(--hc-surface-2);border-radius:10px;padding:12px;}.poll-option.selected{border-color:var(--hc-brand);background:var(--hc-brand-soft);}.poll-option:disabled{opacity:1;cursor:default;}
.community-member-list{display:grid;gap:12px;}.community-member-list article{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--hc-border);border-radius:12px;background:var(--hc-surface);}.community-member-list img{width:44px;height:44px;border-radius:50%;}.community-member-list span{flex:1;display:grid;gap:4px;}.community-member-list small{color:var(--hc-text-2);}.community-member-list details{font-size:13px;}.community-member-list details[open]{flex:1;}.community-member-list details form{display:grid;gap:8px;margin:12px 0;}
.community-admin-section>article{padding:16px 0;border-bottom:1px solid var(--hc-border);}.community-admin-section>article>form{display:inline-block;margin:8px 8px 0 0;}.community-admin-section input[readonly]{width:100%;}.community-admin-section p{font-size:13px;}
.community-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}.community-photo-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;}.community-photo-grid small{display:block;font-size:12px;padding:7px;color:var(--hc-text-2);}
.community-search-result{display:grid;gap:6px;padding:14px;margin:8px 0;border-radius:12px;border:1px solid var(--hc-border);background:var(--hc-surface);}.community-search-result small{font-size:12px;color:var(--hc-text-2);}.community-search-result strong{color:var(--hc-text);font-weight:500;}
.phase3-chat{position:relative;display:flex;flex-direction:column;height:650px;max-height:78dvh;min-height:350px;border:1px solid var(--hc-border);border-radius:16px;overflow:hidden;background:var(--hc-surface-2);}.community-chat-heading{display:flex;gap:12px;align-items:center;padding:14px 18px;background:var(--hc-surface);border-bottom:1px solid var(--hc-border);font-size:13px;}.community-chat-heading strong{flex:1;}
.phase3-chat .community-message-stream{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--hc-surface-2);overscroll-behavior:contain;}
.phase3-chat .community-message{display:flex;gap:10px;max-width:88%;flex-shrink:0;margin:0;align-self:flex-start;background:transparent;border:0;padding:0;color:var(--hc-text);box-shadow:none;}.phase3-chat .community-message>img{width:30px;height:30px;border-radius:50%;}.phase3-chat .community-message>div{border:1px solid var(--hc-border);background:var(--hc-surface);border-radius:12px;padding:12px;min-width:0;}.phase3-chat .community-message.mine{align-self:flex-end;}.phase3-chat .community-message.mine>div{background:var(--hc-brand-soft);border-color:var(--hc-brand);}.phase3-chat .community-message header{display:flex;flex-wrap:wrap;gap:8px;}.phase3-chat .community-message p{color:var(--hc-text);font-size:14px;margin:8px 0;}.phase3-chat .community-message small{font-size:10px;color:var(--hc-text-2);}.phase3-chat .community-message-image{max-width:250px;max-height:220px;width:auto;height:auto;border-radius:8px;object-fit:contain;}.phase3-chat .community-message-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}.phase3-chat .community-message-actions button{font-size:11px;border:0;color:var(--hc-brand);background:transparent;padding:5px;}
.phase3-chat .community-composer{position:relative;display:flex;flex-wrap:wrap;gap:10px;align-items:end;padding:12px;background:var(--hc-surface);border:0;border-top:1px solid var(--hc-border);border-radius:0;box-shadow:none;flex-shrink:0;margin:0;}.phase3-chat .community-compose-main{flex:1;min-width:0;}.phase3-chat textarea{width:100%;min-height:46px;max-height:110px;resize:vertical;background:var(--hc-surface-2);margin:0;padding:12px;border:1px solid var(--hc-border);border-radius:12px;font-size:16px;}.phase3-chat .community-attachment{flex-shrink:0;position:relative;width:36px;height:44px;display:grid;place-items:center;color:var(--hc-brand);}.phase3-chat .community-attachment input{position:absolute;width:1px;height:1px;opacity:0;}.phase3-chat .message-send{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--hc-brand);color:white;box-shadow:none;border:0;}.phase3-chat .community-chat-photo img{width:70px;height:70px;object-fit:contain;}.phase3-chat [data-community-form-status]{flex-basis:100%;font-size:11px;margin:0;}.phase3-chat [data-community-reply-label]{flex-basis:100%;font-size:12px;color:var(--hc-text-2);}.phase3-chat .community-new-messages{position:absolute;bottom:110px;left:50%;transform:translateX(-50%);z-index:2;font-size:12px;}
@media(max-width:1024px){.community-profile-nav a{padding:14px 9px;font-size:13px;}.community-filters{grid-template-columns:2fr 1fr;}.community-desktop-tabs{display:none;}.community-more{display:block;margin-left:auto;}}
@media(max-width:767px){.community-directory-heading{align-items:flex-start;flex-direction:column;gap:8px;padding-top:18px;}.community-directory-heading h1{margin-bottom:8px;}.community-directory-heading p{font-size:14px;margin:0 0 10px;}.community-directory-grid{grid-template-columns:1fr;}.community-directory-card{padding:16px;gap:12px;grid-template-columns:50px minmax(0,1fr);}.community-photo{width:50px;height:50px;border-radius:14px;}.community-filters{grid-template-columns:1fr 1fr;padding:14px;gap:12px;}.community-filters>label:first-child{grid-column:1/-1;}.community-filters button{grid-column:1/-1;}.community-profile{padding-top:10px;}.community-back{margin:0 0 8px;}.community-cover{height:75px;}.community-identity{padding:16px;gap:12px;}.community-identity .community-photo{width:52px;height:52px;border-radius:14px;}.community-identity h1{font-size:23px;margin-bottom:7px;}.community-identity p{font-size:13px;margin-top:8px;}.community-profile-actions{padding:0 16px 16px;gap:8px;}.community-profile-actions .btn{font-size:13px;padding:9px 12px;}.community-profile-nav{padding:0 4px;gap:0;margin:12px 0;}.community-profile-nav a{padding:12px 8px;font-size:13px;}.community-more summary{padding:12px 8px;font-size:13px;}.community-compose,.community-info,.community-admin-section{padding:16px;}.community-info-grid{grid-template-columns:1fr;gap:0;}.community-welcome{padding:14px;}.community-welcome p{font-size:12px;}.community-post-gallery img{height:100px;}.community-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.community-member-list article{flex-wrap:wrap;}.community-member-list details[open]{flex-basis:100%;}.phase3-chat{height:calc(var(--community-vh,100dvh) - 170px);max-height:none;min-height:330px;}.phase3-chat .community-message-stream{padding:14px;}.phase3-chat .community-message{max-width:96%;}.phase3-chat .community-message>img{width:24px;height:24px;}.phase3-chat .community-message>div{padding:10px;}.phase3-chat .community-composer{padding:10px;gap:7px;}.phase3-chat .community-message-image{max-width:200px;}.community-chat-heading{padding:12px;font-size:12px;}.community-profile:has(.phase3-chat) .community-profile-head,.community-profile:has(.phase3-chat) .community-welcome,.community-profile:has(.phase3-chat)>.community-search,.community-profile:has(.phase3-chat)>.community-back{display:none;}.community-profile:has(.phase3-chat) .community-profile-nav{margin-top:0;}.community-form-page .two-cols{grid-template-columns:1fr;}.community-poll .poll-option span:first-child{flex:1;}.community-poll .poll-option span:last-child{white-space:nowrap;}}
@media(prefers-reduced-motion:reduce){.phase3 *{animation:none;transition:none;scroll-behavior:auto;}}

.phase3 .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.phase3 :is(input:not([type="checkbox"]):not([type="hidden"]):not([type="file"]),select,textarea){width:100%;padding:10px 12px;border:1px solid var(--hc-border);border-radius:10px;box-sizing:border-box;font-family:inherit;}
.phase3 textarea{min-height:100px;}
.phase3-chat textarea{min-height:46px;}
/* Neutralize historic theme selectors inside the new canonical community chat. */
html[data-theme] .phase3-chat .community-message-stream{background:var(--hc-surface-2);background-image:none;max-height:none;min-height:0;padding:18px;}
html[data-theme] .phase3-chat .community-message>div{color:var(--hc-text);background:var(--hc-surface);background-image:none;box-shadow:none;border:1px solid var(--hc-border);}
html[data-theme] .phase3-chat .community-message.mine>div{color:var(--hc-text);background:var(--hc-brand-soft);background-image:none;border-color:var(--hc-brand);box-shadow:none;}
html[data-theme] .phase3-chat .community-message :is(strong,p,small){color:var(--hc-text);}
html[data-theme] .phase3-chat .community-message.mine :is(strong,p,small){color:var(--hc-text);}
html[data-theme] .phase3-chat .community-message :is(button,a),html[data-theme] .phase3-chat .community-message.mine :is(button,a){color:var(--hc-brand);}
html[data-theme] .phase3-chat .community-composer{position:relative;background:var(--hc-surface);background-image:none;box-shadow:none;}
html[data-theme] .phase3-chat .community-composer textarea{color:var(--hc-text);background:var(--hc-surface-2);border-color:var(--hc-border);}
html[data-theme] .phase3-chat .message-send{background:var(--hc-brand);background-image:none;box-shadow:none;}
html[data-theme] .phase3 .post-image{display:block;width:100%;height:auto;aspect-ratio:auto;max-height:420px;object-fit:contain;background:var(--hc-surface-2);margin:12px 0;}
html[data-theme] body:has(.phase3) .site-footer{background:var(--hc-surface);color:var(--hc-text);border-top:1px solid var(--hc-border);}
html[data-theme] body:has(.phase3) .site-footer :is(p,a,small){color:var(--hc-text-2);}
html[data-theme] body:has(.phase3) .site-footer .brand{color:var(--hc-text);}
body:has(.phase3-chat) .site-footer{display:none;}
@media(max-width:767px){body:has(.phase3-chat) .mobile-nav{display:none;}body:has(.phase3-chat){padding-bottom:0;}html[data-theme] .phase3 .post-image{max-height:260px;}html[data-theme] .phase3-chat .community-message-stream{padding:14px;}.phase3-chat{height:calc(var(--community-vh,100dvh) - 145px);}html[data-theme] .phase3-chat .community-composer{padding-bottom:calc(10px + env(safe-area-inset-bottom));}}
.community-comment-tools{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0;font-size:11px;}.community-comment-tools .btn{font-size:11px;min-height:28px;padding:4px 8px;}.community-comment-tools>button{border:0;background:transparent;color:var(--hc-brand);font-size:11px;}


/* source: public/phase4.css */
/* Fase 4: utiliza los tokens aprobados de Fase 1. */
.header-menu-toggle{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border:1px solid var(--hc-border);border-radius:12px;background:var(--hc-surface);color:var(--hc-text);cursor:pointer}
.header-mobile-menu{position:fixed;z-index:500;inset:0;display:grid;justify-items:end;align-items:start;padding:76px 16px 16px;background:rgba(0,0,0,.4)}
.header-mobile-menu[hidden]{display:none}.header-mobile-menu-card{width:min(350px,100%);max-height:calc(100dvh - 100px);overflow:auto;background:var(--hc-surface);border:1px solid var(--hc-border);border-radius:18px;box-shadow:var(--shadow-soft)}
.header-menu-open{overflow:hidden}.menu-logout{border-top:1px solid var(--hc-border);padding:12px}.menu-logout button{width:100%;padding:12px;border:0;border-radius:10px;background:var(--hc-surface-2);color:var(--hc-text);text-align:left;font:inherit;cursor:pointer}
.visitor-session-actions{display:flex;justify-content:flex-end;gap:8px;padding:0 16px 9px;max-width:1440px;margin:auto}.visitor-session-actions .btn{white-space:nowrap;flex-shrink:0}
.mobile-nav{grid-template-columns:repeat(4,minmax(0,1fr))}
.community-directory-card{grid-template-columns:64px minmax(0,1fr);min-width:0}.community-directory-card>div{min-width:0}.community-directory-card h2{overflow-wrap:anywhere;word-break:normal}
.community-card-actions{grid-column:1/-1;min-width:0;display:flex;flex-wrap:wrap;gap:8px}.community-card-actions>.btn,.community-card-actions button{white-space:nowrap;flex-shrink:0;max-width:100%;min-width:min(160px,100%)}
.community-directory-card>.btn{grid-column:1/-1;justify-self:start;white-space:nowrap}
.community-search-row{display:flex;gap:8px;align-items:center}.community-search-row input{flex:1;min-width:0;height:42px;background:var(--hc-surface-2);border:1px solid var(--hc-border);border-radius:10px;padding:10px;color:var(--hc-text)}.community-search-row button{white-space:nowrap;flex-shrink:0}
.community-filter-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;margin-top:8px;border:1px solid var(--hc-border);border-radius:12px;background:var(--hc-surface)}.community-filter-panel[hidden]{display:none}
.community-compact-filters{margin:12px 0 20px}.community-directory-heading .btn{white-space:nowrap;flex-shrink:0}
.offer-specific{border:1px solid var(--hc-border);padding:16px;border-radius:14px;margin:14px 0;background:var(--hc-surface)}.offer-specific summary{cursor:pointer;font-weight:650;margin-bottom:12px}.offer-specific [hidden]{display:none}
.offer-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.offer-fields label{min-width:0}.offer-fields input,.offer-fields textarea,.offer-fields select{width:100%;min-width:0}
.business-invite{display:flex;gap:12px;align-items:center;background:var(--hc-surface-2);border:1px solid var(--hc-border);border-radius:14px;padding:14px;margin:18px 0;font-size:14px}.business-invite a{color:var(--hc-brand);font-weight:650}
.offer-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.offer-details div{padding:10px;background:var(--hc-surface-2);border-radius:9px;min-width:0;overflow-wrap:anywhere}.offer-details dt{font-size:12px;color:var(--hc-text-2)}.offer-details dd{margin:4px 0;color:var(--hc-text)}
.profile-tabs,.offer-type-tabs,.inbox-filters{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.profile-tabs a,.offer-type-tabs a,.inbox-filters a{padding:8px 12px;border:1px solid var(--hc-border);border-radius:10px;color:var(--hc-text);background:var(--hc-surface)}.profile-tabs a.active,.inbox-filters a.active{background:var(--hc-brand);color:white}
.profile-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.profile-gallery img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}
.person-cover{height:120px;background:var(--hc-surface-2);border:1px solid var(--hc-border);border-radius:16px;overflow:hidden}.person-cover img{width:100%;height:100%;object-fit:cover}[data-cover-preview]{width:100%;max-height:130px;object-fit:cover;border-radius:12px}.offer-repeat-row{padding:12px;margin:10px 0;border:1px solid var(--hc-border);border-radius:12px}.offer-card-summary{font-size:12px;color:var(--hc-text-2);overflow-wrap:anywhere}
@media(max-width:767px){.person-cover{height:65px}.person-header{gap:12px;padding:14px 0}.person-header h1{font-size:23px}.person-header>img{width:64px;height:64px}.post-card video{max-height:220px;object-fit:contain}.business-profile-cover{height:90px}}
.emoji-picker{position:fixed;z-index:550;width:min(360px,calc(100vw - 20px));max-height:min(420px,60dvh);overflow:auto;padding:12px;border:1px solid var(--hc-border);border-radius:16px;background:var(--hc-surface);color:var(--hc-text);box-shadow:var(--shadow-soft)}.emoji-picker header{display:flex;justify-content:space-between;align-items:center}.emoji-picker input{width:100%;padding:9px;border:1px solid var(--hc-border);background:var(--hc-surface-2);color:var(--hc-text);border-radius:8px}.emoji-picker nav{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.emoji-picker button{border:0;border-radius:8px;background:var(--hc-surface-2);color:var(--hc-text);cursor:pointer;padding:7px}.emoji-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.emoji-grid button{font-size:24px;min-height:40px}.emoji-open{flex:0 0 36px;width:36px;height:36px;border:0;border-radius:10px;background:var(--hc-surface-2);color:var(--hc-text);font-size:22px;cursor:pointer}
.message-tools{display:flex;gap:7px;flex-wrap:wrap;font-size:12px}.message-tools button{border:0;background:transparent;color:inherit;cursor:pointer;padding:3px}.message-reply{border-left:3px solid var(--hc-brand);padding:7px;margin-bottom:7px;font-size:12px;background:var(--hc-surface-2);color:var(--hc-text);border-radius:7px;overflow-wrap:anywhere}.message-reactions{display:flex;gap:5px;flex-wrap:wrap}.message-reactions button{border:1px solid var(--hc-border);border-radius:12px;background:var(--hc-surface-2);color:var(--hc-text);cursor:pointer;padding:4px 8px}.message-reactions button[aria-pressed=true]{border-color:var(--hc-brand)}
.chat-compose-row{grid-template-columns:auto auto minmax(0,1fr) auto}.phase3-chat .community-composer{flex-wrap:wrap}.phase3-chat .community-composer textarea{min-width:100px;flex:1}.chat-reply-preview{padding:7px 12px;font-size:12px;background:var(--hc-surface-2);color:var(--hc-text)}
@media(max-width:767px){.desktop-actions{display:none}.mobile-header-actions{display:flex;align-items:center;gap:7px}.app-header .topbar-inner{grid-template-columns:minmax(0,1fr) auto}.community-directory-card{grid-template-columns:50px minmax(0,1fr)}.offer-fields{grid-template-columns:1fr}.community-directory-heading{flex-direction:row;flex-wrap:wrap}.community-directory-heading h1{font-size:25px}.community-directory-heading .btn{font-size:13px;padding:10px}.community-filter-panel{grid-template-columns:1fr}.visitor-session-actions{justify-content:center}.profile-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.community-card-actions{justify-content:stretch}.community-card-actions>.btn,.community-card-actions>form{flex:1}.community-card-actions button{width:100%}}
@media(min-width:768px){.mobile-header-actions{display:none}.desktop-actions{display:flex;align-items:center;gap:8px}}
@media(prefers-reduced-motion:reduce){.emoji-picker,.header-mobile-menu{animation:none}}


/* source: public/phase6.css */
/* Fase 6 keeps the original app tokens and reserves orchid accents for Messenger. */
body [hidden]{display:none}button,a,input,textarea,select{touch-action:manipulation}.app-icon{width:22px;height:22px;flex-shrink:0}button:focus-visible,a:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--hc-brand);outline-offset:3px}body.phase-six{font-size:15px;letter-spacing:normal}.site-footer{margin-top:24px}.header-round-action,.header-menu-toggle,.mobile-header-actions>a{position:relative;display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;min-height:38px;border-radius:50%;border:1px solid var(--hc-border);color:var(--hc-text);background:var(--hc-surface)}.notification-trigger b{position:absolute;top:-3px;right:-2px;background:#dc366e;color:white;border:2px solid var(--hc-surface);border-radius:50px;padding:1px 5px;font-size:10px}.desktop-primary-nav .nav-icon,.mobile-nav .nav-icon{transition:transform .22s cubic-bezier(.2,.85,.4,1.3)}.mobile-nav a:active .nav-icon,.desktop-primary-nav a:active .nav-icon{transform:scale(.79)}.nav-tapped .nav-icon{animation:navPop .28s ease-out}.mobile-nav .nav-create .nav-icon{background:var(--hc-brand);color:#fff;border-radius:15px;width:44px;height:38px;display:grid;place-items:center}.mobile-nav .nav-link{min-width:0;flex:1}.mobile-nav .nav-link>span:last-child{font-size:10px}.visitor-session-actions{display:flex;justify-content:center;gap:8px;padding:0 12px 10px}.visitor-session-actions .btn{min-width:125px;white-space:nowrap;min-height:42px}.app-header:has(.visitor-session-actions){height:auto}
/* Drawers have their own scroll, including when opened at the bottom of the feed. */
body.header-menu-open,body.notifications-open{overflow:hidden;overscroll-behavior:none}.header-mobile-menu,.notification-drawer{position:fixed;inset:0;padding:0;background:rgb(6 10 20 / .48);z-index:800;backdrop-filter:blur(4px);display:flex;justify-content:flex-end;align-items:stretch}.header-mobile-menu-card,.notification-drawer>section{width:min(46vw,540px);min-width:350px;max-height:100dvh;height:100dvh;margin:0;border-radius:0;padding:20px 26px;background:var(--hc-surface);color:var(--hc-text);overflow:auto;overscroll-behavior:contain;box-shadow:-20px 0 80px #0003;animation:drawerEnter .22s ease-out}.header-menu-title,.notification-drawer header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:-20px;background:var(--hc-surface);z-index:2;padding:12px 0 20px;font-size:23px;font-weight:750;border:0}.header-menu-title button,.notification-drawer header button{border:0;background:var(--hc-surface-2);color:var(--hc-text);width:42px;height:42px;border-radius:50%;font-size:28px}.header-identity{display:grid;grid-template-columns:50px 1fr;gap:12px;align-items:center;padding:12px 0 24px;border-bottom:1px solid var(--hc-border)}.header-identity>img{width:50px;height:50px;border-radius:50%;object-fit:cover}.header-identity strong{font-size:17px}.header-identity small{display:block;color:var(--hc-text-2);margin-top:3px}.header-identity form{grid-column:1/-1;display:flex;gap:8px}.header-identity label{flex:1;min-width:0}.header-identity select{width:100%;height:44px;border:1px solid var(--hc-border);border-radius:12px;background:var(--hc-surface-2);color:var(--hc-text);padding:8px;font-size:14px}.identity-submit{font-size:12px;padding:7px 10px}.identity-menu-options,.menu-secondary{display:grid;gap:3px;padding:15px 0;border-bottom:1px solid var(--hc-border)}.header-mobile-menu-card nav>a{display:flex;align-items:center;gap:15px;padding:14px 10px;min-height:50px;border-radius:12px;font-size:16px;font-weight:550}.header-mobile-menu-card nav>a:hover{background:var(--hc-brand-soft);color:var(--hc-brand)}.header-mobile-menu-card nav>a>i{margin-left:auto;font-style:normal;color:var(--hc-text-2)}.header-menu-theme{margin:14px 0;border:0}.menu-logout button{color:#da4360;width:100%;background:transparent;border:0;text-align:left;padding:14px 10px;font-weight:600}.notification-drawer h2{margin:0;font-size:24px}.notification-drawer .notification-row{border-radius:0;border:0;border-bottom:1px solid var(--hc-border);padding:18px 0}.notification-drawer [data-notifications-content]>form{margin:0 0 12px}.notification-drawer .notification-list{display:block}.notification-drawer .empty-state{padding:50px 5px}
/* Restored open feed and commercial layouts. */
.home-category-row{display:none}.feed-tabs{display:flex;justify-content:space-around}.feed-tabs a{flex:1;text-align:center}.inline-composer form{margin:0}.inline-composer .composer-main{align-items:start}.inline-composer .composer-main textarea{flex:1;min-width:0;width:100%;min-height:44px;height:44px;max-height:160px;border:0;border-radius:20px;background:var(--hc-surface-2);color:var(--hc-text);font-size:15px;padding:12px 16px;resize:none;line-height:1.45}.inline-composer.is-writing .composer-main textarea{min-height:85px;border-radius:12px}.inline-composer .composer-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.inline-composer .composer-actions>*{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;background:transparent;border:0;color:var(--hc-text-2);min-height:42px;font-size:13px;border-radius:10px;white-space:nowrap}.inline-composer .composer-actions>*:hover{background:var(--hc-surface-2);color:var(--hc-brand)}.inline-composer .media-uploader{border:0;padding:0;margin:0;background:transparent}.inline-composer .media-uploader :is(legend,p,.upload-drop,.upload-progress){display:none}.inline-composer .media-uploader:has([data-uploading=true]) .upload-progress,.inline-composer .media-uploader:has(.media-retry-button) .upload-progress{display:block}.inline-publish{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--hc-border);gap:10px}.inline-publish small{font-size:11px;color:var(--hc-text-2)}.inline-publish strong{display:block;color:var(--hc-text)}.inline-composer [data-phase4-status]:empty{display:none}.inline-location{padding:10px;display:flex;align-items:center;gap:10px;color:var(--hc-text-2)}.inline-location select{padding:8px;border-radius:9px;border:1px solid var(--hc-border);background:var(--hc-surface);color:var(--hc-text)}.creation-form :is(input,textarea,select){max-width:100%;min-width:0}.offer-specific,.offer-group,.marketplace-essential{box-shadow:none}.form-page>.creation-form{border:0;background:transparent;padding-inline:0}.business-dashboard .dashboard-hero{border:0;box-shadow:none;border-radius:0;background:transparent;color:var(--hc-text)}.business-dashboard .form-group{border:0;background:transparent;padding:18px 0}.business-dashboard .dashboard-stats{background:transparent;border:0}.business-dashboard .launch-checklist{display:none}.dashboard-hero>div:last-child{flex-wrap:wrap}.dashboard-hero .btn{min-width:0}
/* Centered profiles; content is the focus, no extra category strip. */
.modern-profile{max-width:1050px;padding:0 0 30px}.person-cover,.business-profile-cover{position:relative}.modern-profile .person-cover{height:240px;border-radius:0 0 28px 28px;overflow:hidden;background:var(--hc-brand-soft)}.person-cover>img{width:100%;height:100%;object-fit:cover}.cover-art{height:100%;background:radial-gradient(ellipse at 20% 0%,#5c80ca88,transparent 65%),radial-gradient(ellipse at 100% 30%,#858dce88,transparent 60%),linear-gradient(135deg,var(--hc-brand-soft),var(--hc-surface-2));position:relative}.cover-art:after{content:'';position:absolute;inset:20% -20% -180%;border:1px solid #93a8d755;border-radius:50%;box-shadow:0 0 0 35px #93a8d715,0 0 0 70px #93a8d710}.profile-cover-edit{position:absolute;right:20px;bottom:20px;z-index:2;display:flex;align-items:center;gap:8px;padding:10px 14px;min-height:40px;border:1px solid #ffffff55;border-radius:12px;background:#18233abd;backdrop-filter:blur(14px);color:white;font-size:12px}.profile-cover-edit .app-icon{width:17px}.modern-profile .person-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:-58px;position:relative;gap:14px;padding:0 22px;background:transparent;border:0}.person-avatar-wrap{position:relative;flex-shrink:0}.person-avatar-wrap>img{width:122px;height:122px;object-fit:cover;border:6px solid var(--hc-bg);border-radius:50%;box-shadow:0 8px 24px #101b2820}.person-avatar-wrap>button,.page-avatar-wrap>a{display:grid;place-items:center;position:absolute;right:2px;bottom:4px;width:34px;height:34px;background:var(--hc-brand);color:white;border:3px solid var(--hc-bg);border-radius:50%}.person-avatar-wrap .app-icon,.page-avatar-wrap .app-icon{width:16px}.modern-profile h1{margin:0 0 6px;font-size:30px;letter-spacing:-.04em}.modern-profile .person-header p{margin:0 0 10px;color:var(--hc-text-2);font-size:13px}.modern-profile .person-header span{font-size:15px;line-height:1.6}.profile-numbers{display:flex;justify-content:center;gap:36px;margin:22px 0;color:var(--hc-text-2);font-size:12px}.profile-numbers b{display:block;text-align:center;color:var(--hc-text);font-size:19px;margin-bottom:3px}.modern-profile .person-social-actions{display:flex;justify-content:center;background:transparent;border:0;padding:0 12px 26px;margin:0}.modern-profile .person-social-actions>div{display:flex;justify-content:center;gap:10px}.person-social-actions .btn{font-size:13px;min-height:42px}.person-social-actions .app-icon{width:17px}.modern-profile .person-social-feed{max-width:690px;margin:0 auto;border-top:1px solid var(--hc-border);padding-top:22px}.profile-empty{text-align:center;color:var(--hc-text-2);padding:45px 10px}.profile-empty>.app-icon{width:38px;height:38px;margin:auto}.page-avatar-wrap{position:relative;justify-self:center}.business-profile .profile-identity{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding-bottom:24px}.business-profile .profile-name-line,.business-profile .profile-rating,.business-profile .profile-actions{justify-content:center}.business-profile .profile-logo{width:118px;height:118px;border-radius:50%;object-fit:cover;border:6px solid var(--hc-surface);margin:0}.business-profile .business-profile-main{margin-top:-55px;position:relative}.business-profile .profile-actions{display:flex;flex-wrap:wrap;gap:8px}.business-profile .profile-tabs{justify-content:center}.business-profile .info-card,.business-profile .owner-stats{background:transparent;border:0;box-shadow:none}.business-profile .owner-stats{display:none}.business-profile .profile-sidebar{border-right:1px solid var(--hc-border);padding-right:20px}.profile-photo-dialog{width:min(460px,calc(100% - 30px));border:1px solid var(--hc-border);border-radius:24px;padding:24px;background:var(--hc-surface);color:var(--hc-text)}.profile-photo-dialog header{display:flex;justify-content:space-between;align-items:center}.profile-photo-dialog header button{border:0;border-radius:50%;width:36px;height:36px;background:var(--hc-surface-2);color:var(--hc-text);font-size:24px}.profile-photo-dialog img{max-height:240px;margin:20px auto;object-fit:contain;border-radius:15px}.profile-photo-dialog label{display:grid;gap:14px}.profile-photo-dialog .btn{margin-top:20px}.pages-center{padding-block:30px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.page-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.page-card{padding:24px 0;border-bottom:1px solid var(--hc-border)}.page-card>a>img,.personal-identity-card>img{height:72px;width:72px;object-fit:cover;border-radius:50%}.page-card-actions{display:flex;gap:8px;flex-wrap:wrap}.page-card .offer-specific{padding:12px 0}.identity-note{color:var(--hc-text-2);font-size:13px;margin-bottom:22px}
/* Messenger aliases share the application theme. */
:root{--msg-bg:var(--bg);--msg-side:var(--surface);--msg-surface:var(--surface);--msg-elevated:var(--surface-2);--msg-line:var(--border);--msg-text:var(--text);--msg-muted:var(--text-muted);--msg-purple:var(--brand-strong);--msg-pink:var(--brand);--msg-bubble:var(--bubble-in);--msg-mine:var(--bubble-out);--msg-shadow:0 8px 22px #0001}

body.chat-route{padding-bottom:0}.chat-route .site-footer{display:none}.messenger-six.social-messenger{position:relative;display:grid;grid-template-columns:350px minmax(0,1fr);height:calc(var(--messenger-vh,100dvh) - var(--app-header-height,72px));min-height:0;width:100%;max-width:none;margin:0;border:0;border-radius:0;overflow:hidden;background:var(--msg-bg);color:var(--msg-text);--hc-brand:var(--msg-purple);--hc-text:var(--msg-text);--hc-text-2:var(--msg-muted);--hc-surface:var(--msg-surface);--hc-surface-2:var(--msg-elevated);--hc-border:var(--msg-line);--hc-brand-soft:var(--msg-mine)}
.messenger-six :is(h1,h2,h3,p,strong){color:inherit}.messenger-six>.conversation-list{position:relative;padding:0;background:radial-gradient(ellipse at 0% 0%,#ad60c420,transparent 55%),var(--msg-side);border-right:1px solid var(--msg-line);display:flex;flex-direction:column;overflow:hidden;min-height:0}.messenger-six .messages-title{padding:26px 23px 10px;background:transparent;border:0;flex-shrink:0;position:static}.messenger-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.messenger-eyebrow{display:block;color:var(--msg-muted);font-size:9px;font-weight:700;letter-spacing:2px;margin-bottom:7px}.messenger-six .messages-title h1{font-size:30px;line-height:1.15;letter-spacing:-1.3px;margin:0;color:var(--msg-text);font-weight:750}.messages-title h1>span{color:var(--msg-pink)}.new-chat-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--msg-line);border-radius:15px;color:var(--msg-purple);background:var(--msg-surface);box-shadow:0 5px 15px #31184710;transition:transform .2s}.new-chat-button:active{transform:scale(.92)}.messenger-six .messenger-search{position:relative;display:flex;align-items:center;background:var(--msg-surface);border:1px solid var(--msg-line);border-radius:15px;padding:0 13px;gap:9px;box-shadow:inset 0 1px 2px #fff1}.messenger-search>span{display:grid;place-items:center;color:var(--msg-muted)}.messenger-search .app-icon{width:18px}.messenger-six .messenger-search input[type=search]{margin:0;padding:13px 0;width:100%;min-width:0;border:0;background:transparent;color:var(--msg-text);font-size:13px;min-height:45px;outline-offset:0}.messenger-six .inbox-filters{display:flex;gap:4px;margin:15px -5px 0;padding:0;overflow:auto;scrollbar-width:none}.messenger-six .inbox-filters a{padding:8px 10px;border-radius:10px;color:var(--msg-muted);font-size:11px;white-space:nowrap;border:0;font-weight:600;background:transparent;min-height:34px}.messenger-six .inbox-filters a.active{background:var(--msg-mine);color:var(--msg-text)}.conversation-section-title{display:flex;justify-content:space-between;margin:15px 23px 8px;font-size:10px;letter-spacing:.5px;color:var(--msg-muted)}.conversation-section-title>span{text-transform:uppercase;font-weight:700}.conversation-section-title a{color:var(--msg-purple);font-size:11px}.messenger-six [data-conversation-list]{flex:1;min-height:0;overflow:auto;padding:0 11px 14px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--msg-line) transparent}.messenger-six .conversation-item{display:flex;position:relative;align-items:center;gap:13px;border:0;border-radius:16px;margin:5px 0;padding:16px 12px;min-height:84px;background:transparent;color:var(--msg-text);transition:background .2s}.messenger-six .conversation-item:hover{background:var(--msg-elevated)}.messenger-six .conversation-item.active{background:var(--msg-surface);box-shadow:var(--msg-shadow);border:1px solid var(--msg-line);padding:15px 11px}.messenger-six .conversation-item>img{width:49px;height:49px;flex:0 0 49px;object-fit:cover;border-radius:18px;border:1px solid #986bac30;background:var(--msg-elevated)}.messenger-six .conversation-item>span{display:block;flex:1;min-width:0;padding-right:16px}.messenger-six .conversation-item strong{display:block;font-size:14px;letter-spacing:-.2px;font-weight:650;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.messenger-six .conversation-item small{display:block;font-size:12px;color:var(--msg-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0;line-height:1.4}.messenger-six .conversation-item small+small{font-size:9px;text-transform:uppercase;letter-spacing:1px;margin-top:4px}.messenger-six .conversation-item time{position:absolute;right:12px;top:16px;color:var(--msg-muted);font-size:9px;max-width:49px;overflow:hidden;white-space:nowrap}.messenger-six .conversation-item b[data-unread]{position:absolute;right:12px;bottom:18px;display:grid;place-items:center;min-width:20px;height:20px;border-radius:7px;padding:1px 5px;background:linear-gradient(135deg,#b054b9,#e650a5);color:#fff;font-size:10px;box-shadow:0 4px 10px #d442aa25}.messenger-account{display:flex;align-items:center;gap:10px;padding:16px 24px;border-top:1px solid var(--msg-line);background:var(--msg-side);flex-shrink:0}.messenger-account>img{width:34px;height:34px;border-radius:50%;object-fit:cover}.messenger-account span{min-width:0;flex:1}.messenger-account strong{display:block;font-size:12px}.messenger-account small{font-size:10px;color:var(--msg-muted)}.messenger-account button{border:0;background:transparent;color:var(--msg-muted);width:36px;height:36px}.messenger-more{font-size:12px;padding:10px 22px}.inbox-empty{padding:44px 20px;text-align:center;color:var(--msg-muted);font-size:13px}.inbox-empty>.app-icon{display:block;width:40px;height:40px;margin:0 auto 18px;color:var(--msg-purple)}.inbox-empty strong{display:block;color:var(--msg-text)}.inbox-empty button{border:0;background:transparent;color:var(--msg-purple);min-height:42px;font-weight:650}
.messenger-six>.chat-panel{position:relative;display:flex;flex-direction:column;min-height:0;min-width:0;height:100%;overflow:hidden;background:radial-gradient(ellipse at 100% 0%,#b356ab10,transparent 50%),var(--msg-bg);border:0;border-radius:0}.messenger-six .chat-head{flex:0 0 auto;display:flex;align-items:center;gap:14px;min-height:82px;padding:17px 30px;background:color-mix(in srgb,var(--msg-bg) 86%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--msg-line);margin:0;color:var(--msg-text)}.messenger-six .chat-profile-link{display:flex;flex:1;min-width:0;align-items:center;gap:12px;color:var(--msg-text)}.messenger-six .chat-profile-link img{width:44px;height:44px;flex:0 0 44px;border-radius:15px;object-fit:cover}.messenger-six .chat-profile-link span{min-width:0}.messenger-six .chat-profile-link strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px;font-weight:650}.messenger-six .chat-profile-link small{display:block;color:var(--msg-muted);font-size:11px;margin-top:3px}.messenger-six .chat-head>button,.messenger-six .chat-info-link{background:var(--msg-surface);border:1px solid var(--msg-line);border-radius:12px;width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;color:var(--msg-muted);font-size:20px}.messenger-six .chat-head .chat-back{display:none}.messenger-six .chat-search{background:var(--msg-surface);padding:12px 24px;border-bottom:1px solid var(--msg-line);max-height:240px;overflow:auto;flex-shrink:0}.messenger-six .message-stream,html[data-theme] .messenger-six .phase3-chat .community-message-stream{flex:1;min-height:0;max-height:none;background:transparent;display:flex;flex-direction:column;align-items:stretch;gap:18px;padding:30px clamp(20px,5vw,80px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--msg-line) transparent;scroll-behavior:auto}.messenger-six .message{position:relative;width:max-content;max-width:min(78%,540px);align-self:flex-start;padding:14px 18px;border:1px solid var(--msg-line);border-radius:20px 20px 20px 6px;background:var(--msg-bubble);color:var(--msg-text);box-shadow:var(--msg-shadow);margin:0;flex-shrink:0;cursor:pointer}.messenger-six .message.mine{align-self:flex-end;background:var(--msg-mine);border:1px solid #ab7dc432;border-radius:20px 20px 6px 20px}.messenger-six .message p{font-size:14px;line-height:1.65;margin:0 0 7px;color:var(--msg-text);white-space:pre-wrap;overflow-wrap:anywhere}.messenger-six .message small{display:block;font-size:9px;color:var(--msg-muted);text-align:right}.messenger-six .message.mine small{color:color-mix(in srgb,var(--msg-text) 68%,transparent)}.messenger-six .message-tools,.messenger-six .message small>button,.messenger-six .community-message-actions{display:none}.messenger-six .message-reactions{display:flex;gap:4px;margin-top:6px}.messenger-six .message-reactions:empty{display:none}.messenger-six .message-reactions button{font-size:11px;background:var(--msg-surface);color:var(--msg-text);border:1px solid var(--msg-line);border-radius:20px;padding:4px 8px;min-height:29px}.messenger-six .message-reactions button[aria-pressed=true]{border-color:var(--msg-purple)}.messenger-six .message-reply,.messenger-six .reply-preview{margin:0 0 8px;padding:8px 10px;border-left:3px solid var(--msg-purple);border-radius:6px;background:#81708e18;color:var(--msg-muted);font-size:11px;max-height:65px;overflow:hidden}.messenger-six .deleted p{font-style:italic;color:var(--msg-muted);font-size:12px}.messenger-six .chat-photo{max-height:350px;width:100%;object-fit:contain;border-radius:12px}.messenger-six .chat-information:not([hidden]){position:absolute;z-index:40;right:0;top:0;bottom:0;width:min(360px,90vw);overflow:auto;padding:26px;background:var(--msg-surface);border-left:1px solid var(--msg-line);box-shadow:-20px 0 50px #0003}.messenger-six .chat-information img{border-radius:50%;width:86px;height:86px;object-fit:cover}.messenger-six .chat-information .btn{width:100%;margin:7px 0;font-size:13px}.messenger-six .chat-information>button{float:right;border:0;background:var(--msg-elevated);color:var(--msg-text);border-radius:50%;width:36px;height:36px;font-size:24px}.messenger-six .chat-information p{font-size:12px;line-height:1.6;color:var(--msg-muted)}.messenger-six .social-message-form{flex-shrink:0;position:relative;margin:0;border:0;padding:15px 26px 18px;background:var(--msg-bg);box-shadow:none}.messenger-six .chat-compose-row{display:flex;gap:10px;align-items:end;padding:8px;border:1px solid var(--msg-line);border-radius:22px;background:var(--msg-surface);box-shadow:0 8px 25px #20112d08}.messenger-six .chat-compose-row textarea{flex:1;min-width:0;width:100%;min-height:40px;height:40px;max-height:140px;resize:none;border:0;border-radius:0;background:transparent;color:var(--msg-text);padding:10px 4px;box-shadow:none;font-size:14px;line-height:1.45}.messenger-six .chat-attach,.messenger-six .emoji-open{width:34px;height:40px;min-width:34px;display:grid;place-items:center;flex:0 0 34px;border:0;background:transparent;color:var(--msg-muted);border-radius:10px;font-size:24px}.messenger-six .message-send,html[data-theme] .messenger-six .phase3-chat .message-send{width:42px;height:42px;min-width:42px;flex:0 0 42px;border-radius:15px;border:0;color:white;background:linear-gradient(135deg,#9865c0,#c253a6);display:grid;place-items:center;box-shadow:0 5px 12px #a052a933}.messenger-six .message-send:active{transform:scale(.93)}.messenger-six [data-chat-status],.messenger-six [data-community-form-status]{font-size:10px;color:var(--msg-muted);margin:4px 10px 0}.messenger-six [data-chat-status]:empty,.messenger-six [data-community-form-status]:empty,.messenger-six [data-community-page-status]:empty{display:none}.messenger-six .chat-attachment-preview img{max-height:120px;width:auto}.messenger-six .chat-empty,.community-chat-empty{font-size:13px;text-align:center;color:var(--msg-muted);margin:auto}.messenger-six [data-new-messages],.messenger-six [data-community-new]{position:absolute;bottom:110px;left:50%;transform:translateX(-50%);z-index:3;border:1px solid var(--msg-line);border-radius:20px;background:var(--msg-surface);color:var(--msg-purple);padding:10px 18px;font-size:12px;box-shadow:var(--msg-shadow)}
.messenger-welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px;background:radial-gradient(ellipse at 48% 30%,#a757b820,transparent 60%)}.welcome-orbit{position:relative;width:116px;height:116px;display:grid;place-items:center;border:1px solid #b584cb40;border-radius:34px;transform:rotate(-8deg);margin:0 0 45px;background:linear-gradient(150deg,var(--msg-surface),var(--msg-elevated));box-shadow:14px 18px 50px #8035a216}.welcome-orbit>.app-icon{width:56px;height:56px;color:var(--msg-purple);transform:rotate(8deg);stroke-width:1.3}.welcome-orbit>i{position:absolute;right:-15px;top:-20px;font-size:42px;color:var(--msg-pink)}.messenger-welcome h2{font-size:clamp(25px,2.3vw,38px);line-height:1.25;letter-spacing:-1px;font-weight:650;margin:10px 0 16px;color:var(--msg-text)}.messenger-welcome p{font-size:14px;color:var(--msg-muted);margin:0 0 28px}.messenger-primary,.messenger-welcome .btn{background:linear-gradient(125deg,#8553ae,#b852a5);color:#fff;border:0;box-shadow:0 8px 20px #8e51a526;border-radius:13px;padding:13px 20px;font-size:13px;font-weight:650}.messenger-welcome>small{font-size:11px;margin-top:20px;color:var(--msg-muted)}
/* Group chats use the same frame and composer geometry as direct messages. */
.messenger-six .phase3-chat{height:100%;max-height:none;min-height:0;border:0;border-radius:0;background:transparent}.messenger-six .phase3-chat .community-message{max-width:83%;gap:9px;cursor:pointer}.messenger-six .phase3-chat .community-message>img{height:27px;width:27px;align-self:end;margin-bottom:5px}.messenger-six .phase3-chat .community-message.mine>img{display:none}html[data-theme] .messenger-six .phase3-chat .community-message>div{padding:12px 16px;border-radius:18px 18px 18px 5px;border:1px solid var(--msg-line);background:var(--msg-bubble);box-shadow:var(--msg-shadow)}html[data-theme] .messenger-six .phase3-chat .community-message.mine>div{background:var(--msg-mine);border-color:#b581cf33;border-radius:18px 18px 5px 18px}.messenger-six .community-message header{display:flex;gap:12px;justify-content:space-between;margin-bottom:5px}.messenger-six .community-message header strong{font-size:11px;color:var(--msg-purple)}.messenger-six .community-message header small{font-size:8px;color:var(--msg-muted)}.messenger-six .phase3-chat .community-message p{font-size:14px;color:var(--msg-text);line-height:1.6;margin:0;white-space:pre-wrap}.messenger-six .community-message.mine header strong{color:var(--msg-text)}.messenger-six .community-message video{max-height:260px;max-width:100%;border-radius:12px}.messenger-six .community-composer,html[data-theme] .messenger-six .phase3-chat .community-composer{margin:0;padding:16px 24px 16px;background:var(--msg-bg);border:0;gap:7px;align-items:center;flex-shrink:0}.messenger-six .community-compose-main textarea{background:var(--msg-surface);border:1px solid var(--msg-line);min-height:44px;height:44px;max-height:140px;resize:none;border-radius:16px;color:var(--msg-text);padding:12px 14px;font-size:14px}.messenger-six .community-attachment{width:32px;color:var(--msg-muted)}.chat-quick-actions{display:flex;align-items:center;gap:14px;flex-basis:100%;padding:6px 0 0}.chat-quick-actions :is(button,a,label){display:flex;gap:5px;align-items:center;position:relative;font-size:11px;border:0;padding:6px;background:transparent;color:var(--msg-muted);border-radius:8px;cursor:pointer}.chat-quick-actions .app-icon{width:16px;height:16px}.chat-quick-actions input{position:absolute;width:1px;height:1px;opacity:0}.phase5-chat-video{flex-basis:100%}.phase5-chat-video video{max-height:100px;width:auto}.messenger-group-details{overflow:auto;padding:28px clamp(20px,4vw,60px);overscroll-behavior:contain;flex:1}.group-details-hero{text-align:center;margin:15px auto 20px}.group-details-hero img{margin:auto;width:90px;height:90px;border-radius:26px}.group-details-hero h1{font-size:26px;letter-spacing:-.7px;margin:12px 0 4px}.group-details-hero span{font-size:12px;color:var(--msg-muted)}.group-details-nav{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;border-bottom:1px solid var(--msg-line);padding-bottom:16px}.group-details-nav a{font-size:12px;padding:10px;color:var(--msg-purple)}.messenger-group-details .community-info,.messenger-group-details .community-admin-section{border:0;border-bottom:1px solid var(--msg-line);padding:18px 0;background:transparent;border-radius:0}.messenger-group-details h2{font-size:19px}.messenger-group-details h3{font-size:15px}.messenger-group-details :is(p,label){font-size:13px;line-height:1.7}.messenger-group-details textarea,.messenger-group-details input,.messenger-group-details select{max-width:100%;min-width:0;background:var(--msg-surface);color:var(--msg-text);border:1px solid var(--msg-line);padding:10px;border-radius:10px}.messenger-group-details .btn{font-size:12px;color:var(--msg-text);background:var(--msg-elevated);box-shadow:none}.messenger-create{max-width:540px;padding:32px 0 50px}.messenger-create>.messenger-eyebrow{margin-top:32px}.messenger-create h1{font-size:32px;line-height:1.15;letter-spacing:-1px;margin:8px 0 12px;color:var(--hc-text)}.messenger-create>p{color:var(--hc-text-2);font-size:14px}.messenger-create .creation-form{border:0;padding:20px 0;box-shadow:none;background:transparent;display:grid;gap:20px}.messenger-create .community-image-picker{border:1px dashed var(--hc-border);border-radius:16px;padding:16px}.messenger-create label{display:grid;gap:8px;font-size:13px;font-weight:600}.messenger-create input,.messenger-create textarea,.messenger-create select{width:100%;min-width:0;font-size:15px;border:1px solid var(--hc-border);border-radius:12px;background:var(--hc-surface);color:var(--hc-text);padding:12px}.messenger-create .creation-hint{font-size:12px;color:var(--hc-text-2);background:var(--hc-surface-2);padding:14px;border-radius:12px;line-height:1.6}.creation-options summary{cursor:pointer;color:var(--hc-text-2);font-size:13px}.creation-options[open]>label{margin-top:16px}
/* Dialog actions appear only on demand, never as clutter under a message. */
dialog::backdrop{background:rgb(10 6 18 / .6);backdrop-filter:blur(5px)}.new-chat-dialog,.message-context-dialog{border:1px solid var(--msg-line);border-radius:26px;background:var(--msg-surface);color:var(--msg-text);padding:25px;width:min(420px,calc(100% - 28px));box-shadow:0 25px 100px #0005}.new-chat-dialog header,.message-context-dialog header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.new-chat-dialog header small{color:var(--msg-purple);font-size:11px;font-weight:650;letter-spacing:1px}.new-chat-dialog h2{font-size:23px;letter-spacing:-.7px;margin:6px 0;color:var(--msg-text)}.new-chat-dialog header>button,.message-context-dialog header>button{border:0;background:var(--msg-elevated);color:var(--msg-text);border-radius:50%;width:36px;height:36px;font-size:23px;flex-shrink:0}.new-chat-choice{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:17px 3px;border:0;border-bottom:1px solid var(--msg-line);background:transparent;color:var(--msg-text)}.new-chat-choice>.app-icon{height:44px;width:44px;padding:11px;border-radius:15px;background:var(--msg-elevated);color:var(--msg-purple)}.new-chat-choice span{flex:1}.new-chat-choice strong{display:block;font-size:14px;margin-bottom:5px}.new-chat-choice small{font-size:11px;color:var(--msg-muted)}.new-chat-choice b{font-size:18px;color:var(--msg-purple)}.new-chat-explore{display:block;text-align:center;padding:22px 0 0;color:var(--msg-purple);font-size:12px}.message-context-dialog{max-width:360px}.message-context-dialog header{font-size:12px;font-weight:650;color:var(--msg-muted)}.message-context-dialog h2{font-size:20px;color:var(--msg-text);line-height:1.25}.context-quote{font-size:12px;max-height:55px;overflow:hidden;color:var(--msg-muted);border-left:2px solid var(--msg-purple);padding-left:10px;line-height:1.5}.context-reactions{display:flex;justify-content:space-between;gap:2px;padding:12px 0;border-bottom:1px solid var(--msg-line)}.context-reactions>button{font-size:23px;background:transparent;border:0;width:42px;height:44px;border-radius:13px;transition:transform .18s}.context-reactions>button:hover{background:var(--msg-elevated);transform:scale(1.15)}.context-options{display:grid;gap:2px;padding-top:10px}.context-options>button{display:flex;align-items:center;gap:14px;border:0;border-radius:10px;background:transparent;color:var(--msg-text);font-size:19px;padding:10px;min-height:44px;text-align:left}.context-options>button span{font-size:13px}.context-options>button:hover{background:var(--msg-elevated)}.context-danger{color:#de517c}.message-context-dialog textarea{background:var(--msg-bg);color:var(--msg-text);border:1px solid var(--msg-line);border-radius:12px;padding:13px;width:100%;min-height:90px;margin:10px 0;font-size:14px}.message-context-dialog small{font-size:11px;color:var(--msg-muted)}.message-context-dialog form>.btn{display:block;margin-top:20px}.message-context-dialog [role=status]{font-size:12px;margin-bottom:0}.emoji-picker{z-index:1100;border-radius:20px;box-shadow:0 25px 70px #0005}.community-card-actions .btn{min-width:110px;min-height:42px;white-space:normal;flex-shrink:0}.community-compact-filters{margin:20px 0}.community-search-row{display:flex;gap:10px}.community-search-row input{flex:1;min-width:0}.community-filter-panel{display:flex;gap:15px;margin-top:15px}.community-directory-heading>div>.back-link{margin:10px 0;display:block}.community-directory-nav{display:none}
@keyframes drawerEnter{from{transform:translateX(40px);opacity:.4}to{transform:translateX(0);opacity:1}}@keyframes navPop{0%{transform:scale(.82)}65%{transform:scale(1.09)}100%{transform:scale(1)}}
@media(min-width:768px) and (max-width:1023px){.messenger-six.social-messenger{grid-template-columns:300px minmax(0,1fr)}.messenger-six .messages-title{padding-inline:16px}.messenger-six .inbox-filters a{padding-inline:7px}.messenger-account{padding-inline:18px}}
@media(max-width:767px){.header-mobile-menu-card,.notification-drawer>section{width:88vw;min-width:0;max-width:420px;padding:18px 20px}.header-menu-title{top:-18px}.header-mobile-menu-card nav>a{font-size:15px;padding:13px 8px}.mobile-header-actions{gap:5px}.mobile-header-actions>a,.header-menu-toggle{width:34px;height:34px;min-height:34px;flex-basis:34px}.mobile-header-actions .app-icon{width:19px}.app-header .brand{font-size:14px}.app-header .brand-mark{width:30px}.app-header .topbar-inner{padding-inline:10px}.modern-profile{width:100%;padding-top:0}.modern-profile .person-cover{height:180px;border-radius:0 0 22px 22px}.profile-cover-edit{right:12px;bottom:12px;padding:8px 10px;font-size:10px;min-height:35px}.modern-profile .person-header{margin-top:-49px}.person-avatar-wrap>img{height:105px;width:105px;border-width:5px}.modern-profile h1{font-size:25px}.modern-profile .person-header p{font-size:12px}.profile-numbers{gap:25px;margin:20px 0}.person-social-actions .btn{font-size:11px;padding:9px 12px}.modern-profile .person-social-feed{padding-top:10px}.business-profile .business-profile-cover{height:185px;min-height:185px}.business-profile .business-profile-main{width:100%;padding-inline:0;margin-top:-45px}.business-profile .profile-identity{gap:12px;padding-inline:16px}.business-profile .profile-logo{width:105px;height:105px}.business-profile .profile-name-line h1{font-size:25px}.business-profile .profile-rating{font-size:11px;flex-wrap:wrap}.business-profile .profile-layout{display:flex;flex-direction:column}.business-profile .profile-sidebar{border:0;padding:0 15px}.business-profile .profile-content{padding:0 12px}.business-profile .profile-actions .btn{font-size:12px;padding:9px 12px}.inline-composer .composer-actions>*{font-size:11px;gap:4px}.inline-composer .composer-actions .app-icon{width:17px}.inline-composer .composer-main textarea{font-size:16px}.business-dashboard .dashboard-hero>div:last-child{display:flex;gap:6px}.business-dashboard .dashboard-hero .btn{font-size:11px;padding:9px}.pages-center{padding-top:20px}.page-heading{align-items:start;flex-direction:column}.page-card-grid{display:block}.messenger-six.social-messenger,.messenger-six.social-messenger.with-information{display:block;width:100%;height:calc(var(--messenger-vh,100dvh) - var(--app-header-height,56px) - 66px - env(safe-area-inset-bottom));min-height:0}.messenger-six.social-messenger.has-selection{height:calc(var(--messenger-vh,100dvh) - var(--app-header-height,56px))}.messenger-six .conversation-list{height:100%;border:0;background:radial-gradient(ellipse at 80% -12%,#ad397760,transparent 44%),radial-gradient(ellipse at 0% 0%,#7850c845,transparent 40%),var(--msg-side)}.messenger-six .messages-title{padding:24px 22px 7px}.messenger-heading{margin-bottom:22px}.messenger-six .messages-title h1{font-size:32px}.messenger-six .inbox-filters{justify-content:space-between;gap:2px}.messenger-six .inbox-filters a{padding:9px 11px;font-size:11px}.messenger-six .messenger-search{background:color-mix(in srgb,var(--msg-surface) 70%,transparent);backdrop-filter:blur(10px)}.messenger-account{display:none}.messenger-six .conversation-item{padding:18px 12px;min-height:88px}.messenger-six .conversation-item>img{border-radius:50%;width:52px;height:52px;flex-basis:52px;outline:1px solid #b578c433;outline-offset:3px}.messenger-six .conversation-item strong{font-size:15px}.messenger-six .conversation-item small{font-size:12px}.messenger-six .conversation-item time{top:20px}.messenger-six .conversation-section-title{margin:14px 24px 6px}.messenger-six .chat-head{min-height:68px;padding:12px 12px;gap:9px}.messenger-six .chat-head .chat-back{display:grid;place-items:center;color:var(--msg-purple);width:25px;flex:0 0 25px;font-size:33px;height:40px}.messenger-six .chat-profile-link{gap:9px}.messenger-six .chat-profile-link img{height:39px;width:39px;flex-basis:39px;border-radius:14px}.messenger-six .chat-profile-link strong{font-size:14px}.messenger-six .chat-profile-link small{font-size:10px}.messenger-six .chat-head>button,.messenger-six .chat-info-link{width:33px;height:35px;flex-basis:33px;border-radius:10px}.messenger-six .chat-head .app-icon{width:18px}.messenger-six .message-stream,html[data-theme] .messenger-six .phase3-chat .community-message-stream{padding:22px 14px;gap:15px}.messenger-six .message{padding:11px 14px;max-width:85%;border-radius:18px 18px 18px 5px}.messenger-six .message.mine{border-radius:18px 18px 5px 18px}.messenger-six .message p{font-size:14px;line-height:1.55}.messenger-six .social-message-form{padding:10px 10px calc(10px + env(safe-area-inset-bottom))}.messenger-six .chat-compose-row{gap:5px;padding:6px;border-radius:20px}.messenger-six .chat-compose-row textarea{font-size:16px;padding:10px 2px;min-height:42px}.messenger-six .chat-attach,.messenger-six .emoji-open{min-width:28px;width:28px;flex-basis:28px}.messenger-six .message-send{width:40px;height:40px;min-width:40px;flex-basis:40px;border-radius:14px}.messenger-six .community-composer,html[data-theme] .messenger-six .phase3-chat .community-composer{padding:10px 10px calc(10px + env(safe-area-inset-bottom));gap:5px}.messenger-six .community-compose-main textarea{font-size:16px}.messenger-six .phase3-chat .community-message{max-width:91%}.messenger-six .phase3-chat .community-message>img{width:23px;height:23px}.messenger-six .community-message header{flex-direction:column;gap:2px}.messenger-six .community-message header small{font-size:8px}.messenger-group-details{padding:20px 18px}.chat-quick-actions{gap:12px}.messenger-create{padding-top:24px;width:calc(100% - 36px)}.messenger-create h1{font-size:30px}.community-filter-panel{flex-direction:column}.messenger-six:not(.has-selection)>.chat-panel{display:none}.messenger-six.has-selection>.conversation-list{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto;animation:none;transition:none}}

/* Fase 6.1: navegación más limpia y editores de catálogo de pantalla completa. */
.page-back-link{display:inline-flex;align-items:center;gap:7px;min-height:42px;margin:0 0 18px;padding:9px 13px;border:1px solid var(--hc-border);border-radius:12px;background:var(--hc-surface);color:var(--hc-text);font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 2px 9px rgb(23 22 50 / .06)}.page-back-link:hover{border-color:var(--hc-brand);color:var(--hc-brand);transform:translateX(-2px)}.form-page.offer-editor-page{width:min(1180px,calc(100% - 40px));max-width:none;padding:34px 0 56px}.offer-editor-page .form-intro{max-width:720px}.offer-editor-form{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:28px 34px;max-width:1080px;margin:0 auto}.offer-editor-form>.identity-note,.offer-editor-form>[data-offer-category-status],.offer-editor-form>.offer-specific,.offer-editor-form>.offer-group,.offer-editor-form>.business-invite,.offer-editor-form>button,.offer-editor-form>[data-phase4-status]{grid-column:1/-1}.offer-editor-form>.marketplace-essential,.offer-editor-form>.marketplace-details{min-width:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none}.offer-editor-form>.marketplace-details{display:grid;align-content:start;gap:3px}.offer-editor-form>.marketplace-details h2{margin-top:0}.offer-editor-form>.marketplace-essential .media-uploader{min-height:100%;margin:0}.offer-editor-form>.offer-specific,.offer-editor-form>.offer-group{box-shadow:none}.phase-six .site-footer{margin-top:28px;padding:30px 0}.phase-six .footer-grid{gap:28px}.phase-six .footer-grid>div{gap:5px}.phase-six .footer-grid p,.phase-six .footer-grid a:not(.brand){font-size:12px}
@media(max-width:767px){.app-header .brand{display:none}.app-header .topbar-inner{display:flex;justify-content:flex-end;padding-inline:12px}.app-header .mobile-header-actions{margin-left:auto}.form-page.offer-editor-page{width:100%;padding:16px 0 34px}.offer-editor-page>.page-back-link,.offer-editor-page>.form-intro{margin-left:16px;margin-right:16px}.offer-editor-form{display:grid;grid-template-columns:1fr;gap:20px;max-width:none;padding:0 16px}.offer-editor-form>.marketplace-essential,.offer-editor-form>.marketplace-details{grid-column:1}.offer-editor-form>.marketplace-essential .media-uploader{padding:0;background:transparent;border:0}.offer-editor-form>.marketplace-details h2{font-size:19px}.offer-editor-form>.offer-specific,.offer-editor-form>.offer-group{padding:14px 0;border-inline:0;border-radius:0}.page-back-link{margin-bottom:14px}.phase-six .site-footer{padding:22px 0 92px}.phase-six .footer-grid{gap:16px}}
/* Override legacy four-slot navigation and neutral chat header layers. */
.phase-six .mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:1fr;min-height:66px}.phase-six .mobile-nav .nav-link:nth-child(3) .nav-icon{background:var(--hc-brand);color:white;width:40px;height:35px;border:0;border-radius:13px;box-shadow:none;transform:none}.phase-six.chat-route .mobile-nav{background:var(--msg-side);border-color:var(--msg-line)}.phase-six.chat-route .mobile-nav .nav-link.active{color:var(--msg-pink)}.phase-six.chat-route .mobile-nav .nav-link:nth-child(3) .nav-icon{background:var(--msg-elevated);color:var(--msg-muted)}.messenger-six.social-messenger .messages-title{background:transparent}.messenger-six.social-messenger .messages-title h1{color:var(--msg-text);font-size:30px;margin:0;letter-spacing:-1.3px}.messenger-six.social-messenger .conversation-item strong{color:var(--msg-text)}.messenger-six .conversation-item>span{padding-right:39px}

/* Final contrast, identity and pending-state refinements. */
.business-profile .profile-name-line h1{color:var(--hc-text);text-shadow:none}.business-profile .profile-identity{margin-top:0}.business-profile-cover .cover-art{height:100%}.header-identity form{min-width:0}.header-identity form label{width:0;flex:1}.phase6-ready .identity-submit{display:none}.community-pending{max-width:720px;padding-block:36px}.community-pending>img{width:90px;height:90px;border-radius:22px;object-fit:cover;margin-block:24px}.community-pending .approval-badge{display:table;padding:8px 12px;border-radius:12px;background:var(--hc-brand-soft);color:var(--hc-brand);font-size:13px}.community-pending p{line-height:1.7;color:var(--hc-text-2)}
.business-profile-cover{overflow:hidden}.messenger-six .inbox-filters{flex-wrap:nowrap;gap:2px}.messenger-six .inbox-filters a{font-size:11px;padding-inline:8px}


/* source: public/phase7.css */
/* Fase 7: keep the approved base; borrow only gentle orchid surfaces outside Messenger. */
.post-head .post-options{flex:0 0 40px;width:40px;height:40px;min-height:40px;background:transparent;color:var(--hc-text-2);font-weight:800;letter-spacing:2px;font-size:14px;border:0;border-radius:50%}
.post-options:hover,.comment-options:hover{background:var(--hc-surface-2)}
.post-copy{overflow-wrap:anywhere;white-space:pre-wrap}
.post-photo-grid{display:grid;gap:3px;width:100%;aspect-ratio:4/3;max-height:580px;overflow:hidden;background:var(--hc-surface-2)}
.post-photo{position:relative;display:block;min-width:0;min-height:0;padding:0;border:0;background:var(--hc-surface-2);overflow:hidden;cursor:pointer;border-radius:0}
.post-photo-grid .post-image{display:block;margin:0;border:0;border-radius:0;width:100%;height:100%;max-height:none;object-fit:cover}
.post-photo-grid.photos-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.post-photo-grid.photos-3{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.photos-3>.post-photo:first-child{grid-row:span 2}
.post-photo-grid.photos-4{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));aspect-ratio:1}
.post-photo-grid.photos-5{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.photos-5>.post-photo{grid-column:span 2}.photos-5>.post-photo:nth-child(-n+2){grid-column:span 3}
.photo-more{position:absolute;inset:0;display:grid;place-items:center;background:#0008;color:#fff;font-size:38px;font-weight:750}
.post-video{width:100%;max-height:520px;aspect-ratio:4/3;object-fit:contain;background:#09090e;display:block}
.post-stats{font-size:12px}.post-actions [data-feed-reaction]{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.comment{position:relative;align-items:start;gap:9px}.comment-content{flex:1;min-width:0}.comment-content>p{overflow-wrap:anywhere;white-space:pre-wrap}.comment-options{align-self:start;border:0;background:transparent;color:var(--hc-text-2);width:36px;height:36px;min-height:36px;flex-shrink:0;letter-spacing:1px;border-radius:50%;cursor:pointer}
body.photo-viewer-open{overflow:hidden}.photo-viewer{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;padding:18px 24px;background:#0d0b13;color:#fff;display:flex;flex-direction:column;gap:12px;overflow:hidden;z-index:1100}.photo-viewer:not([open]){display:none}.photo-viewer::backdrop{background:#08070af5}
.photo-viewer header{display:flex;align-items:center;gap:18px;min-height:45px}.photo-viewer header strong{font-size:15px;color:#fff}.photo-viewer header span{margin-left:auto;color:#d4c9dd;font-size:13px}.photo-viewer header button{height:44px;width:44px;min-height:44px;border-radius:50%;border:1px solid #53475f;background:#282130;color:#fff;font-size:28px}
.viewer-stage{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:0;flex:1;gap:16px}.viewer-stage>img{min-width:0;width:calc(100% - 140px);height:100%;object-fit:contain}.viewer-stage>button{flex:0 0 44px;width:44px;height:52px;min-height:44px;border-radius:15px;background:#282130;color:#fff;border:1px solid #53475f;font-size:36px}.viewer-stage>button:disabled{opacity:.3}
.viewer-thumbnails{display:flex;flex-shrink:0;gap:8px;max-width:100%;overflow:auto;justify-content:safe center;padding:8px}.viewer-thumbnails button{flex:0 0 60px;width:60px;height:60px;border:2px solid transparent;border-radius:10px;background:#282130;padding:0;overflow:hidden}.viewer-thumbnails img{height:100%;width:100%;object-fit:cover}.viewer-thumbnails button[aria-current=true]{border-color:#d8a8ff}
.feed-tools-dialog{width:min(440px,calc(100% - 24px));border:1px solid var(--hc-border);border-radius:22px;background:var(--hc-surface);color:var(--hc-text);padding:20px;box-shadow:0 20px 80px #0004}.feed-tools-dialog::backdrop{background:#07091688;backdrop-filter:blur(4px)}.feed-tools-dialog header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.feed-tools-dialog h2{font-size:19px;margin:0}.feed-tools-dialog header>button{border:0;border-radius:50%;background:var(--hc-surface-2);color:var(--hc-text);width:40px;height:40px;font-size:24px}.feed-tool-options{display:grid;gap:8px}.feed-tool-options>a,.feed-tool-options>button{border:0;border-radius:12px;background:var(--hc-surface-2);color:var(--hc-text);padding:15px 16px;text-align:left;min-height:48px;font-weight:600}.feed-tool-options>.danger{color:#d94368}.feed-tool-options label{display:grid;gap:10px;font-weight:600}.feed-tool-options textarea{background:var(--hc-surface-2);color:var(--hc-text);border:1px solid var(--hc-border);border-radius:12px;min-height:130px;width:100%;padding:12px;font:inherit;resize:vertical}.feed-tool-options .btn{margin-top:16px;width:100%}
.feed-reaction-picker{position:fixed;width:312px;display:flex;align-items:center;gap:1px;padding:8px 6px;z-index:950;box-shadow:0 6px 35px #0003;background:var(--hc-surface);border:1px solid var(--hc-border);border-radius:24px;animation:reactionEnter .15s ease-out}.feed-reaction-picker>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:59px;height:62px;padding:0;background:transparent;color:var(--hc-text);border:0;border-radius:15px}.feed-reaction-picker span{font-size:27px;transition:transform .15s}.feed-reaction-picker small{font-size:8px;white-space:nowrap}.feed-reaction-picker button:hover span,.feed-reaction-picker button:focus-visible span{transform:scale(1.17)}
.inline-composer .media-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;max-height:330px;overflow:auto;margin:10px 0}.inline-composer .media-preview>span{position:relative;aspect-ratio:1;min-width:0;display:block;width:auto}.inline-composer .media-preview>span:first-child:last-child{grid-column:1/-1;aspect-ratio:4/3}.inline-composer .media-preview img{height:100%;width:100%;object-fit:cover;border-radius:8px}.inline-composer .media-preview .media-photo-tools{position:absolute;inset:auto 4px 4px;display:flex;gap:2px;justify-content:center;background:var(--hc-surface);border-radius:8px;padding:3px}.inline-composer .media-preview [data-remove-media]{position:absolute;top:6px;right:6px}
.search-page .search-header{background:color-mix(in srgb,var(--msg-side) 75%,var(--hc-surface));padding:24px;border-radius:22px;margin-bottom:22px}.search-page .listing-card{background:color-mix(in srgb,var(--hc-surface) 94%,var(--msg-mine));border-color:color-mix(in srgb,var(--hc-border) 80%,var(--msg-line))}
.support-orchid{--hc-surface:var(--msg-surface);--hc-surface-2:var(--msg-elevated);--hc-border:var(--msg-line);--hc-text:var(--msg-text);--hc-text-2:var(--msg-muted);--hc-brand-soft:var(--msg-mine)}.support-orchid>.compact-heading{border-bottom:1px solid var(--msg-line);padding:18px 0 24px}.support-orchid .support-page-card{background:var(--msg-side);border:1px solid var(--msg-line);box-shadow:none;border-radius:22px}.support-orchid .section-kicker{color:var(--msg-purple)}.feedback-zone{max-width:760px;margin:42px auto}.feedback-zone>header{margin-bottom:22px}.feedback-zone h2{font-size:25px}.feedback-zone p{color:var(--hc-text-2)}.feedback-compose{display:grid;gap:16px;padding:22px;background:var(--msg-side);border:1px solid var(--msg-line);border-radius:20px;margin-bottom:24px}.feedback-compose label{display:grid;gap:9px;font-size:13px;font-weight:600}.feedback-compose :is(select,textarea){width:100%;padding:12px;border:1px solid var(--msg-line);background:var(--msg-surface);color:var(--msg-text);border-radius:12px;font:inherit}.feedback-compose textarea{min-height:110px;resize:vertical}.feedback-compose small{font-size:11px;line-height:1.6;color:var(--msg-muted)}.feedback-feed .post-actions{grid-template-columns:1fr 1fr}
.page-visitor-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(440px,100%);gap:8px}.page-visitor-actions>form{display:block;min-width:0;margin:0}.page-visitor-actions .btn,.page-visitor-actions>.btn{width:100%;height:44px;min-height:44px;margin:0;padding:9px 6px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;white-space:nowrap}.page-visitor-actions .app-icon{height:17px;width:17px}.page-follow-prompt{animation:followBuzz .5s ease-in-out .3s 1}
.business-profile #resenas{border-top:1px solid var(--hc-border);margin-top:34px;padding-top:24px}.business-profile .review-form{padding:0 0 24px;box-shadow:none;border:0;background:transparent;display:grid;gap:16px}.business-profile .review-form textarea{min-height:90px;border-radius:14px;background:var(--hc-surface-2);border:1px solid var(--hc-border);color:var(--hc-text)}.business-profile .review{border:0;border-bottom:1px solid var(--hc-border);border-radius:0;background:transparent;padding:20px 0;gap:14px;box-shadow:none}.business-profile .review>img{border-radius:50%;width:40px;height:40px}.business-profile .review small{font-size:11px;color:var(--hc-text-2)}.business-profile .review .stars{font-size:12px;display:inline-block;margin-left:10px}.business-profile .review p{line-height:1.7;font-size:14px}
.catalog-search{display:flex;gap:8px;margin:18px 0 24px}.catalog-search input{flex:1;min-width:0;padding:12px 15px;background:var(--hc-surface);border:1px solid var(--hc-border);color:var(--hc-text);border-radius:12px}.catalog-action-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:15px 0}.catalog-action-bar .btn{font-size:12px;min-height:40px}.managed-listing{position:relative;min-width:0}.managed-listing>label{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:12px}.managed-listing .managed-tools{display:flex;flex-wrap:wrap;gap:8px;padding:10px 0}.managed-tools .btn{min-height:34px;font-size:11px;padding:7px 10px}.catalog-section-editor{padding:15px 0;border-bottom:1px solid var(--hc-border)}.catalog-section-editor input{width:100%;min-width:0}.catalog-section-editor form{margin-bottom:8px}.catalog-section-editor .category-controls{display:flex;gap:5px;flex-wrap:wrap}.catalog-section-editor .category-controls .btn{font-size:11px;min-height:34px}.catalog-status-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0}.catalog-status-tabs a{padding:8px 11px;border:1px solid var(--hc-border);border-radius:10px;font-size:12px}.catalog-status-tabs a.active{color:var(--hc-brand);background:var(--hc-brand-soft)}.offer-submit-actions{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.offer-submit-actions .btn{flex:1;min-width:150px}.page-panel-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:24px 0}.page-panel-metrics>a{border:1px solid var(--hc-border);border-radius:18px;padding:22px;background:var(--hc-surface)}.page-panel-metrics b{display:block;font-size:27px;margin-bottom:8px}.page-panel-metrics span{font-size:13px;color:var(--hc-text-2)}
@keyframes followBuzz{0%,100%{transform:translateX(0) scale(1)}20%,60%{transform:translateX(-2px) scale(1.025)}40%,80%{transform:translateX(2px) scale(1.025)}}@keyframes reactionEnter{from{opacity:0;transform:translateY(5px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:767px){.app-header .topbar-inner{justify-content:space-between;gap:8px;padding-inline:12px}.app-header .brand{display:flex;flex:0 1 auto;gap:7px;min-width:0;font-size:15px;letter-spacing:-.5px;white-space:nowrap}.app-header .brand-mark{width:28px;height:28px;flex:0 0 28px}.app-header .brand-mark img{width:100%;height:100%}.app-header .mobile-header-actions{margin-left:auto;gap:5px;flex:0 0 auto}.post-photo-grid{max-height:450px}.post-actions button{font-size:12px}.photo-viewer{padding:12px;gap:8px}.photo-viewer header strong{font-size:12px}.viewer-stage{gap:0}.viewer-stage>img{width:100%}.viewer-stage>button{position:absolute;z-index:1;bottom:12px;background:#16111ed9;border-color:#81728d}.viewer-stage>[data-viewer-previous]{left:8px}.viewer-stage>[data-viewer-next]{right:8px}.viewer-thumbnails button{flex-basis:50px;height:50px}.feed-tools-dialog{margin:auto auto 18px;padding:20px}.search-page .search-header{padding:19px 16px}.feedback-compose{padding:18px 16px}.support-orchid{padding-inline:16px}.support-page-grid{grid-template-columns:minmax(0,1fr)}.admin-page{padding:20px 14px}.admin-header{display:flex;flex-direction:column;align-items:start;gap:16px}.admin-header h1{font-size:26px}.admin-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.admin-card{min-width:0;padding:20px 15px}.admin-page .admin-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-page .admin-table article{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0}.admin-page .admin-table form{display:grid;grid-template-columns:minmax(0,1fr);width:100%;gap:9px}.admin-page .settings-form{grid-template-columns:minmax(0,1fr)}.admin-page :is(input,select,textarea,form){max-width:100%;min-width:0}.admin-page .two-cols{grid-template-columns:minmax(0,1fr)}.admin-page .section-heading{align-items:start;gap:12px}.admin-page .launch-metrics,.admin-page .billing-status{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-page .admin-table :is(strong,span,small){overflow-wrap:anywhere}.catalog-dashboard-grid{grid-template-columns:minmax(0,1fr)}.catalog-manager{order:2}.catalog-products{min-width:0}.page-panel-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.page-panel-metrics>a{padding:18px 14px}.catalog-search{flex-wrap:wrap}.catalog-search input{flex-basis:60%}}
@media(prefers-reduced-motion:reduce){.page-follow-prompt,.feed-reaction-picker{animation:none}.feed-reaction-picker span{transition:none}}
/* Upload progress remains visible while working or retrying, including the inline feed composer. */
.inline-composer [data-media-uploader][data-uploading="true"] .upload-progress,
.inline-composer [data-media-uploader]:has(.media-retry-button,[data-remove-video]) .upload-progress{display:block}
.offer-preview-photo{width:100%;max-height:250px;object-fit:cover;border-radius:14px;margin-bottom:16px}
.offer-preview-description{white-space:pre-wrap;overflow-wrap:anywhere}
.catalog-dashboard .dashboard-hero p{color:var(--hc-text-2)}
.catalog-dashboard .dashboard-hero .section-kicker{color:var(--hc-brand)}
.catalog-dashboard .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.catalog-action-bar select{height:40px;max-width:100%;padding:8px 12px;border:1px solid var(--hc-border);border-radius:10px;background:var(--hc-surface);color:var(--hc-text);font:inherit;font-size:12px}
.search-page .filters-drawer{background:var(--hc-surface);border-color:var(--hc-border);color:var(--hc-text)}
.admin-header h1{color:#fff}.admin-header .section-kicker{color:#ffe2ec}
.inline-composer .media-preview>span{overflow:hidden;border-radius:8px}
.inline-composer .media-preview>span>small{position:absolute;left:6px;bottom:7px;color:#fff;background:#17111ccc;border-radius:6px;padding:4px 6px;font-size:10px}
.inline-composer .media-preview [data-move-media]{position:absolute;bottom:6px;right:6px;width:28px;height:28px;border:1px solid #ffffff55;background:#17111ccc;color:#fff;border-radius:7px}
.inline-composer .media-preview [data-move-media][data-direction="-1"]{right:38px}
@media(max-width:767px){.admin-header{border-radius:20px;padding:20px}.admin-header h1{font-size:25px}}


/* source: public/csi.css */
/* Comunidad Streaming Internacional — compact professional interface. */
:root,html[data-theme="light"],html[data-theme="dark"]{color-scheme:dark;--navy:#F4F7FF;--navy-2:#151B2E;--ink:#F4F7FF;--muted:var(--text-muted);--line:#293147;--soft:#101629;--white:#151B2E;--coral:#7C3AED;--coral-dark:#6D28D9;--teal:#22D3EE;--teal-dark:#0E7490;--green:#22C55E;--shadow:none;--shadow-soft:none;--hc-bg:#0B1020;--hc-surface:#151B2E;--hc-panel:#151B2E;--hc-text:#F4F7FF;--hc-muted:var(--text-muted);--hc-border:#293147;--hc-primary:#7C3AED;--hc-brand:#7C3AED;--hc-brand-soft:#251C43;--hc-surface-2:#101629;--hc-text-2:var(--text-muted)}
.csi-app{background:#0B1020;color:#F4F7FF;--navy:#F4F7FF;--ink:#F4F7FF;--muted:var(--text-muted);--line:#293147;--soft:#101629;--white:#151B2E;--coral:#7C3AED;--coral-dark:#6D28D9;--teal:#22D3EE;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding-bottom:24px;overflow-x:clip}
.csi-app :is(h1,h2,h3,p){overflow-wrap:anywhere}.csi-app h1{font-size:24px;line-height:1.25;font-weight:750;letter-spacing:-.035em;margin:0}.csi-app h2{font-size:17px;line-height:1.4;margin:0 0 12px;letter-spacing:-.02em}.csi-app p{line-height:1.6}.csi-app a{color:inherit}.csi-app .muted,.csi-app small{color:var(--text-muted)}.csi-app [hidden]{display:none}.csi-app :focus-visible{outline:2px solid #22D3EE;outline-offset:3px}.csi-app .shell{width:min(1200px,calc(100% - 40px));margin-inline:auto}.csi-app :is(input,textarea,select){background:#0E1527;color:#F4F7FF;border:1px solid #344058;border-radius:9px;min-width:0;padding:10px 12px;max-width:100%;box-shadow:none}.csi-app select{white-space:normal}.csi-app textarea{resize:vertical}.csi-app input::placeholder,.csi-app textarea::placeholder{color:var(--text-muted);opacity:1}.csi-app :is(input,textarea,select):focus{border-color:#22D3EE}.csi-app input[type="checkbox"]{accent-color:#7C3AED;width:18px;min-width:18px;height:18px;padding:0}.csi-app button:disabled{opacity:.5;cursor:default}.csi-app .btn{background:#151B2E;border:1px solid #344058;color:#F4F7FF;box-shadow:none;border-radius:9px;min-height:42px;transform:none;font-size:13px;font-weight:650;padding:10px 15px;white-space:normal;overflow-wrap:normal}.csi-app .btn-primary{background:#7C3AED;border-color:#7C3AED;color:#fff}.csi-app .btn-primary:hover{background:#6D28D9}.csi-app .btn-outline:hover{background:#202942;border-color:#7C3AED}.csi-app .app-icon{width:20px;height:20px;flex-shrink:0}.csi-app .topbar{background:#0B1020;border-bottom:1px solid #293147;backdrop-filter:none;box-shadow:none;position:sticky;top:0;z-index:60}.csi-app .topbar-inner{display:flex;justify-content:space-between;gap:20px;max-width:1400px;padding:0 24px;min-height:74px}.csi-app .brand{color:#F4F7FF;white-space:normal;line-height:1.18;font-size:15px;max-width:255px;flex-shrink:0;font-weight:650;letter-spacing:-.02em}.csi-app .brand strong{display:block;color:#22D3EE;letter-spacing:.03em;font-size:12px;font-weight:500}.csi-app .brand-mark{width:40px;height:40px;min-width:40px;flex:0 0 40px;padding:0;box-shadow:none;border-radius:12px;background:transparent}.csi-app .brand-mark img{width:100%;height:100%;border-radius:12px;object-fit:contain}.csi-app .top-search{display:none}.csi-app .desktop-primary-nav{display:flex;gap:5px;justify-content:center}.csi-app .nav-link{color:var(--text-muted);background:transparent;min-width:0;white-space:nowrap;padding:12px 14px;font-size:13px;border:0;border-radius:8px}.csi-app .nav-link.active{background:#1F1740;color:#F4F7FF}.csi-app .nav-create{background:transparent;color:var(--text-muted)}.csi-app .header-round-action,.csi-app .header-menu-toggle,.csi-app .mobile-header-actions>a{color:#F4F7FF;background:var(--surface-2);border:1px solid #293147;box-shadow:none;width:38px;height:38px;min-width:38px;padding:8px;border-radius:10px}.csi-app .desktop-actions{gap:8px}.csi-app .header-mobile-menu{position:fixed;inset:0;background:#04071399;z-index:150;padding:12px}.csi-app .header-mobile-menu-card{background:var(--surface-2);border:1px solid #293147;border-radius:14px;color:#F4F7FF;max-width:420px;width:100%;max-height:calc(100dvh - 24px);overflow-y:auto;padding:18px;margin-left:auto;box-shadow:0 24px 80px #0008}.csi-app .header-menu-title{color:#F4F7FF}.csi-app .header-menu-title button{background:#0B1020;color:#F4F7FF;border:1px solid #293147}.csi-app .header-identity{background:#0B1020;border-color:var(--border);gap:12px}.csi-app .header-identity form{min-width:0;max-width:100%}.csi-app .identity-menu-options a,.csi-app .menu-secondary a{color:#F4F7FF;background:transparent;border-color:var(--border);min-height:44px}.csi-app .identity-menu-options a:hover{background:#202942}.csi-app .menu-logout button{color:#F4F7FF;background:#1E2539}.csi-app .csi-identity-bar{height:42px;display:flex;align-items:center;gap:10px;padding:0 max(20px,calc((100vw - 1200px)/2));font-size:12px;border-bottom:1px solid #202942;background:#101629;color:var(--text-muted);white-space:nowrap}.csi-identity-bar img{height:24px;width:24px;border-radius:50%;object-fit:cover}.csi-identity-bar strong{color:#F4F7FF;font-weight:600}.csi-identity-bar small{margin-left:auto}.csi-identity-bar button{background:transparent;border:0;color:#22D3EE;padding:6px 0;font-size:12px}.csi-app .visitor-session-actions{background:#101629;border-color:var(--border);justify-content:flex-end;gap:8px;padding:8px 18px}.csi-app :is(dialog,.notification-drawer>section){color:#F4F7FF;background:var(--surface-2);border-color:var(--border);box-shadow:0 25px 80px #0008}.csi-app dialog::backdrop{background:#000b}.csi-app :is(dialog header,dialog label,.global-result,.global-search-status){color:#F4F7FF;background:transparent}.csi-app :is(dialog header button,.global-search-scopes button){color:#F4F7FF;background:#1F2740;border:1px solid #293147}.csi-app .global-search-scopes{flex-wrap:wrap}.csi-app .global-result{background:#101629;border-color:var(--border)}.csi-app .global-result img{width:42px;height:42px}.csi-app .global-result-group{margin-bottom:18px}.csi-main-layout{display:grid;grid-template-columns:minmax(0,780px) 300px;gap:24px;padding-top:24px;align-items:start}.csi-feed,.csi-business-content>section{min-width:0}.csi-panel{border:1px solid #293147;border-radius:14px;background:#151B2E;padding:20px;margin-bottom:16px;box-shadow:none}.csi-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px;min-width:0}.csi-heading>div{min-width:0}.csi-heading span{display:block;font-size:12px;color:var(--text-muted);margin-top:5px}.csi-section,.csi-business,.csi-profile,.csi-admin{padding-top:24px}.csi-form-section{padding-top:24px;max-width:760px}.csi-single{padding-top:24px;max-width:760px}.csi-profile{max-width:860px}.csi-kicker{font-size:10px;letter-spacing:.12em;font-weight:650;color:#22D3EE;display:block;margin-bottom:8px}.csi-mini-heading{display:flex;align-items:center;gap:12px}.csi-mini-heading h2{margin:0}.csi-community-invite p{font-size:13px;color:var(--text-muted)}.csi-community-invite .btn{width:100%}.csi-community-invite small{display:block;text-align:center;margin-top:12px;font-size:11px}.csi-quick-link{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #293147;font-size:13px}.csi-quick-link:last-of-type{border-bottom:0}.csi-panel>small{display:block;font-size:11px;margin-top:14px}.csi-app .inline-composer{margin:0 0 18px;padding:16px;border-color:var(--border);border-radius:14px;background:#151B2E}.csi-app .composer-main{gap:12px}.csi-app .composer-main img{height:40px;width:40px;border:0}.csi-app .composer-main textarea{background:#0E1527;font-size:14px;border-radius:10px;min-height:44px;padding:11px 14px}.csi-app .composer-actions{margin-top:12px;border-top:1px solid #293147;padding-top:12px;display:flex;align-items:center;gap:12px}.csi-app .composer-actions>:is(button,a){min-height:36px;border:0;color:var(--text-muted);padding:6px 12px;background:transparent;font-size:13px;display:flex;gap:7px;align-items:center;border-radius:7px}.csi-app .composer-actions .csi-sell{color:#F4F7FF;background:#7C3AED;margin-left:auto}.csi-app .inline-composer.is-writing .composer-main textarea{min-height:86px}.csi-app .inline-publish{border-top:1px solid #293147;padding-top:14px;margin-top:14px}.csi-app .media-uploader{border:1px dashed #344058;border-radius:10px;padding:14px;margin:16px 0 0;background:#101629;color:#F4F7FF;min-width:0}.csi-app .media-uploader legend{font-size:12px;padding:0 7px}.csi-app .media-uploader p,.csi-app .media-uploader small{font-size:11px;color:var(--text-muted)}.csi-app .upload-drop{background:#151B2E;color:#F4F7FF;border-color:#344058;border-radius:8px;padding:12px;max-width:100%;overflow:hidden}.csi-app .upload-progress{color:var(--text-muted);font-size:12px}.csi-app .media-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:300px;overflow-y:auto;aspect-ratio:auto}.csi-app .media-preview>span{min-width:0;position:relative;aspect-ratio:1;overflow:hidden;background:#0B1020;border-radius:8px}.csi-app .media-preview img{width:100%;height:100%;object-fit:cover}.csi-app .media-preview button{background:#0B1020cc;color:#fff;border:0;font-size:12px}.csi-app .media-preview small{position:absolute;bottom:4px;left:4px;max-width:70%;font-size:10px;background:#0B1020c0;padding:3px;border-radius:4px}.csi-app .csi-visitor{display:flex;gap:12px;align-items:center;justify-content:space-between}.csi-visitor>div{display:flex;gap:10px;align-items:center;font-size:14px}.csi-filters{display:grid;grid-template-columns:minmax(0,1fr) 210px auto;gap:10px;margin:0 0 14px;align-items:center}.csi-filters label{margin:0;min-width:0}.csi-search{display:flex;align-items:center;background:#151B2E;border:1px solid #293147;border-radius:9px;padding:0 12px;gap:6px}.csi-app .csi-search input{width:100%;border:0;background:transparent;font-size:13px}.csi-filters select{width:100%;height:42px;font-size:12px}.csi-category-pills{display:flex;gap:8px;overflow-x:auto;padding:0 0 14px;margin-bottom:6px;scrollbar-width:thin}.csi-category-pills a{white-space:nowrap;flex-shrink:0;border:1px solid #293147;background:#101629;padding:7px 12px;border-radius:20px;font-size:11px;color:var(--text-muted)}.csi-category-pills a.active{background:#251847;color:#DCCAFE;border-color:#513083}.csi-app .post-card{background:var(--surface-2);border:1px solid #293147;border-radius:14px;box-shadow:none;padding:18px;margin-bottom:16px}.csi-app .post-head{color:#F4F7FF;gap:10px}.csi-app .post-head small{font-size:10px}.csi-app .post-identity strong{font-size:13px}.csi-app .post-kind{background:#232C42;color:var(--text-muted);font-size:10px}.csi-app .post-options{background:transparent;color:var(--text-muted);border:0}.csi-app .post-copy{font-size:14px;line-height:1.65;white-space:pre-wrap;margin:16px 0;color:#F4F7FF}.csi-app .post-photo-grid{max-height:500px;overflow:hidden;background:#0B1020;border-radius:10px;aspect-ratio:1.45}.csi-app .post-photo-grid button{background:#101629;border:0;min-width:0}.csi-app .post-photo-grid img{object-fit:cover;width:100%;height:100%;border-radius:0}.csi-app .post-video{max-height:430px;max-width:100%;background:#060A14;border-radius:10px}.csi-app .post-stats{color:var(--text-muted);font-size:11px;border-color:var(--border);padding-top:15px}.csi-app .post-actions{border-color:var(--border)}.csi-app .post-actions button,.csi-app .post-actions a{color:var(--text-muted);background:transparent;font-size:12px}.csi-app .post-actions button.liked{color:#C8ADFF}.csi-app .comment-form{border-color:var(--border);background:transparent;gap:8px}.csi-app .comment-form input{background:#0B1020;font-size:12px}.csi-app .comment-form button{background:#7C3AED;color:white;padding:10px;border:0;border-radius:8px;font-size:12px}.csi-app .comment-content{background:#101629;color:#F4F7FF;border-color:var(--border)}.csi-app .comment-content p{color:#F4F7FF;font-size:12px}.csi-app .comment-options{color:var(--text-muted);background:transparent}.csi-app .feed-tool-options>a,.csi-app .feed-tool-options>button,.csi-app .feed-reaction-picker{background:#151B2E;color:#F4F7FF;border-color:var(--border)}.csi-app .photo-viewer{background:#060A14;color:white;border-color:var(--border)}.csi-app .photo-viewer header{background:#101629;color:white}.csi-app .photo-viewer button{background:#202942;color:white;border-color:#344058}.csi-offer-info{margin-top:18px;padding:16px;border:1px solid #344058;border-radius:10px;background:#101629}.csi-offer-title h2{font-size:18px;line-height:1.4;margin:8px 0}.csi-offer-title>strong{font-size:22px;font-weight:700;color:#22D3EE}.csi-tag{font-size:10px;color:#BFA0FF;letter-spacing:.03em}.csi-offer-info dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.csi-offer-info dt{font-size:10px;color:var(--text-muted)}.csi-offer-info dd{font-size:12px;margin:4px 0 0;overflow-wrap:anywhere}.csi-offer-actions,.csi-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.csi-actions form{margin:0}.csi-promotion-links{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;margin:18px 0}.csi-promotion-links a{color:#22D3EE}.csi-form-section .creation-form{display:flex;flex-direction:column;gap:17px;max-width:none}.csi-app .creation-form label{font-size:12px;display:flex;flex-direction:column;gap:7px;color:#D2DAED;margin:0;max-width:100%;min-width:0}.csi-app .creation-form input,.csi-app .creation-form textarea,.csi-app .creation-form select{width:100%;font-size:14px}.csi-app .creation-form .csi-check{display:flex;flex-direction:row;align-items:flex-start}.csi-check{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:var(--text-muted);line-height:1.6;margin:18px 0}.csi-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.csi-format-tabs{display:flex;gap:10px;padding:5px;margin-bottom:16px;background:#151B2E;border:1px solid #293147;border-radius:10px}.csi-format-tabs a{padding:12px;flex:1;text-align:center;font-size:13px;border-radius:7px}.csi-format-tabs .active{background:#7C3AED;color:white}.csi-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.csi-page-card{min-width:0}.csi-page-card img{height:58px;width:58px;border-radius:12px;object-fit:cover;margin-bottom:16px}.csi-page-card h2{margin-bottom:8px}.csi-page-card p{font-size:13px;color:var(--text-muted)}.csi-page-card .csi-actions{margin-top:16px}.csi-role{display:inline-flex;border:1px solid #344058;background:#202942;color:#DCCAFE;border-radius:6px;font-size:10px;line-height:1.5;padding:4px 8px;white-space:normal;max-width:100%}.csi-plan-reference{padding:20px;border:1px solid #293147;border-radius:14px;margin:18px 0}.csi-plan-reference>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.csi-plan-reference span{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--text-muted)}.csi-plan-reference b{font-size:18px;color:#F4F7FF}.csi-plan-reference p{font-size:11px;color:var(--text-muted)}.csi-business-header{display:flex;align-items:flex-start;gap:20px}.csi-business-header>img{height:72px;width:72px;object-fit:cover;border-radius:16px;flex-shrink:0}.csi-business-header>div{flex:1;min-width:0}.csi-business-header p{font-size:13px;margin:8px 0;color:var(--text-muted)}.csi-business-header .csi-actions{flex:0 0 auto;max-width:230px}.csi-business-content{display:grid;grid-template-columns:minmax(0,780px) 300px;gap:24px}.csi-access-screen{max-width:670px;padding-top:36px}.csi-premium{padding:30px}.csi-premium h1{font-size:27px;margin:16px 0}.csi-premium>p{font-size:14px;color:var(--text-muted)}.csi-premium>small{display:block;font-size:12px;margin:14px 0}.csi-premium .btn{width:100%;margin-top:12px}.csi-premium-icon{height:50px;width:50px;display:grid;place-items:center;background:#271944;color:#C5A6FF;border:1px solid #4A2B78;border-radius:12px;margin-bottom:18px}.csi-premium-icon .app-icon{width:25px;height:25px}.csi-launch-badge{display:inline-flex;color:#85E4A8;background:#11271F;border:1px solid #22593C;border-radius:8px;padding:10px 14px;font-size:12px;font-weight:650;margin:12px 0}.csi-access-note{font-size:11px}.csi-pro-shell{max-width:1100px;padding-top:24px}.csi-pro-block{background:#101629;border:1px solid #344058;border-radius:16px;overflow:hidden}.csi-pro-header{display:flex;align-items:center;gap:16px;padding:24px;border-bottom:1px solid #293147;background:#151B2E}.csi-pro-header .csi-premium-icon{margin:0;flex-shrink:0}.csi-pro-header>div{flex:1;min-width:0}.csi-pro-header h1{font-size:22px}.csi-pro-header small{font-size:11px;display:block;margin-top:6px}.csi-pro-search{padding:16px 24px;display:flex;gap:10px;border-bottom:1px solid #293147}.csi-pro-search label{display:flex;align-items:center;gap:10px;flex:1;min-width:0;background:#151B2E;padding-left:12px;border-radius:9px;border:1px solid #293147}.csi-pro-search input{border:0;background:transparent;flex:1;width:100%;font-size:13px}.csi-pro-body{display:grid;grid-template-columns:1.2fr 1fr}.csi-pro-body>section{padding:24px;border-right:1px solid #293147}.csi-pro-body>aside{padding:24px}.csi-pro-body h2{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.csi-space-row{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid #293147}.csi-space-icon{height:42px;width:42px;background:#1C2340;display:grid;place-items:center;border:1px solid #344058;border-radius:11px;font-size:20px;flex-shrink:0}.csi-space-row>div{flex:1;min-width:0}.csi-space-row strong{font-size:14px}.csi-space-row small{display:block;font-size:11px;margin-top:4px;line-height:1.4}.csi-space-row i{color:var(--text-muted);font-size:22px;font-style:normal}.csi-unread{border-radius:16px;background:#7C3AED;padding:3px 7px;min-width:22px;text-align:center;font-size:11px}.csi-pro-rules{margin-top:20px;font-size:12px;color:var(--text-muted);line-height:1.7}.csi-pro-rules summary{cursor:pointer;margin-bottom:12px}.csi-pro-rules strong{color:#F4F7FF}.csi-activity{padding:14px 0;display:flex;flex-direction:column;gap:6px;border-bottom:1px solid #293147}.csi-activity strong{font-size:12px}.csi-activity span{font-size:12px;color:var(--text-muted);overflow-wrap:anywhere}.csi-activity small{font-size:10px}.csi-room-header{display:flex;align-items:center;gap:12px;background:#151B2E;padding:16px 20px}.csi-room-header>div{flex:1;min-width:0}.csi-room-header h1{font-size:20px}.csi-room-header small{font-size:11px}.csi-room-back{font-size:30px;line-height:1}.csi-room-tabs{display:flex;gap:5px;overflow-x:auto;padding:8px 20px;border-block:1px solid #293147}.csi-room-tabs a{padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap}.csi-room-tabs .active{background:#251847;color:#DCCAFE}.csi-room-rule{font-size:11px;color:var(--text-muted);padding:8px 20px;margin:0;border-bottom:1px solid #293147}.csi-room-stream{height:min(55dvh,520px);overflow-y:auto;padding:20px;scroll-behavior:auto;overscroll-behavior:contain}.csi-room-message{display:flex;gap:10px;margin-bottom:16px;max-width:88%}.csi-room-message>img{width:30px;height:30px;object-fit:cover;border-radius:50%;margin-top:3px;flex-shrink:0}.csi-room-message>div{background:#19223B;border:1px solid #293147;padding:10px 14px;border-radius:3px 12px 12px 12px;min-width:0}.csi-room-message.mine{margin-left:auto;flex-direction:row-reverse}.csi-room-message.mine>div{background:#251C43;border-color:#3E2C66;border-radius:12px 3px 12px 12px}.csi-room-message header{display:flex;align-items:center;gap:12px;justify-content:space-between}.csi-room-message header strong{font-size:12px}.csi-room-message header small{font-size:9px}.csi-room-message p{font-size:13px;white-space:pre-wrap;margin:7px 0;line-height:1.6}.csi-room-photo{max-height:260px;max-width:100%;object-fit:contain;border-radius:8px}.csi-private-link{font-size:10px;color:#22D3EE;display:block;margin-top:8px}.csi-room-compose{display:grid;grid-template-columns:minmax(0,1fr) 36px 44px;gap:10px;align-items:center;padding:14px 20px;background:#151B2E;border-top:1px solid #293147}.csi-room-compose textarea{font-size:13px;min-height:44px;max-height:150px;resize:vertical}.csi-room-compose .btn{padding:8px;min-width:44px}.csi-room-attachment{display:grid;place-items:center;position:relative;height:36px;color:var(--text-muted);overflow:hidden;cursor:pointer}.csi-room-attachment input{position:absolute;inset:0;opacity:0;cursor:pointer}.csi-room-compose p,.csi-room-compose [data-csi-room-preview]{grid-column:1/-1;font-size:11px;margin:0;color:var(--text-muted)}.csi-room-compose [data-csi-room-preview] img{height:64px;width:64px;object-fit:cover;border-radius:6px}.csi-readonly{font-size:12px;color:var(--text-muted);border-top:1px solid #293147;padding:18px 20px;background:#151B2E}.csi-security-info{padding:12px 20px;background:#121E31}.csi-security-info p{font-size:11px;margin:8px 0;color:var(--text-muted)}.csi-chat-empty{font-size:13px;color:var(--text-muted)}.csi-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.csi-service{padding:16px 0;border-bottom:1px solid #293147;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.csi-service strong{font-size:13px}.csi-service span{font-size:11px;color:#C7AAFF;margin-left:auto}.csi-service small{width:100%;font-size:11px}.csi-service a{color:#22D3EE;font-size:12px}.csi-admin-settings{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}.csi-admin-settings label{display:flex;flex-direction:column;gap:8px;font-size:12px;min-width:160px;max-width:100%}.csi-admin-users details{border-bottom:1px solid #293147;padding:14px 0}.csi-admin-users summary{cursor:pointer;font-size:13px}.csi-admin-users form{display:flex;gap:14px;flex-wrap:wrap;align-items:center;background:#101629;border-radius:10px;padding:14px;margin:14px 0}.csi-admin-users form strong{font-size:12px}.csi-admin-users form small{font-size:10px}.csi-admin-users label{display:flex;flex-direction:column;font-size:11px;gap:6px;max-width:100%}.csi-admin-post{padding:20px 0;border-bottom:1px solid #293147}.csi-admin-post strong{font-size:13px}.csi-admin-post p{font-size:12px}.csi-admin-post form{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-top:12px}.csi-admin-post label{font-size:11px;display:flex;flex-direction:column;gap:6px}.csi-app .empty-state{background:var(--surface-2);color:#F4F7FF;border:1px solid #293147;box-shadow:none;min-height:160px;border-radius:14px;padding:32px 24px}.csi-app .empty-state p{color:var(--text-muted);font-size:13px}.csi-app .auth-page{background:#0B1020;min-height:0;padding:24px 20px;max-width:560px;margin:auto;display:block}.csi-app .auth-visual{display:none}.csi-app .auth-panel,.csi-app .auth-box{background:var(--surface-2);color:#F4F7FF;border-radius:14px;box-shadow:none}.csi-app .auth-box{padding:24px;max-width:none;border:1px solid #293147}.csi-app .auth-box h2{font-size:22px}.csi-app .auth-box p,.csi-app .auth-switch{color:var(--text-muted)}.csi-app .auth-switch a{color:#C9ADFF}.csi-app .mobile-auth-brand{display:flex;margin-bottom:22px}.csi-app .stack-form label{color:#D2DAED;font-size:12px}.csi-app .social-messenger{border:1px solid #293147;background:#101629;box-shadow:none;border-radius:14px;width:calc(100% - 40px);max-width:1400px;margin:20px auto;height:calc(100dvh - 170px);min-height:480px}.csi-app .social-messenger :is(.conversation-list,.chat-panel,.messages-title,.chat-head,.social-message-form,.messenger-account,.conversation-item,.community-chat,.community-composer){background:#101629;color:#F4F7FF;border-color:var(--border)}.csi-app .conversation-item.active,.csi-app .conversation-item:hover{background:#231A3C}.csi-app .conversation-item strong{color:#F4F7FF}.csi-app .conversation-item small,.csi-app .conversation-item time{color:var(--text-muted)}.csi-app .messenger-heading h1{font-size:20px;background:none;color:var(--text);-webkit-text-fill-color:currentColor}.csi-app .messenger-eyebrow,.csi-app .messages-title .messenger-eyebrow{display:none}.csi-app .messages-title{padding:18px}.csi-app .messenger-heading{margin-bottom:14px}.csi-app .inbox-filters a,.csi-app .chat-search,.csi-app .chat-information{background:var(--surface-2);color:var(--text-muted);border-color:var(--border)}.csi-app .inbox-filters .active{background:#251847;color:#DCCAFE}.csi-app .direct-message,.csi-app .community-message>div{background:#19223B;color:#F4F7FF;border-color:var(--border)}.csi-app .direct-message.mine,.csi-app .community-message.mine>div{background:#251C43;color:#F4F7FF}.csi-app .message-bubble{background:inherit;color:#F4F7FF}.csi-app .message-reference{background:#101629;color:#F4F7FF;border-color:#344058}.csi-app .chat-attach,.csi-app .chat-head button{background:#151B2E;color:#F4F7FF;border-color:var(--border)}.csi-app .message-send,.csi-app .new-chat-button{background:#7C3AED;color:white}.csi-app .new-chat-choice{background:#101629;color:#F4F7FF;border-color:var(--border)}.csi-app .messenger-welcome{background:transparent;max-width:420px;margin:auto;padding:30px}.csi-app .messenger-welcome .welcome-orbit{display:none}.csi-app .messenger-welcome h2{font-size:22px;background:none;-webkit-text-fill-color:#F4F7FF;color:#F4F7FF}.csi-app .messenger-welcome p{color:var(--text-muted);font-size:13px}.csi-app .messenger-welcome .btn{background:#7C3AED;color:white}.csi-app .conversation-list .messenger-account button{display:none}.csi-app .community-chat{height:100%;min-height:0}.csi-app .group-details-hero{background:#151B2E;padding:16px;border-color:var(--border)}.csi-app .group-details-hero img{max-height:56px;max-width:56px}.csi-app .group-details-hero h1{font-size:20px}.csi-app .community-info,.csi-app .messenger-group-details{background:#101629;color:#F4F7FF}.csi-app .chat-route .mobile-nav{display:none}.csi-app .flash{border:1px solid #344058;border-radius:8px;background:#19223B;color:#F4F7FF;font-size:13px;margin-top:12px;min-height:0;padding:12px}.csi-app .error-page{background:#0B1020}.csi-app .error-page h1{font-size:26px}
@media(max-width:1100px){.csi-app .brand{max-width:220px;font-size:14px}.csi-app .nav-link{padding:10px;font-size:12px}.csi-main-layout,.csi-business-content{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.csi-app .desktop-primary-nav .nav-icon{display:none}.csi-app .topbar-inner{gap:10px;padding:0 18px}.csi-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.csi-app .desktop-primary-nav,.csi-app .desktop-actions{display:none}.csi-app .mobile-header-actions{display:flex;gap:8px}.csi-app .topbar-inner{min-height:66px}.csi-app .brand{font-size:13px;max-width:230px}.csi-app .brand strong{font-size:10px}.csi-app .brand-mark{height:34px;width:34px;min-width:34px;flex-basis:34px}.csi-app .mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;position:fixed;bottom:0;left:0;right:0;width:100%;padding:7px 6px calc(7px + env(safe-area-inset-bottom));background:#101629;border-top:1px solid #293147;z-index:70;gap:3px;box-shadow:none}.csi-app .mobile-nav .nav-link{display:flex;flex-direction:column;gap:3px;padding:5px 0;min-height:42px;font-size:10px;line-height:1.4;text-align:center;border-radius:7px;white-space:nowrap;min-width:0}.csi-app .mobile-nav .nav-icon{display:block}.csi-app .mobile-nav .app-icon{width:20px;height:20px}.csi-app{padding-bottom:90px}.csi-main-layout,.csi-business-content{grid-template-columns:minmax(0,1fr)}.csi-main-layout>.csi-rail{display:none}.csi-business-content>.csi-rail{display:block}.csi-app .shell{width:calc(100% - 28px)}.csi-main-layout{padding-top:16px}.csi-app .csi-identity-bar{padding:0 14px;font-size:11px;height:36px}.csi-identity-bar span{overflow:hidden;text-overflow:ellipsis}.csi-identity-bar small{display:none}.csi-identity-bar button{margin-left:auto;font-size:11px;white-space:nowrap}.csi-business-header{flex-wrap:wrap;gap:12px;padding:18px}.csi-business-header>img{width:56px;height:56px}.csi-business-header>div{flex:1;min-width:180px}.csi-business-header .csi-actions{max-width:none;flex:1 1 100%;display:flex;flex-wrap:wrap}.csi-business-header h1{font-size:21px}.csi-pro-header{padding:20px;flex-wrap:wrap;gap:12px}.csi-pro-header h1{font-size:20px}.csi-pro-header .csi-role{margin-left:62px}.csi-pro-body{grid-template-columns:minmax(0,1fr)}.csi-pro-body>section{border-right:0;border-bottom:1px solid #293147;padding:18px}.csi-pro-body>aside{padding:18px}.csi-pro-search{padding:14px 18px}.csi-pro-search input{font-size:12px}.csi-room-header{padding:14px;flex-wrap:wrap}.csi-room-header>.csi-role{display:none}.csi-room-header h1{font-size:18px}.csi-room-header small{font-size:10px}.csi-room-tabs{padding-inline:10px}.csi-room-tabs a{font-size:11px;padding-inline:9px}.csi-room-stream{padding:14px;height:calc(100dvh - 395px);min-height:270px;max-height:600px}.csi-room-compose{padding:12px;gap:8px}.csi-room-message{max-width:95%}.csi-room-message header{flex-wrap:wrap;gap:4px}.csi-room-message header small{width:100%}.csi-access-screen{padding-top:20px}.csi-premium{padding:24px}.csi-premium h1{font-size:24px}.csi-premium>p{font-size:13px}.csi-plan-reference>div{grid-template-columns:1fr 1fr}.csi-account-grid{grid-template-columns:1fr}.csi-app .social-messenger{width:100%;margin:0;border-radius:0;border:0;height:calc(var(--chat-viewport-height,100dvh) - 102px);min-height:0}.csi-app.chat-route{padding-bottom:0}.csi-app .social-messenger .chat-head{min-height:58px}.csi-app .community-chat,.csi-app .messenger-group-details{height:100%}}
@media(max-width:500px){.csi-app .topbar-inner{padding-inline:12px;gap:6px}.csi-app .brand{max-width:195px;font-size:12px;gap:8px}.csi-app .header-round-action,.csi-app .header-menu-toggle,.csi-app .mobile-header-actions>a{width:33px;height:33px;min-width:33px;padding:7px}.csi-app .mobile-header-actions{gap:5px}.csi-app .mobile-header-actions .notification-trigger{display:none}.csi-app .post-card{padding:14px;border-radius:12px}.csi-app .post-head-labels{display:none}.csi-app .post-photo-grid{aspect-ratio:1.1}.csi-app .post-actions button,.csi-app .post-actions a{font-size:10px;padding:8px 2px}.csi-app .post-actions{gap:3px;grid-template-columns:repeat(3,minmax(0,1fr))}.csi-filters{grid-template-columns:minmax(0,1fr) auto;gap:8px}.csi-filters>.csi-search{grid-column:1/-1}.csi-filters select{font-size:12px}.csi-category-pills a{font-size:10px}.csi-app .composer-main img{width:32px;height:32px}.csi-app .composer-main textarea{font-size:12px}.csi-app .composer-actions{gap:7px}.csi-app .composer-actions>:is(button,a){font-size:12px;padding:6px 9px}.csi-panel{padding:16px}.csi-heading{align-items:flex-start;gap:10px}.csi-heading h1{font-size:21px}.csi-heading .btn{font-size:11px;padding:8px 10px;max-width:145px}.csi-form-grid{grid-template-columns:1fr 1fr}.csi-page-grid{grid-template-columns:1fr}.csi-offer-info{padding:13px}.csi-offer-title h2{font-size:16px}.csi-offer-info dl{gap:12px}.csi-launch-badge{font-size:11px;padding:9px 11px}.csi-app .csi-visitor{flex-wrap:wrap}.csi-visitor>div{font-size:12px}.csi-app .media-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.csi-admin-settings label{min-width:0;flex:1 1 100%}.csi-admin-settings input,.csi-admin-settings select{width:100%}.csi-admin-users form{display:flex;flex-direction:column;align-items:stretch}.csi-admin-post label{width:100%}.csi-admin-post input{width:100%}.csi-app .global-search-dialog{width:calc(100vw - 20px);padding:16px}.csi-app .photo-viewer{max-width:100vw}.csi-app .photo-viewer .viewer-stage{min-height:0}.csi-app .header-mobile-menu-card{padding:16px}.csi-app .comment-form img{width:24px;height:24px}.csi-app .comment-form button{font-size:10px;padding:10px 8px}}
@media(prefers-reduced-motion:reduce){.csi-app *{scroll-behavior:auto;transition:none;animation:none}}

@media(max-width:500px){.csi-app .header-mobile-menu-card{min-width:0;width:100%;max-width:100vw}.csi-app .notification-drawer>section{min-width:0;width:100%;max-width:100vw}}


/* source: public/phase2.css */
/* Stream Glass 2 — Fase 2: legible, adaptable y centrado en clientes finales. */
:root {
  --sg-bg: #f4f6fa;
  --sg-bg-soft: #edf1f7;
  --sg-surface: rgba(255,255,255,.86);
  --sg-surface-solid: #ffffff;
  --sg-surface-muted: #f8fafc;
  --sg-text: #172033;
  --sg-subtle: #61708a;
  --sg-line: #dbe2ee;
  --sg-line-strong: #c8d3e3;
  --sg-brand: #4666e8;
  --sg-brand-strong: #3152d7;
  --sg-brand-soft: #e9eeff;
  --sg-pro: #7258df;
  --sg-pro-soft: #eeeaff;
  --sg-aqua: #0d9da2;
  --sg-aqua-soft: #e1f6f5;
  --sg-good: #168365;
  --sg-good-soft: #ddf7ed;
  --sg-warn: #af6515;
  --sg-warn-soft: #fff2db;
  --sg-danger: #ba3a4d;
  --sg-danger-soft: #ffe8ed;
  --sg-shadow: 0 18px 52px rgba(28, 47, 84, .09);
  --sg-shadow-small: 0 6px 22px rgba(28, 47, 84, .07);
  --sg-radius: 18px;
  --color-bg-app: var(--sg-bg);
  --color-bg-card: var(--sg-surface-solid);
  --color-bg-elevated: var(--sg-surface-muted);
  --color-fg-primary: var(--sg-text);
  --color-fg-secondary: var(--sg-subtle);
  --color-accent: var(--sg-brand);
  --color-accent-pro: var(--sg-pro);
  --color-border-subtle: var(--sg-line);
  --color-feedback-success: var(--sg-good);
  --color-feedback-warning: var(--sg-warn);
  --color-feedback-danger: var(--sg-danger);
  --bubble-own: var(--sg-brand-soft);
  --bubble-other: var(--sg-surface-solid);
}

html[data-theme="dark"] {
  --sg-bg: #0c1220;
  --sg-bg-soft: #111a2b;
  --sg-surface: rgba(20,29,47,.88);
  --sg-surface-solid: #141d2f;
  --sg-surface-muted: #19243a;
  --sg-text: #f4f7fd;
  --sg-subtle: #aab7ca;
  --sg-line: #2b3852;
  --sg-line-strong: #40506d;
  --sg-brand: #8da4ff;
  --sg-brand-strong: #a5b7ff;
  --sg-brand-soft: #202d58;
  --sg-pro: #a996ff;
  --sg-pro-soft: #322861;
  --sg-aqua: #53d6d1;
  --sg-aqua-soft: #123c45;
  --sg-good: #62d9ad;
  --sg-good-soft: #113a32;
  --sg-warn: #f2bb68;
  --sg-warn-soft: #44331b;
  --sg-danger: #ff9baa;
  --sg-danger-soft: #4a1f2c;
  --sg-shadow: 0 22px 70px rgba(0,0,0,.32);
  --sg-shadow-small: 0 8px 28px rgba(0,0,0,.22);
}

html[data-theme="light"] { color-scheme: light; }
html[data-theme="dark"] { color-scheme: dark; }

.csi-app {
  background: var(--sg-bg) ;
  color: var(--sg-text) ;
  --navy: var(--sg-text);
  --navy-2: var(--sg-surface-solid);
  --ink: var(--sg-text);
  --muted: var(--sg-subtle);
  --line: var(--sg-line);
  --soft: var(--sg-surface-muted);
  --white: var(--sg-surface-solid);
  --coral: var(--sg-brand);
  --coral-dark: var(--sg-brand-strong);
  --teal: var(--sg-aqua);
  --teal-dark: var(--sg-aqua);
  --hc-bg: var(--sg-bg);
  --hc-surface: var(--sg-surface-solid);
  --hc-panel: var(--sg-surface-solid);
  --hc-text: var(--sg-text);
  --hc-muted: var(--sg-subtle);
  --hc-border: var(--sg-line);
  --hc-primary: var(--sg-brand);
  --hc-brand: var(--sg-brand);
  --hc-brand-soft: var(--sg-brand-soft);
  --hc-surface-2: var(--sg-surface-muted);
  --hc-text-2: var(--sg-subtle);
  min-height: 100dvh;
  padding-bottom: 36px;
  letter-spacing: -.006em;
}

.csi-app::before {
  content: '';
  position: fixed;
  width: min(55vw, 780px);
  height: min(55vw, 780px);
  right: -26vw;
  top: -35vw;
  background: radial-gradient(circle, color-mix(in srgb, var(--sg-brand) 14%, transparent), transparent 69%);
  pointer-events: none;
  z-index: -1;
}

.csi-app :is(h1,h2,h3,h4,p,span,small,a,button,label,strong,li,td,th) {
  overflow-wrap: anywhere;
  word-break: normal;
}
.csi-app h1 { color: var(--sg-text); font-size: clamp(1.55rem, 3vw, 2.25rem); line-height: 1.11; letter-spacing: -.045em; }
.csi-app h2 { color: var(--sg-text); font-size: clamp(1.1rem, 2vw, 1.35rem); line-height: 1.25; }
.csi-app h3 { color: var(--sg-text); }
.csi-app :is(p,small,.muted) { color: var(--sg-subtle); }
.csi-app .shell { width: min(1220px, calc(100% - 40px)); }
.csi-app a { color: inherit; }
.csi-app :focus-visible { outline: 3px solid color-mix(in srgb, var(--sg-brand) 65%, transparent); outline-offset: 3px; }

/* Header and navigation: less noise, one home for professional tools. */
.csi-app .topbar.phase2-header {
  background: color-mix(in srgb, var(--sg-surface) 92%, transparent) ;
  border-bottom: 1px solid color-mix(in srgb, var(--sg-line) 88%, transparent);
  box-shadow: 0 1px 0 rgba(255,255,255,.42) inset;
  backdrop-filter: blur(16px) saturate(140%);
}
.csi-app .topbar-inner { min-height: 68px; max-width: 1320px; padding-inline: 24px; }
.csi-app .brand { color: var(--sg-text) ; max-width: 252px; font-size: 14px; }
.csi-app .brand strong { display: inline; color: var(--sg-brand) ; font-size: inherit; font-weight: 750; }
.csi-app .brand-mark { width: 38px; height: 38px; min-width: 38px; padding: 3px; border-radius: 13px; background: var(--sg-brand-soft); }
.csi-app .brand-mark img { border-radius: 10px; }
.csi-app .desktop-primary-nav { gap: 4px; }
.csi-app .nav-link {
  border-radius: 11px;
  color: var(--sg-subtle) ;
  font-weight: 650;
  padding: 10px 13px;
  transition: background .18s ease, color .18s ease, transform .18s ease;
}
.csi-app .nav-link:hover { background: var(--sg-surface-muted) ; color: var(--sg-text) ; }
.csi-app .nav-link.active { color: var(--sg-brand-strong) ; background: var(--sg-brand-soft) ; }
.csi-app .header-round-action,.csi-app .header-menu-toggle,.csi-app .mobile-header-actions>a {
  background: var(--sg-surface-solid) ;
  border-color: var(--sg-line) ;
  color: var(--sg-text) ;
  border-radius: 12px;
  box-shadow: var(--sg-shadow-small) ;
}
.csi-app .header-round-action:hover,.csi-app .header-menu-toggle:hover { border-color: var(--sg-line-strong) ; background: var(--sg-surface-muted) ; }
.csi-app .csi-identity-bar { background: var(--sg-surface-muted); color: var(--sg-subtle); border-color: var(--sg-line); }
.csi-identity-bar strong { color: var(--sg-text); }
.csi-identity-bar button { color: var(--sg-brand); font-weight: 700; }

.csi-app .header-mobile-menu { background: rgba(11,18,32,.36); padding: 10px; backdrop-filter: blur(5px); }
.csi-app .header-mobile-menu-card {
  background: var(--sg-surface-solid) ;
  border-color: var(--sg-line) ;
  color: var(--sg-text);
  border-radius: 21px;
  box-shadow: var(--sg-shadow);
  padding: 16px;
}
.csi-app .header-menu-title,.csi-app .header-menu-title button { color: var(--sg-text); }
.csi-app .header-menu-title button { background: var(--sg-surface-muted); border-color: var(--sg-line); }
.csi-app .header-identity { background: var(--sg-surface-muted); border-color: var(--sg-line); }
.csi-app .identity-menu-options a,.csi-app .menu-secondary a { color: var(--sg-text); border-color: var(--sg-line); border-radius: 11px; }
.csi-app .identity-menu-options a:hover,.csi-app .menu-secondary a:hover { background: var(--sg-brand-soft); color: var(--sg-brand-strong); }
.csi-app .menu-logout button { background: var(--sg-danger-soft); color: var(--sg-danger); }

/* Common surfaces and controls. */
.csi-app :is(input,textarea,select) {
  background: var(--sg-surface-solid) ;
  color: var(--sg-text) ;
  border: 1px solid var(--sg-line) ;
  border-radius: 12px;
  min-height: 43px;
  padding: 10px 12px;
  line-height: 1.35;
  box-shadow: 0 1px 0 rgba(255,255,255,.2) inset ;
}
.csi-app textarea { min-height: 94px; }
.csi-app :is(input,textarea,select)::placeholder { color: color-mix(in srgb, var(--sg-subtle) 80%, transparent); }
.csi-app :is(input,textarea,select):focus { border-color: var(--sg-brand) ; box-shadow: 0 0 0 3px color-mix(in srgb, var(--sg-brand) 14%, transparent) ; }
.csi-app input[type="checkbox"] { min-height: 18px; width: 18px; accent-color: var(--sg-brand); }
.csi-app .btn {
  min-height: 42px;
  background: var(--sg-surface-solid);
  color: var(--sg-text);
  border: 1px solid var(--sg-line);
  border-radius: 12px;
  box-shadow: none ;
  font-weight: 720;
  line-height: 1.2;
  padding: 10px 14px;
  transition: transform .17s ease, border-color .17s ease, background .17s ease;
}
.csi-app .btn:hover { transform: translateY(-1px) ; border-color: var(--sg-line-strong); }
.csi-app .btn-primary { background: var(--sg-brand) ; border-color: var(--sg-brand) ; color: #fff ; }
.csi-app .btn-primary:hover { background: var(--sg-brand-strong) ; }
.csi-app .btn-outline { background: transparent; color: var(--sg-text); }
.csi-app .btn-outline:hover { color: var(--sg-brand-strong); background: var(--sg-brand-soft); border-color: color-mix(in srgb, var(--sg-brand) 40%, var(--sg-line)); }
.csi-app .btn-small { min-height: 36px; padding: 8px 11px; font-size: 12px; }
.csi-app .csi-panel,.csi-app .post-card { background: var(--sg-surface) ; border-color: var(--sg-line) ; box-shadow: var(--sg-shadow-small); border-radius: var(--sg-radius); }
.csi-app .post-card { padding: 18px; }
.csi-app .csi-panel { padding: 20px; }
.csi-app .flash { border-radius: 12px; background: var(--sg-good-soft); border-color: color-mix(in srgb, var(--sg-good) 35%, var(--sg-line)); color: var(--sg-good); }

/* Existing catalog, feed and forms remain coherent with Phase 2. */
.csi-app .csi-main-layout { gap: 22px; padding-top: 24px; }
.csi-app .csi-filters { gap: 10px; }
.csi-app .csi-search { background: var(--sg-surface-solid); border-color: var(--sg-line); border-radius: 12px; }
.csi-app .csi-category-pills a { background: var(--sg-surface-solid); border-color: var(--sg-line); color: var(--sg-subtle); }
.csi-app .csi-category-pills a.active { color: var(--sg-brand-strong); background: var(--sg-brand-soft); border-color: color-mix(in srgb, var(--sg-brand) 35%, var(--sg-line)); }
.csi-app .inline-composer,.csi-app .media-uploader { background: var(--sg-surface); border-color: var(--sg-line); }
.csi-app .composer-main textarea,.csi-app .comment-form input { background: var(--sg-surface-solid) ; }
.csi-app .composer-actions .csi-sell { background: var(--sg-brand); color: #fff; border-radius: 10px; }
.csi-app .post-kind { background: var(--sg-brand-soft); color: var(--sg-brand-strong); }
.csi-app .post-copy,.csi-app .comment-content p { color: var(--sg-text); }
.csi-app .comment-content { background: var(--sg-surface-muted); border-color: var(--sg-line); }
.csi-app .creation-form { gap: 16px; }
.csi-app .creation-form label { color: var(--sg-text); font-weight: 650; }
.csi-app .csi-form-grid { gap: 14px; }
.phase2-terms-check { display:flex ; flex-direction:row ; align-items:flex-start; gap:9px; color:var(--sg-subtle) ; font-size:11px ; line-height:1.45; font-weight:550 ; }
.phase2-terms-check input { margin-top:1px; flex:0 0 auto; }
.phase2-terms-check a { color:var(--sg-brand); text-decoration:underline; text-underline-offset:2px; }
.csi-app .csi-format-tabs { background: var(--sg-surface-muted); border-color: var(--sg-line); }
.csi-app .csi-format-tabs .active { background: var(--sg-surface-solid); color: var(--sg-brand-strong); box-shadow: var(--sg-shadow-small); }
.csi-app .csi-offer-info { background: var(--sg-surface-muted); border-color: var(--sg-line); }
.csi-app .csi-offer-title>strong,.csi-app .csi-promotion-links a { color: var(--sg-brand); }

/* Professional access gate. */
.phase2-gate-shell { min-height: calc(100dvh - 132px); display: grid; place-items: center; padding-block: 40px; }
.phase2-gate-card {
  width: min(680px,100%);
  position: relative;
  overflow: hidden;
  background: var(--sg-surface) ;
  border: 1px solid color-mix(in srgb,var(--sg-pro) 32%,var(--sg-line));
  border-radius: 26px;
  box-shadow: var(--sg-shadow);
  padding: clamp(24px,5vw,52px);
}
.phase2-gate-card::after { content:''; position:absolute; width:270px; height:270px; right:-100px; top:-120px; border-radius:50%; background: radial-gradient(circle,var(--sg-brand-soft),transparent 68%); pointer-events:none; }
.phase2-gate-card>* { position:relative; z-index:1; }
.phase2-gate-mark { width:56px; height:56px; display:grid; place-items:center; border-radius:18px; background: var(--sg-pro-soft); color: var(--sg-pro); margin-bottom:22px; }
.phase2-gate-card .phase2-eyebrow { color:var(--sg-pro); }
.phase2-gate-mark .app-icon { width:28px; height:28px; }
.phase2-gate-card h1 { max-width:14ch; margin-bottom:12px; }
.phase2-gate-card>p { max-width:60ch; font-size:15px; }
.phase2-gate-card form,.phase2-gate-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:25px; }
.phase2-gate-card .csi-launch-badge { background: var(--sg-good-soft); color: var(--sg-good); border-color: color-mix(in srgb,var(--sg-good) 30%,var(--sg-line)); }

/* Professional home. */
.phase2-pro-shell,.phase2-directory-shell,.phase2-form-shell,.phase2-profile-shell,.phase2-security-shell,.phase2-admin-shell { padding-top: 30px; padding-bottom: 42px; }
.phase2-pro-top,.phase2-screen-header { display:flex; justify-content:space-between; gap:24px; align-items:flex-end; margin-bottom:22px; }
.phase2-pro-top>div:first-child,.phase2-screen-header>div { min-width:0; }
.phase2-pro-top h1,.phase2-screen-header h1 { margin:4px 0 9px; }
.phase2-pro-top p,.phase2-screen-header p { max-width:700px; margin:0; }
.phase2-pro-top-actions,.phase2-form-actions { display:flex; gap:10px; flex-wrap:wrap; flex-shrink:0; }
.phase2-eyebrow { color: var(--sg-brand); letter-spacing:.11em; font-size:10px; line-height:1.2; font-weight:800; }
.phase2-pro-grid { display:grid; grid-template-columns: minmax(220px,.85fr) minmax(0,1.7fr) minmax(220px,.85fr); gap:16px; align-items:start; }
.phase2-pro-spaces,.phase2-pro-activity,.phase2-pro-people { min-width:0; }
.phase2-card { min-width:0; background: var(--sg-surface) ; border:1px solid var(--sg-line); border-radius: var(--sg-radius); box-shadow: var(--sg-shadow-small); padding:18px; }
.phase2-aside-heading { display:flex; justify-content:space-between; align-items:center; gap:10px; margin: 0 4px 10px; font-size:13px; }
.phase2-aside-heading a,.phase2-card header>a { color:var(--sg-brand); font-size:12px; font-weight:700; white-space:nowrap; }
.phase2-space-row { display:flex; align-items:center; gap:11px; padding:12px; border:1px solid transparent; border-radius:14px; margin-bottom:5px; transition:background .17s,border-color .17s; }
.phase2-space-row:hover,.phase2-space-row.is-active { background: var(--sg-surface); border-color: var(--sg-line); box-shadow: var(--sg-shadow-small); }
.phase2-space-row>span:first-child,.phase2-space-icon { width:36px; height:36px; min-width:36px; display:grid; place-items:center; color:var(--sg-brand); background:var(--sg-brand-soft); border-radius:12px; }
.phase2-space-row>div { min-width:0; flex:1; }
.phase2-space-row strong { display:block; color:var(--sg-text); font-size:13px; }
.phase2-space-row small { display:block; font-size:11px; line-height:1.35; margin-top:2px; }
.phase2-space-row>i { color:var(--sg-subtle); font-size:18px; font-style:normal; }
.phase2-space-row .csi-unread { background:var(--sg-brand); color:white; }
.phase2-safety-link { display:flex; align-items:center; gap:9px; margin:15px 6px 0; color:var(--sg-subtle); font-size:12px; font-weight:650; }
.phase2-safety-link:hover { color:var(--sg-brand); }
.phase2-rule-card { display:flex; align-items:center; gap:13px; margin-bottom:16px; background:linear-gradient(135deg,var(--sg-brand-soft),var(--sg-surface)) ; }
.phase2-rule-card>span { color:var(--sg-brand); }
.phase2-rule-card>div { flex:1; min-width:0; }
.phase2-rule-card p { font-size:12px; margin:4px 0 0; }
.phase2-rule-card>a { color:var(--sg-brand); font-size:12px; font-weight:700; white-space:nowrap; }
.phase2-activity-card header,.phase2-pro-people header { display:flex; justify-content:space-between; gap:10px; align-items:start; margin-bottom:7px; }
.phase2-activity-card h2 { margin:5px 0 0; }
.phase2-activity-row { display:flex; gap:11px; padding:13px 0; border-top:1px solid var(--sg-line); }
.phase2-activity-row>span { color:var(--sg-brand); padding-top:2px; }
.phase2-activity-row>div { min-width:0; }
.phase2-activity-row strong { font-size:13px; }
.phase2-activity-row p { margin:3px 0; font-size:12px; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.phase2-activity-row small { font-size:10px; }
.phase2-person-row { display:flex; align-items:center; gap:10px; padding:11px 0; border-top:1px solid var(--sg-line); }
.phase2-person-row img { width:34px; height:34px; border-radius:11px; object-fit:cover; background:var(--sg-surface-muted); }
.phase2-person-row span { min-width:0; }
.phase2-person-row strong,.phase2-person-row small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.phase2-person-row strong { font-size:12px; color:var(--sg-text); }
.phase2-person-row small { font-size:10px; }
.phase2-access-summary { display:flex; flex-direction:column; gap:6px; margin-top:16px; }
.phase2-access-summary strong { color:var(--sg-text); }
.phase2-access-summary span { color:var(--sg-good); font-size:12px; font-weight:700; }
.phase2-access-summary a { color:var(--sg-brand); font-size:12px; font-weight:700; margin-top:4px; }
.phase2-muted { color:var(--sg-subtle); font-size:13px; }

/* Rooms: one focused conversation; details only when requested on small screens. */
.phase2-room-shell { padding-top:20px; padding-bottom:35px; }
.phase2-room-grid { display:grid; grid-template-columns:220px minmax(0,1fr) 245px; gap:14px; align-items:start; }
.phase2-room-sidebar { position:sticky; top:91px; }
.phase2-room-sidebar>strong { display:block; margin:15px 7px 9px; font-size:12px; color:var(--sg-subtle); }
.phase2-back-link { display:block; padding:9px 7px; color:var(--sg-brand); font-size:12px; font-weight:720; }
.phase2-room-main { min-width:0; background:var(--sg-surface) ; border:1px solid var(--sg-line); border-radius:20px; overflow:hidden; box-shadow:var(--sg-shadow-small); }
.phase2-room-header { display:flex; align-items:center; gap:10px; padding:15px 17px; border-bottom:1px solid var(--sg-line); background:color-mix(in srgb,var(--sg-surface-muted) 72%,transparent); }
.phase2-room-header>a { display:none; color:var(--sg-brand); font-size:29px; line-height:1; }
.phase2-room-header>div { flex:1; min-width:0; }
.phase2-room-header h1 { font-size:16px; letter-spacing:-.02em; margin:0; }
.phase2-room-header p { font-size:11px; margin:3px 0 0; line-height:1.35; }
.phase2-icon-button { display:grid; place-items:center; width:36px; height:36px; padding:7px; background:var(--sg-surface-solid); color:var(--sg-subtle); border:1px solid var(--sg-line); border-radius:10px; }
.phase2-room-stream { height:min(59dvh,620px); padding:20px; background:linear-gradient(180deg,color-mix(in srgb,var(--sg-surface-muted) 60%,transparent),transparent 32%); }
.csi-app .csi-room-message { max-width:min(88%,660px); }
.csi-app .csi-room-message>div { background:var(--sg-surface-solid); border-color:var(--sg-line); color:var(--sg-text); border-radius:5px 15px 15px 15px; box-shadow:0 4px 14px rgba(32,48,78,.04); }
.csi-app .csi-room-message.mine>div { background:var(--sg-brand-soft); border-color:color-mix(in srgb,var(--sg-brand) 25%,var(--sg-line)); border-radius:15px 5px 15px 15px; }
.csi-app .csi-room-message p { color:var(--sg-text); }
.csi-app .csi-room-message header small { color:var(--sg-subtle); }
.phase2-room-compose { background:var(--sg-surface-solid); border-top:1px solid var(--sg-line); padding:10px 14px 13px; grid-template-columns:38px minmax(0,1fr) 42px; }
.phase2-send-as { grid-column:1/-1; color:var(--sg-subtle); font-size:10px; padding-left:2px; }
.phase2-send-as strong { color:var(--sg-text); }
.phase2-room-compose textarea { min-height:43px; height:43px; max-height:130px; padding:11px 12px; }
.phase2-room-compose .btn { min-height:43px; width:42px; padding:9px; border-radius:12px; }
.phase2-room-details { display:flex; flex-direction:column; gap:13px; position:sticky; top:91px; }
.phase2-room-details section { background:var(--sg-surface); border:1px solid var(--sg-line); border-radius:16px; box-shadow:var(--sg-shadow-small); padding:15px; }
.phase2-room-details strong { display:block; color:var(--sg-text); font-size:13px; margin-bottom:7px; }
.phase2-room-details p { font-size:12px; margin:0; }
.phase2-room-details a { display:block; color:var(--sg-brand); font-size:12px; padding:9px 0; border-top:1px solid var(--sg-line); }
.phase2-room-details a:first-of-type { margin-top:8px; }
.phase2-room-details a span { display:block; color:var(--sg-subtle); font-size:11px; margin-top:3px; }
.phase2-day-separator { display:flex; align-items:center; gap:8px; color:var(--sg-subtle); font-size:10px; margin:16px 0 11px; }
.phase2-day-separator::before,.phase2-day-separator::after { content:''; height:1px; flex:1; background:var(--sg-line); }
.phase2-day-separator span { padding:3px 7px; border-radius:99px; background:var(--sg-surface-muted); }
.phase2-pinned { display:inline-flex; align-items:center; gap:4px; color:var(--sg-brand); font-size:10px; font-weight:750; margin-top:6px; }
.phase2-pinned .app-icon { width:12px; height:12px; }
.phase2-inline-action { margin-top:7px; }
.phase2-inline-action button { border:0; padding:0; background:transparent; color:var(--sg-brand); font-size:10px; font-weight:700; }
.phase2-security-banner { display:flex; justify-content:space-between; gap:15px; align-items:center; padding:14px 17px; background:var(--sg-warn-soft); border-bottom:1px solid color-mix(in srgb,var(--sg-warn) 24%,var(--sg-line)); }
.phase2-security-banner p { font-size:11px; margin:3px 0 0; }
.phase2-readonly { padding:14px 17px; background:var(--sg-warn-soft); color:var(--sg-warn); font-size:12px; border-top:1px solid color-mix(in srgb,var(--sg-warn) 25%,var(--sg-line)); }

/* Directory and professional profile. */
.phase2-directory-filters { display:grid; grid-template-columns:minmax(190px,1.8fr) repeat(3,minmax(130px,.8fr)) auto auto; gap:9px; align-items:center; margin-bottom:20px; }
.phase2-directory-filters>label { display:flex; align-items:center; gap:8px; min-width:0; padding-left:12px; color:var(--sg-subtle); background:var(--sg-surface-solid); border:1px solid var(--sg-line); border-radius:12px; }
.phase2-directory-filters>label:focus-within { border-color:var(--sg-brand); box-shadow:0 0 0 3px color-mix(in srgb,var(--sg-brand) 14%,transparent); }
.phase2-directory-filters>label input { min-width:0; width:100%; border:0 ; box-shadow:none ; background:transparent ; }
.phase2-directory-filters select { min-width:0; width:100%; }
.phase2-clear-filter { color:var(--sg-brand); font-size:12px; font-weight:700; white-space:nowrap; }
.phase2-directory-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.pro-directory-card { display:grid; grid-template-columns:48px minmax(0,1fr) auto; gap:12px; align-items:center; min-width:0; padding:16px; background:var(--sg-surface) ; border:1px solid var(--sg-line); border-radius:18px; box-shadow:var(--sg-shadow-small); }
.pro-directory-card:hover { border-color:color-mix(in srgb,var(--sg-brand) 40%,var(--sg-line)); transform:translateY(-2px); transition:transform .18s,border-color .18s; }
.pro-directory-avatar { display:block; width:48px; height:48px; }
.pro-directory-avatar img { display:block; width:100%; height:100%; object-fit:cover; border-radius:15px; background:var(--sg-surface-muted); }
.pro-directory-copy { min-width:0; }
.pro-directory-title { display:flex; align-items:center; gap:6px; min-width:0; }
.pro-directory-title a { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pro-directory-title strong { color:var(--sg-text); font-size:14px; }
.pro-directory-copy>span { display:block; color:var(--sg-subtle); font-size:11px; margin-top:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pro-directory-copy>p { margin:7px 0 0; color:var(--sg-subtle); font-size:12px; line-height:1.42; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.pro-chips { display:flex; flex-wrap:wrap; gap:5px; margin-top:9px; }
.pro-chips span { display:inline-flex; align-items:center; min-width:0; padding:3px 7px; border-radius:99px; background:var(--sg-brand-soft); color:var(--sg-brand-strong); font-size:10px; font-weight:700; }
.pro-directory-actions { display:flex; flex-direction:column; gap:6px; align-items:stretch; }
.pro-directory-actions .btn { white-space:nowrap; }
.phase2-directory-card { min-width:0; background:var(--sg-surface) ; border:1px solid var(--sg-line); border-radius:18px; box-shadow:var(--sg-shadow-small); overflow:hidden; }
.phase2-directory-card>a:first-child { display:block; padding:18px 17px 15px; }
.phase2-directory-card:hover { border-color:color-mix(in srgb,var(--sg-brand) 38%,var(--sg-line)); transform:translateY(-2px); transition:transform .18s,border-color .18s; }
.phase2-directory-card-head { display:flex; gap:10px; align-items:center; }
.phase2-directory-card-head img { width:46px; height:46px; object-fit:cover; border-radius:14px; background:var(--sg-surface-muted); }
.phase2-directory-card-head>div { min-width:0; flex:1; }
.phase2-directory-card-head h2 { font-size:15px; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.phase2-directory-card-head p { font-size:11px; margin:3px 0 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.phase2-verified { display:inline-flex; vertical-align:middle; color:var(--sg-good); font-size:10px; letter-spacing:0; }
.phase2-directory-card>p { margin:0 17px 14px; font-size:12px; line-height:1.48; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.phase2-directory-card footer { display:flex; justify-content:space-between; align-items:center; gap:8px; padding:11px 17px; border-top:1px solid var(--sg-line); color:var(--sg-subtle); font-size:10px; }
.phase2-directory-card footer span { display:flex; align-items:center; gap:4px; min-width:0; }
.phase2-directory-card footer .app-icon { width:13px; height:13px; }
.phase2-profile-card { overflow:hidden; padding:0; }
.phase2-profile-cover { height:130px; background:linear-gradient(125deg,var(--sg-brand) 0%,var(--sg-aqua) 145%); opacity:.92; }
.phase2-profile-head { display:flex; align-items:flex-end; gap:15px; padding:0 25px 18px; margin-top:-37px; }
.phase2-profile-head>img { width:82px; height:82px; border-radius:23px; border:4px solid var(--sg-surface-solid); object-fit:cover; background:var(--sg-surface-muted); box-shadow:var(--sg-shadow-small); }
.phase2-profile-head>div { flex:1; min-width:0; padding-top:44px; }
.phase2-profile-head h1 { font-size:22px; margin:4px 0; }
.phase2-profile-head p { margin:0; font-size:13px; }
.phase2-profile-head>.btn,.phase2-profile-head>form { margin-bottom:2px; flex-shrink:0; }
.phase2-profile-info { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--sg-line); }
.phase2-profile-info>div { padding:18px 25px; min-width:0; border-right:1px solid var(--sg-line); }
.phase2-profile-info>div:last-child { border-right:0; }
.phase2-profile-info small { color:var(--sg-subtle); font-size:10px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.phase2-profile-info p { color:var(--sg-text); margin:8px 0 0; font-size:13px; line-height:1.55; }
.phase2-linked-page { display:flex; align-items:center; gap:9px; color:var(--sg-brand); padding:14px 25px; background:var(--sg-surface-muted); border-top:1px solid var(--sg-line); font-size:13px; font-weight:700; }

/* Forms and status pages: flexible grids, labels never collide. */
.phase2-form-shell { max-width:860px; }
.phase2-profile-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
.phase2-profile-form>label,.phase2-profile-form fieldset { min-width:0; display:flex; flex-direction:column; gap:7px; color:var(--sg-text); font-size:12px; font-weight:700; }
.phase2-profile-form>label:has(textarea),.phase2-profile-form fieldset,.phase2-profile-form>.phase2-form-actions { grid-column:1/-1; }
.phase2-profile-form fieldset { border:1px solid var(--sg-line); background:var(--sg-surface-muted); border-radius:13px; padding:13px; }
.phase2-profile-form legend { color:var(--sg-subtle); font-size:11px; font-weight:800; padding:0 4px; }
.phase2-profile-form fieldset label,.phase2-switch { display:flex ; flex-direction:row ; align-items:flex-start; gap:9px; font-weight:600 ; line-height:1.4; }
.phase2-form-actions { display:flex; flex-wrap:wrap; gap:10px; padding-top:3px; }
.phase2-secondary-action { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:16px; }
.phase2-secondary-action a { color:var(--sg-brand); font-weight:750; }
.phase2-secondary-action span { color:var(--sg-subtle); font-size:12px; text-align:right; }
.phase2-status-card { display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.phase2-status-card h1,.phase2-status-card p { margin:0; }
.phase2-status-pill { padding:6px 10px; border-radius:99px; color:var(--sg-good); background:var(--sg-good-soft); font-size:11px; font-weight:800; text-transform:capitalize; }

/* Security center. */
.phase2-security-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr); gap:16px; align-items:start; }
.phase2-security-grid .phase2-card { margin-bottom:16px; }
.phase2-security-guide { display:flex; gap:13px; align-items:flex-start; background:linear-gradient(135deg,var(--sg-aqua-soft),var(--sg-surface)) ; }
.phase2-security-guide>.app-icon { min-width:27px; height:27px; color:var(--sg-aqua); }
.phase2-security-guide h2 { margin:0 0 5px; }
.phase2-security-guide p { font-size:12px; margin:0; }
.phase2-report-form { display:grid; gap:14px; }
.phase2-report-form label { display:flex; flex-direction:column; gap:7px; color:var(--sg-text); font-size:12px; font-weight:700; }
.phase2-report-list { display:grid; gap:9px; }
.phase2-report-item { border:1px solid var(--sg-line); border-radius:13px; padding:13px; background:var(--sg-surface-muted); }
.phase2-report-item header { display:flex; justify-content:space-between; gap:10px; align-items:start; }
.phase2-report-item strong { color:var(--sg-text); font-size:13px; }
.phase2-report-item small { display:block; font-size:10px; margin-top:3px; }
.phase2-report-item p { margin:9px 0 0; font-size:12px; }
.phase2-report-item details { margin-top:10px; font-size:11px; color:var(--sg-subtle); }
.phase2-report-item summary { cursor:pointer; color:var(--sg-brand); font-weight:700; }

/* Appearance and administration. */
.phase2-theme-form { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.phase2-theme-choice { position:relative; display:block; }
.phase2-theme-choice input { position:absolute; opacity:0; pointer-events:none; }
.phase2-theme-choice span { display:flex; flex-direction:column; gap:5px; min-height:112px; padding:14px; border:1px solid var(--sg-line); border-radius:15px; background:var(--sg-surface-muted); cursor:pointer; }
.phase2-theme-choice input:checked+span,.phase2-theme-choice.is-selected span { background:var(--sg-brand-soft); border-color:var(--sg-brand); color:var(--sg-brand-strong); box-shadow:0 0 0 3px color-mix(in srgb,var(--sg-brand) 12%,transparent); }
.phase2-theme-choice strong { color:var(--sg-text); font-size:13px; }
.phase2-theme-choice small { font-size:11px; line-height:1.35; }
.phase2-theme-form>.btn { grid-column:1/-1; justify-self:start; margin-top:3px; }
.phase2-step { display:inline-flex; align-items:center; padding:6px 9px; border-radius:99px; background:var(--sg-brand-soft); color:var(--sg-brand-strong); font-size:11px; font-weight:750; }
.phase2-request-pending { padding:11px 13px; background:var(--sg-warn-soft); color:var(--sg-warn); border-radius:12px; font-size:12px; }
.phase2-text-link { display:inline-block; color:var(--sg-brand); font-size:12px; font-weight:700; margin-top:18px; }
.phase2-admin-shell { max-width:1280px; }
.phase2-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:16px; }
.phase2-stats>div { min-width:0; background:var(--sg-surface); border:1px solid var(--sg-line); border-radius:15px; padding:15px; box-shadow:var(--sg-shadow-small); }
.phase2-stats strong,.phase2-stats span { display:block; }
.phase2-stats strong { color:var(--sg-brand); font-size:24px; line-height:1; letter-spacing:-.04em; }
.phase2-stats span { color:var(--sg-subtle); font-size:11px; margin-top:7px; }
.phase2-admin-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.phase2-admin-wide { grid-column:1/-1; }
.phase2-admin-grid h2 { margin:0 0 13px; }
.phase2-admin-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.phase2-admin-form label { display:flex; flex-direction:column; gap:6px; color:var(--sg-text); font-size:11px; font-weight:700; }
.phase2-admin-form .btn { align-self:end; }
.phase2-admin-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.9fr); gap:15px; padding:14px 0; border-top:1px solid var(--sg-line); }
.phase2-admin-row:first-of-type { border-top:0; padding-top:0; }
.phase2-admin-row>div { min-width:0; }
.phase2-admin-row strong,.phase2-admin-row span { display:block; }
.phase2-admin-row strong { color:var(--sg-text); font-size:13px; }
.phase2-admin-row span { color:var(--sg-subtle); font-size:11px; margin-top:3px; }
.phase2-admin-row p { font-size:12px; margin:8px 0 0; }
.phase2-admin-row form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.phase2-admin-row form label { display:flex; flex-direction:column; gap:5px; min-width:0; color:var(--sg-subtle); font-size:10px; font-weight:700; }
.phase2-admin-row form textarea { min-height:58px; }
.phase2-admin-row form .btn { grid-column:1/-1; justify-self:start; }
.phase2-admin-members { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.phase2-admin-members details { border:1px solid var(--sg-line); border-radius:13px; padding:11px; background:var(--sg-surface-muted); min-width:0; }
.phase2-admin-members summary { cursor:pointer; list-style:none; }
.phase2-admin-members summary::-webkit-details-marker { display:none; }
.phase2-admin-members summary span,.phase2-admin-members summary small { display:block; }
.phase2-admin-members summary span { color:var(--sg-text); font-size:12px; font-weight:750; }
.phase2-admin-members summary small { margin-top:3px; font-size:10px; }
.phase2-admin-members p { font-size:11px; margin:10px 0; }
.phase2-admin-members form { display:grid; gap:7px; }
.phase2-admin-members label { display:flex; flex-direction:column; gap:5px; color:var(--sg-subtle); font-size:10px; font-weight:700; }
.phase2-price-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; grid-column:1/-1; }
.phase2-price-grid label { display:flex; flex-direction:column; gap:5px; min-width:0; }
.phase2-price-grid small { color:var(--sg-subtle); font-size:10px; }
.phase2-invite-row { padding:11px 0; border-top:1px solid var(--sg-line); }
.phase2-invite-row code { display:block; color:var(--sg-brand); overflow-wrap:anywhere; font-size:11px; }
.phase2-invite-row small { display:block; margin-top:4px; font-size:10px; }
.phase2-reports-list { margin-top:16px; display:grid; gap:10px; }
.phase2-reports-list>h2 { margin:0 0 2px; }
.phase2-reports-list .phase2-card header { display:flex; justify-content:space-between; gap:10px; align-items:start; }
.phase2-reports-list .phase2-card>p { font-size:12px; margin:9px 0; }
.phase2-reports-list form { display:grid; gap:8px; margin-top:12px; }
.phase2-reports-list form label { display:grid; gap:6px; color:var(--sg-text); font-size:11px; font-weight:700; }

/* Dialogs and messenger: explicitly messaging only. */
.csi-app :is(dialog,.notification-drawer>section) { background:var(--sg-surface-solid) ; border-color:var(--sg-line); color:var(--sg-text); box-shadow:var(--sg-shadow); }
.csi-app .message-new-dialog .message-dialog-option { background:var(--sg-surface-muted); border-color:var(--sg-line); color:var(--sg-text); }
.csi-app .message-new-dialog .message-dialog-option:hover { border-color:var(--sg-brand); background:var(--sg-brand-soft); }
.csi-app .message-new-dialog .message-dialog-note { color:var(--sg-subtle); font-size:11px; line-height:1.45; }

/* The customer-facing mobile navigation has a single, clear professional entry. */
.csi-app .phase2-mobile-nav { background:color-mix(in srgb,var(--sg-surface) 96%,transparent) ; border-top:1px solid var(--sg-line); box-shadow:0 -5px 26px rgba(27,45,77,.09); backdrop-filter:blur(16px); }
.csi-app .phase2-mobile-nav .nav-link { padding:7px 4px 8px; color:var(--sg-subtle) ; background:transparent ; border-radius:12px; }
.csi-app .phase2-mobile-nav .nav-link.active { color:var(--sg-brand-strong) ; }
.csi-app .phase2-mobile-nav .nav-link-community { margin-top:-18px; min-width:62px; color:#fff ; background:var(--sg-pro) ; border:4px solid var(--sg-bg); border-radius:18px; box-shadow:0 9px 21px color-mix(in srgb,var(--sg-pro) 30%,transparent); }
.csi-app .phase2-mobile-nav .nav-link-community .nav-icon { margin-top:1px; }
.csi-app .phase2-mobile-nav .nav-link-community span:last-child { font-size:9px; }
.phase2-keyboard-open .phase2-mobile-nav { transform:translateY(110%); pointer-events:none; }

@media (prefers-reduced-transparency: reduce) {
  .csi-app .topbar.phase2-header,.csi-app .phase2-mobile-nav { background:var(--sg-surface-solid) ; backdrop-filter:none; }
}

@media (prefers-reduced-motion: reduce) {
  .csi-app *, .csi-app *::before, .csi-app *::after { scroll-behavior:auto ; animation-duration:.01ms ; animation-iteration-count:1 ; transition-duration:.01ms ; }
}

@media (max-width: 1120px) {
  .phase2-pro-grid { grid-template-columns:minmax(210px,.8fr) minmax(0,1.5fr); }
  .phase2-pro-people { grid-column:1/-1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
  .phase2-pro-people>.phase2-card { margin:0; }
  .phase2-room-grid { grid-template-columns:190px minmax(0,1fr); }
  .phase2-room-details { display:none; }
  .phase2-room-details.is-open { display:flex; position:fixed; z-index:85; right:13px; bottom:82px; top:auto; width:min(355px,calc(100vw - 26px)); max-height:min(70dvh,570px); overflow:auto; }
  .phase2-directory-filters { grid-template-columns:minmax(210px,1fr) repeat(2,minmax(140px,.8fr)); }
  .phase2-directory-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width: 760px) {
  .csi-app { padding-bottom:86px; }
  .csi-app .shell { width:min(100% - 24px, 620px); }
  .csi-app .topbar-inner { min-height:60px; padding-inline:12px; gap:8px; }
  .csi-app .brand { font-size:11px; max-width:181px; }
  .csi-app .brand-mark { width:33px; height:33px; min-width:33px; border-radius:11px; }
  .csi-app .brand-mark img { border-radius:8px; }
  .csi-app .mobile-header-actions { gap:5px; }
  .csi-app .mobile-header-actions>a,.csi-app .header-menu-toggle { width:34px; height:34px; min-width:34px; padding:7px; border-radius:10px; }
  .csi-app .csi-identity-bar { height:auto; min-height:36px; padding:6px 12px; overflow:hidden; }
  .csi-identity-bar small { display:none; }
  .csi-app .csi-main-layout { display:block; padding-top:13px; }
  .csi-app .csi-main-layout>aside { margin-top:13px; }
  .csi-app .csi-panel,.csi-app .post-card { border-radius:15px; padding:15px; }
  .csi-app .csi-heading { align-items:flex-start; margin-bottom:15px; }
  .csi-app .csi-heading>a { font-size:12px; flex-shrink:0; }
  .csi-app .csi-filters { grid-template-columns:minmax(0,1fr) auto; }
  .csi-app .csi-filters label:first-child { grid-column:1/-1; }
  .csi-app .csi-filters select { max-width:150px; }
  .csi-app .csi-form-grid { grid-template-columns:1fr; }
  .csi-app .csi-format-tabs { overflow-x:auto; }
  .csi-app .csi-format-tabs a { min-width:150px; }
  .phase2-gate-shell { min-height:auto; padding-block:20px; }
  .phase2-gate-card { border-radius:20px; padding:25px 20px; }
  .phase2-gate-card h1 { max-width:100%; }
  .phase2-pro-shell,.phase2-directory-shell,.phase2-form-shell,.phase2-profile-shell,.phase2-security-shell,.phase2-admin-shell { padding-top:18px; }
  .phase2-pro-top,.phase2-screen-header { display:block; margin-bottom:16px; }
  .phase2-pro-top-actions,.phase2-screen-header>.btn { margin-top:14px; }
  .phase2-pro-top-actions .btn { flex:1; text-align:center; }
  .phase2-pro-grid,.phase2-security-grid { display:block; }
  .phase2-pro-spaces,.phase2-pro-activity,.phase2-pro-people { margin-bottom:14px; }
  .phase2-pro-people { display:block; }
  .phase2-pro-people>.phase2-card { margin-bottom:14px; }
  .phase2-space-row { padding:11px; }
  .phase2-rule-card { align-items:flex-start; flex-wrap:wrap; }
  .phase2-rule-card>a { margin-left:39px; }
  .phase2-room-shell { width:100% ; padding-top:0; padding-bottom:0; }
  .phase2-room-grid { display:block; }
  .phase2-room-sidebar { display:none; }
  .phase2-room-main { border-inline:0; border-radius:0; box-shadow:none; }
  .phase2-room-header { padding:12px; }
  .phase2-room-header>a { display:block; }
  .phase2-room-stream { height:calc(100dvh - 213px); min-height:310px; padding:13px 12px; }
  .csi-app .csi-room-message { max-width:92%; margin-bottom:12px; }
  .csi-app .csi-room-message>img { width:28px; height:28px; }
  .csi-app .csi-room-message>div { padding:9px 11px; }
  .csi-app .csi-room-message p { font-size:12px; }
  .phase2-room-compose { padding:8px 10px calc(8px + env(safe-area-inset-bottom)); }
  .phase2-security-banner { align-items:flex-start; padding:12px; }
  .phase2-security-banner .btn { flex-shrink:0; }
  .phase2-directory-filters { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8px; }
  .phase2-directory-filters>label { grid-column:1/-1; }
  .phase2-directory-filters>button { grid-column:1/-1; }
  .phase2-directory-grid { grid-template-columns:1fr; gap:10px; }
  .pro-directory-card { grid-template-columns:44px minmax(0,1fr); padding:14px; }
  .pro-directory-avatar { width:44px; height:44px; }
  .pro-directory-actions { grid-column:1/-1; display:flex; flex-direction:row; }
  .pro-directory-actions :is(.btn,form) { flex:1; }
  .pro-directory-actions form .btn { width:100%; }
  .phase2-directory-card>a:first-child { padding:15px; }
  .phase2-directory-card>p { margin-inline:15px; }
  .phase2-directory-card footer { padding-inline:15px; }
  .phase2-profile-cover { height:100px; }
  .phase2-profile-head { display:grid; grid-template-columns:64px minmax(0,1fr); align-items:end; gap:10px; padding:0 15px 15px; margin-top:-28px; }
  .phase2-profile-head>img { width:64px; height:64px; border-radius:18px; border-width:3px; }
  .phase2-profile-head>div { padding-top:34px; }
  .phase2-profile-head h1 { font-size:18px; }
  .phase2-profile-head>.btn,.phase2-profile-head>form { grid-column:1/-1; margin:0; }
  .phase2-profile-head>.btn,.phase2-profile-head form .btn { width:100%; }
  .phase2-profile-info { grid-template-columns:1fr; }
  .phase2-profile-info>div { border-right:0; border-bottom:1px solid var(--sg-line); padding:14px 15px; }
  .phase2-profile-info>div:last-child { border-bottom:0; }
  .phase2-linked-page { padding:13px 15px; }
  .phase2-profile-form,.phase2-admin-grid { grid-template-columns:1fr; }
  .phase2-profile-form>label,.phase2-profile-form fieldset,.phase2-profile-form>.phase2-form-actions,.phase2-admin-wide { grid-column:auto; }
  .phase2-secondary-action { display:block; }
  .phase2-secondary-action span { display:block; text-align:left; margin-top:5px; }
  .phase2-theme-form { grid-template-columns:1fr; }
  .phase2-theme-choice span { min-height:0; }
  .phase2-admin-form,.phase2-admin-row,.phase2-admin-row form { grid-template-columns:1fr; }
  .phase2-admin-row form .btn { grid-column:auto; }
  .phase2-admin-members { grid-template-columns:1fr; }
  .phase2-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .phase2-price-grid { grid-template-columns:1fr; }
}

@media (max-width: 380px) {
  .csi-app .brand { max-width:151px; }
  .csi-app .mobile-header-actions>a:first-child { display:none; }
  .phase2-gate-card { padding-inline:17px; }
  .phase2-security-banner { display:block; }
  .phase2-security-banner .btn { margin-top:10px; width:100%; }
}



/* source: public/phase8.css */
/* CSI 3.0 — calm, premium surface system. This file intentionally wins over
   legacy phase styles so every screen shares one palette and one rhythm. */
:root{--csi-night:#000000;--csi-night-2:#070707;--csi-panel:#101012;--csi-panel-2:#1a1a1d;--csi-line:#343127;--csi-ink:#fff8ea;--csi-muted:#b9b1a2;--csi-gold:#f4ae16;--csi-gold-2:#c97905;--csi-blue:#e59a08;--csi-light:#fcf7eb;--csi-light-panel:#fffdf8;--csi-light-line:#e8dcc5;--csi-light-ink:#18130b;--csi-light-muted:#6f6658}
html[data-theme="dark"]{color-scheme:dark;background:var(--csi-night)}
html[data-theme="light"]{color-scheme:light;background:var(--csi-light)}
html[data-theme="dark"] .csi-app{--navy:var(--csi-ink);--ink:var(--csi-ink);--muted:var(--csi-muted);--line:var(--csi-line);--soft:var(--csi-night);--white:var(--csi-panel);--coral:var(--csi-gold);--coral-dark:var(--csi-gold-2);--teal:var(--csi-gold);--hc-bg:var(--csi-night);--hc-surface:var(--csi-panel);--hc-panel:var(--csi-panel);--hc-text:var(--csi-ink);--hc-muted:var(--csi-muted);--hc-border:var(--csi-line);--hc-primary:var(--csi-gold);--hc-brand:var(--csi-gold);--hc-brand-soft:#2d2412;--hc-surface-2:var(--csi-night-2);--hc-text-2:var(--csi-muted);background:var(--csi-night);color:var(--csi-ink)}
html[data-theme="light"] .csi-app{--navy:var(--csi-light-ink);--ink:var(--csi-light-ink);--muted:var(--csi-light-muted);--line:var(--csi-light-line);--soft:var(--csi-light);--white:var(--csi-light-panel);--coral:var(--csi-blue);--coral-dark:var(--csi-gold-2);--teal:var(--csi-blue);--hc-bg:var(--csi-light);--hc-surface:var(--csi-light-panel);--hc-panel:var(--csi-light-panel);--hc-text:var(--csi-light-ink);--hc-muted:var(--csi-light-muted);--hc-border:var(--csi-light-line);--hc-primary:var(--csi-blue);--hc-brand:var(--csi-blue);--hc-brand-soft:#fff0c9;--hc-surface-2:#f7f0e0;--hc-text-2:var(--csi-light-muted);background:var(--csi-light);color:var(--csi-light-ink)}
.csi-app{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh;padding-bottom:82px;transition:background .15s ease,color .15s ease}
.csi-app .topbar{background:color-mix(in srgb,var(--soft) 93%,transparent);border-color:var(--line);backdrop-filter:blur(18px)}
.csi-app .topbar-inner{min-height:66px;max-width:1320px;padding:0 22px}.csi-app .brand{color:var(--ink);font-size:14px;max-width:238px}.csi-app .brand strong{color:var(--coral);font-size:10px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.csi-app .brand-mark{background:var(--hc-surface-2);border:1px solid var(--line);box-shadow:none}
.csi-app .nav-link{color:var(--muted)}.csi-app .nav-link.active{background:var(--hc-surface-2);color:var(--ink)}.csi-app .header-round-action,.csi-app .header-menu-toggle,.csi-app .mobile-header-actions>a,.csi-app .mobile-header-actions>button{background:transparent;border:0;color:var(--ink);border-radius:10px;box-shadow:none}.csi-app .header-round-action:hover,.csi-app .header-menu-toggle:hover,.csi-app .mobile-header-actions>a:hover,.csi-app .mobile-header-actions>button:hover{background:var(--hc-surface-2)}
.csi-app .shell{width:min(1180px,calc(100% - 32px))}.csi-main-layout{display:block;max-width:880px;margin-inline:auto;padding-top:20px}.csi-rail{display:none}.csi-app .csi-panel,.csi-app .post-card{background:var(--white);border:1px solid var(--line);border-radius:16px;box-shadow:none}.csi-app .post-card{padding:16px;margin-bottom:14px}.csi-app .inline-composer{background:var(--white);border-color:var(--line);box-shadow:none}.csi-app .composer-actions{border-color:var(--line)}
.csi-app :is(input,textarea,select){background:var(--hc-surface-2);color:var(--ink);border-color:var(--line);border-radius:12px}.csi-app input::placeholder,.csi-app textarea::placeholder{color:var(--muted)}.csi-app :is(input,textarea,select):focus{border-color:var(--coral);box-shadow:0 0 0 3px color-mix(in srgb,var(--coral) 18%,transparent)}.csi-app .btn{border-color:var(--line);background:var(--white);color:var(--ink);border-radius:11px;box-shadow:none}.csi-app .btn-primary{background:var(--coral);border-color:var(--coral);color:#16110a}.csi-app .btn-primary:hover{background:var(--coral-dark);color:#fff}.csi-app .btn-outline:hover{background:var(--hc-surface-2);border-color:var(--coral)}
.csi-app .csi-filters{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:0 0 18px}.csi-app .csi-filters>.csi-search{grid-column:1/2;background:var(--white);border-color:var(--line);border-radius:14px;min-height:48px}.csi-app .csi-filters>label:not(.csi-search){display:none}.csi-app .csi-filters>button{width:48px;min-width:48px;padding:0;font-size:0;border-radius:14px;background:var(--hc-surface-2);position:relative}.csi-app .csi-filters>button:after{content:'☰';font-size:17px;color:var(--ink)}.csi-app .csi-category-pills{display:none}
.csi-app .post-head{gap:9px}.csi-app .post-options{font-size:12px;width:25px;height:25px;padding:0;letter-spacing:1px}.csi-app .post-kind,.csi-app .post-head-labels{display:none}.csi-app .post-copy{color:var(--ink);line-height:1.55;margin:13px 0;font-size:14px}.csi-app .post-photo-grid{background:var(--hc-surface-2);border-radius:12px}.csi-app .post-stats,.csi-app .post-actions{border-color:var(--line)}.csi-app .post-actions button,.csi-app .post-actions a{color:var(--muted)}.csi-app .post-actions button.liked{color:var(--coral)}
.csi-app .csi-pro-shell{max-width:1060px;padding-top:22px}.csi-app .csi-pro-block{background:var(--white);border-color:var(--line);border-radius:18px}.csi-app .csi-pro-header{background:linear-gradient(110deg,color-mix(in srgb,var(--coral) 20%,var(--white)),var(--white) 64%);border-color:var(--line);padding:25px}.csi-app .csi-pro-header h1{font-family:Georgia,"Times New Roman",serif;font-size:29px;letter-spacing:-.04em}.csi-app .csi-pro-header small{color:var(--muted)}.csi-app .csi-pro-search{border-color:var(--line);padding:14px 20px}.csi-app .csi-pro-search label{background:var(--hc-surface-2);border-color:var(--line)}.csi-app .csi-pro-body{grid-template-columns:minmax(0,1fr)}.csi-app .csi-pro-body>section{border-right:0;border-color:var(--line);padding:18px 20px}.csi-app .csi-pro-body>aside{display:none}.csi-app .csi-space-row{border-color:var(--line);padding:15px 4px}.csi-app .csi-space-icon{background:var(--hc-surface-2);border-color:var(--line)}.csi-app .csi-unread{background:var(--coral);color:#17120a}.csi-app .csi-room-tabs{background:var(--hc-surface-2);border-color:var(--line)}.csi-app .csi-room-tabs a.active{background:var(--white);color:var(--ink);box-shadow:none}.csi-app .csi-room-stream{background:var(--soft)}.csi-app .csi-room-message>div{background:var(--white);border-color:var(--line);color:var(--ink)}.csi-app .csi-room-message.mine>div{background:color-mix(in srgb,var(--coral) 23%,var(--white))}.csi-app .csi-room-compose{background:var(--white);border-color:var(--line)}
.csi-app .csi-profile{max-width:900px;padding-top:20px}.csi-app .csi-business-header{position:relative;display:grid;grid-template-columns:112px 1fr auto;align-items:end;padding:0 22px 20px;margin-top:154px;background:var(--white);border-radius:0 0 18px 18px}.csi-app .csi-business-header:before{content:'';position:absolute;z-index:-1;top:-154px;left:-1px;right:-1px;height:180px;border-radius:18px 18px 0 0;background:linear-gradient(130deg,#151820,#313847),linear-gradient(90deg,var(--coral),transparent);border:1px solid var(--line);border-bottom:0}.csi-app .csi-business-header>img{height:112px;width:112px;border-radius:50%;border:4px solid var(--white);margin-top:-52px;background:var(--white)}.csi-app .csi-business-header h1{font-size:28px}.csi-app .csi-business-header p{color:var(--muted)}
.csi-app .mobile-nav{background:color-mix(in srgb,var(--white) 94%,transparent);border-color:var(--line);backdrop-filter:blur(18px)}.csi-app .mobile-nav a{color:var(--muted)}.csi-app .mobile-nav a.active{color:var(--coral)}.csi-app .mobile-nav a.active:before{background:var(--coral)}.csi-app .header-mobile-menu{background:#0008}.csi-app .header-mobile-menu-card{background:var(--white);color:var(--ink);border-color:var(--line);box-shadow:0 20px 64px #0004}.csi-app .header-menu-title,.csi-app .identity-menu-options a,.csi-app .menu-secondary a{color:var(--ink);border-color:var(--line);background:transparent}.csi-app .header-identity{background:var(--hc-surface-2);border-color:var(--line)}.csi-app .menu-logout button{color:var(--ink);background:var(--hc-surface-2)}
.csi-app .auth-page{background:var(--soft);min-height:100dvh;display:grid;grid-template-columns:1fr 480px;padding:0}.csi-app .auth-visual{display:flex;align-items:center;justify-content:center;padding:46px;min-height:100vh;background:radial-gradient(circle at 20% 8%,color-mix(in srgb,var(--coral) 36%,transparent),transparent 28%),radial-gradient(circle at 90% 100%,color-mix(in srgb,var(--coral) 24%,transparent),transparent 34%),var(--soft);color:var(--ink)}.csi-app .auth-visual>div{max-width:470px}.csi-app .auth-visual h1{font-size:50px;line-height:1.03;margin:20px 0 14px;letter-spacing:-.06em}.csi-app .auth-panel{display:flex;align-items:center;padding:30px;background:var(--white)}.csi-app .auth-box{width:min(100%,390px);margin:auto;background:transparent;border:0;box-shadow:none;padding:0}.csi-app .auth-box h2{font-size:28px;margin:0 0 6px}.csi-app .auth-box>p{color:var(--muted)}.csi-app .stack-form label{color:var(--muted);font-size:12px;font-weight:700}.csi-app .stack-form input{min-height:53px;border-radius:15px;background:var(--hc-surface-2)}.csi-app .stack-form .btn{border-radius:15px;min-height:53px;font-size:15px}.csi-app .password-field{position:relative}.csi-app .password-field input{padding-right:54px}.csi-app .password-toggle{position:absolute;right:7px;bottom:7px;width:39px;height:39px;border:0;border-radius:12px;background:transparent;color:var(--muted)}.csi-app .auth-brand{color:var(--ink)}.csi-app .auth-brand strong{color:var(--coral)}.csi-app .phase2-terms-check{color:var(--muted)}.csi-app .form-error,.csi-app .form-success{border-radius:12px}
.csi-app .csi-access-screen{max-width:760px}.csi-app .csi-premium{padding:38px;border-radius:22px;text-align:left}.csi-app .csi-premium h1{font-family:Georgia,"Times New Roman",serif;font-size:37px;letter-spacing:-.045em}.csi-app .csi-launch-badge,.csi-app .csi-access-note,.csi-app .csi-premium small{display:none}
.csi-app .phase2-pro-shell,.csi-app .phase2-room-shell,.csi-app .phase2-directory-shell{padding-top:22px;max-width:1120px}.csi-app .phase2-pro-top{padding:22px 4px 14px;border:0;background:transparent}.csi-app .phase2-pro-top h1,.csi-app .phase2-screen-header h1{font-family:Georgia,"Times New Roman",serif;font-size:37px;letter-spacing:-.05em;color:var(--ink)}.csi-app .phase2-pro-top p,.csi-app .phase2-screen-header p{color:var(--muted)}.csi-app .phase2-pro-top-actions{display:none}.csi-app .phase2-pro-notice{display:grid;gap:5px;padding:18px 20px;margin-bottom:16px;border:1px solid color-mix(in srgb,var(--coral) 40%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--coral) 9%,var(--white));color:var(--ink)}.csi-app .phase2-pro-notice strong{font-family:Georgia,"Times New Roman",serif;font-size:19px}.csi-app .phase2-pro-notice span{color:var(--muted);font-size:13px}.csi-app .phase2-pro-grid{grid-template-columns:minmax(0,1fr);gap:14px}.csi-app .phase2-pro-spaces,.csi-app .phase2-pro-activity,.csi-app .phase2-pro-people{background:var(--white);border:1px solid var(--line);border-radius:16px;box-shadow:none}.csi-app .phase2-pro-people{display:none}.csi-app .phase2-aside-heading{border-color:var(--line)}.csi-app .phase2-space-row{border-color:var(--line);background:transparent;color:var(--ink)}.csi-app .phase2-space-row:hover{background:var(--hc-surface-2)}.csi-app .phase2-space-icon{background:var(--hc-surface-2);border-color:var(--line);color:var(--coral)}.csi-app .phase2-space-row small,.csi-app .phase2-muted{color:var(--muted)}.csi-app .phase2-space-row b{background:var(--coral);color:#181109}.csi-app .phase2-card,.csi-app .phase2-rule-card,.csi-app .phase2-activity-card{background:var(--white);border-color:var(--line);box-shadow:none}.csi-app .phase2-rule-card{display:none}.csi-app .phase2-activity-card header,.csi-app .phase2-activity-row{border-color:var(--line)}.csi-app .phase2-activity-row{color:var(--ink)}.csi-app .phase2-activity-row p,.csi-app .phase2-activity-row small{color:var(--muted)}.csi-app .phase2-room-grid{grid-template-columns:220px minmax(0,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--white)}.csi-app .phase2-room-sidebar,.csi-app .phase2-room-main,.csi-app .phase2-room-details{background:var(--white);border-color:var(--line)}.csi-app .phase2-room-details{display:none}.csi-app .phase2-room-header{background:var(--white);border-color:var(--line)}.csi-app .phase2-room-header h1{color:var(--ink)}.csi-app .phase2-room-header p{color:var(--muted)}.csi-app .phase2-room-stream{background:var(--soft)}.csi-app .phase2-room-compose{background:var(--white);border-color:var(--line)}.csi-app .phase2-send-as{display:none}.csi-app .phase2-directory-filters{background:var(--white);border:1px solid var(--line);box-shadow:none}.csi-app .phase2-directory-filters label,.csi-app .phase2-directory-filters select{background:var(--hc-surface-2);border-color:var(--line)}.csi-app .pro-directory-card{background:var(--white);border-color:var(--line);box-shadow:none}.csi-app .pro-directory-copy,.csi-app .pro-directory-title a{color:var(--ink)}.csi-app .pro-directory-copy>span,.csi-app .pro-directory-copy p{color:var(--muted)}.csi-app .pro-chips span{background:var(--hc-surface-2);color:var(--muted)}
@media(max-width:760px){.csi-app .topbar-inner{min-height:58px;padding:0 12px}.csi-app .brand{font-size:11px;max-width:150px}.csi-app .brand-mark{width:34px;height:34px;min-width:34px}.csi-app .mobile-header-actions{gap:0}.csi-app .mobile-header-actions>a,.csi-app .mobile-header-actions>button{width:34px;height:34px;min-width:34px;padding:7px}.csi-app .shell{width:100%}.csi-main-layout{padding-top:10px}.csi-app .csi-feed{width:100%}.csi-app .inline-composer,.csi-app .post-card,.csi-app .csi-filters{margin-left:10px;margin-right:10px}.csi-app .post-card{border-radius:14px;padding:13px}.csi-app .csi-filters{margin-bottom:14px}.csi-app .csi-pro-shell{padding-top:0}.csi-app .csi-pro-block{border-radius:0;border-left:0;border-right:0}.csi-app .csi-pro-header{padding:22px 17px}.csi-app .csi-pro-header h1{font-size:26px}.csi-app .csi-pro-search{padding:12px}.csi-app .csi-pro-body>section{padding:12px}.csi-app .csi-profile{padding-top:0}.csi-app .csi-business-header{grid-template-columns:78px 1fr;gap:12px;margin-top:128px;padding:0 14px 16px;border-radius:0}.csi-app .csi-business-header:before{top:-128px;height:148px;border-radius:0}.csi-app .csi-business-header>img{height:78px;width:78px;margin-top:-37px}.csi-app .csi-business-header h1{font-size:22px}.csi-app .csi-business-header>.btn,.csi-app .csi-business-header>form{grid-column:1/-1;width:100%}.csi-app .auth-page{display:block}.csi-app .auth-visual{min-height:230px;padding:34px 24px}.csi-app .auth-visual h1{font-size:33px}.csi-app .auth-visual p{font-size:13px}.csi-app .auth-panel{padding:30px 22px 90px}.csi-app .auth-box h2{font-size:26px}.csi-app .mobile-nav{height:64px}.csi-app{padding-bottom:72px}}
.csi-app .csi-room-video,.csi-app .csi-room-message video{display:block;width:min(100%,360px);max-height:420px;margin-top:9px;border-radius:12px;background:#000}.csi-app [data-csi-room-preview]{grid-column:1/-1}.csi-app [data-csi-room-preview] img,.csi-app [data-csi-room-preview] video{max-width:180px;max-height:130px;border-radius:10px;vertical-align:middle;margin-right:8px}.csi-app .phase2-room-compose .csi-room-attachment{color:var(--coral);background:var(--hc-surface-2);border:1px solid var(--line);border-radius:10px}
@media(prefers-reduced-motion:reduce){.csi-app,.csi-app *{transition:none}}


/* source: public/css/tokens.css */
:root {
  /* Comunidad Streaming: single source of truth: graphite, warm white and amber. Compatibility variable names are retained. */
  --brand-violet: #F5B315;
  --brand-magenta: #DDA21C;
  --brand-blue: #E9B83E;
  --brand-pink: #F5C862;
  --on-brand: #17130B;
  --hero-button-text: #17130B;
  --hero-emphasis: #FFF0C4;
  --hero-text-soft: rgba(255,255,255,.9);
  --hero-outline: rgba(255,255,255,.45);
  --media-chip-bg: rgba(17,17,17,.82);
  --cover-scrim: rgba(7,6,12,.5);
  --shadow-brand-button: 0 9px 24px rgba(160,120,32,.22);
  --shadow-brand-button-hover: 0 12px 30px rgba(160,120,32,.3);
  --shadow-brand-card: 0 18px 40px rgba(160,120,32,.16);
  --shadow-brand-chip: 0 14px 34px rgba(160,120,32,.16);
  --gradient-brand: linear-gradient(135deg, var(--brand-blue) 0%, var(--brand-violet) 52%, var(--brand-magenta) 100%);
  --gradient-ring: conic-gradient(from 210deg, var(--brand-blue), var(--brand-violet), var(--brand-magenta), var(--brand-blue));
  --gradient-glow: radial-gradient(60% 50% at 50% 0%, color-mix(in srgb,var(--brand-violet) 35%,transparent), transparent 70%);
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px;
  --space-6: 24px; --space-8: 32px; --space-10: 40px; --space-12: 48px;
  --radius-xs: 8px; --radius-sm: 12px; --radius-md: 18px; --radius-lg: 22px;
  --radius-xl: 28px; --radius-pill: 999px; --radius-squircle: 32%;
  --font-display: "Plus Jakarta Sans", Inter, system-ui, sans-serif;
  --font-ui: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-xs: 12px; --fs-sm: 13px; --fs-base: 15px; --fs-md: 16px; --fs-lg: 18px;
  --fs-xl: 22px; --fs-2xl: 28px; --fs-3xl: 38px;
  --lh-tight: 1.14; --lh-snug: 1.35; --lh-body: 1.55;
  --dur-fast: 120ms; --dur-base: 200ms; --dur-slow: 320ms; --ease: cubic-bezier(.2,.8,.2,1);
  --topbar-h-mobile: 56px; --topbar-h-desktop: 64px; --bottomnav-h: 64px;
  --touch-min: 44px; --input-h: 48px; --btn-h: 44px; --btn-h-lg: 52px;
  --feed-w: 680px; --content-w: 1240px; --sidebar-w: 264px; --aside-w: 320px;
  --amber-300: var(--brand-pink); --amber-400: var(--brand-violet); --amber-500: var(--brand-violet); --amber-600: var(--brand-magenta);
  --cp-ring: var(--gradient-ring); --cp-glow: 0 0 0 1px var(--accent-soft), 0 10px 34px rgba(160,120,32,.2);
  --cp-bubble-r: 18px; --cp-bubble-tail: 6px; --cp-gap-msg: 2px; --cp-gap-group: 10px;
  --cp-row-h: 76px; --cp-avatar-list: 52px; --cp-avatar-msg: 32px; --cp-avatar-room: 40px;
  --cp-composer-h: 52px; --cp-hit: 44px;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #070707; --bg-2: #101010; --surface: #141414; --surface-2: #1B1B1B; --surface-3: #242424;
  --glass: rgba(17,17,17,.9); --glass-border: rgba(255,255,255,.1);
  --border: rgba(255,255,255,.09); --border-strong: rgba(255,255,255,.18);
  --text: #F7F3EA; --text-muted: #B0ACA3;
  --accent: #F5B315; --accent-hover: #FFBD24; --accent-deep: #C18B0F; --accent-text: #F5C65D;
  --on-accent: #17130B; --accent-soft: rgba(245,179,21,.12);
  --contrast-surface: #F7F5F0; --contrast-text: #211F1A; --contrast-muted: #6B655B;
  --info: #78A8FF; --success: #30D98B; --danger: #FF5C7A; --warning: #FFC247;
  --shadow-1: 0 1px 0 rgba(255,255,255,.045) inset;
  --shadow-2: 0 12px 32px rgba(2,1,10,.32); --shadow-3: 0 26px 68px rgba(2,1,10,.46);
  --bubble-own: #302A1D; --bubble-other: #191919;
  --ambient: none;
  --cp-bg: #101010; --cp-bg-chat: #111111; --cp-bubble-in: #202020; --cp-bubble-in-border: rgba(255,255,255,.07);
  --cp-bubble-out: linear-gradient(135deg,#39301D,#2B261B); --cp-bubble-out-border: rgba(245,179,21,.22);
  --cp-bubble-text: #F7F3EA; --cp-meta: #BDB5A3; --cp-product-bg: #1A1917; --cp-pin-bg: rgba(245,179,21,.1);
  --navy: var(--surface); --teal: var(--accent); --teal-dark: var(--accent-text); --coral: var(--brand-magenta);
  --yellow: var(--warning); --line: var(--border); --muted: var(--text-muted);
  --shadow-soft: var(--shadow-2); --shadow: var(--shadow-3);
}

html[data-theme="light"] {
  color-scheme: light;
  --bg: #F7F5F0; --bg-2: #EFECE5; --surface: #FFFFFF; --surface-2: #F3F0E9; --surface-3: #EAE5DA;
  --glass: rgba(255,255,255,.88); --glass-border: rgba(40,35,25,.1);
  --border: rgba(40,35,25,.09); --border-strong: rgba(40,35,25,.18);
  --text: #211F1A; --text-muted: #6B655B;
  --accent: #F5B315; --accent-hover: #C18B0F; --accent-deep: #805A00; --accent-text: #805A00;
  --on-accent: #17130B; --accent-soft: #F8EBC8;
  --contrast-surface: #211F1A; --contrast-text: #FFFFFF; --contrast-muted: #E8E0CE;
  --info: #2F62E8; --success: #15803D; --danger: #D92D20; --warning: #A15F00;
  --shadow-1: 0 1px 2px rgba(34,20,66,.04); --shadow-2: 0 14px 34px rgba(40,35,25,.1);
  --shadow-3: 0 24px 58px rgba(40,35,25,.16); --bubble-own: #F8EACA; --bubble-other: #FFFFFF; --ambient: none;
  --cp-bg: #F7F5F0; --cp-bg-chat: #F1EEE6; --cp-bubble-in: #FFFFFF; --cp-bubble-in-border: rgba(40,35,25,.08);
  --cp-bubble-out: linear-gradient(135deg,#F9EDCC,#F3E2B4); --cp-bubble-out-border: rgba(128,90,0,.2);
  --cp-bubble-text: #211F1A; --cp-meta: #6B655B; --cp-product-bg: #FFFFFF; --cp-pin-bg: #F8EBC8;
  --navy: var(--surface); --teal: var(--accent); --teal-dark: var(--accent-text); --coral: var(--brand-magenta);
  --yellow: var(--warning); --line: var(--border); --muted: var(--text-muted);
  --shadow-soft: var(--shadow-2); --shadow: var(--shadow-3);
}


/* source: public/css/community-pro.css */
/* Comunidad Profesional: surface scoped to the active professional routes. */
body.cp-community-route #page-content{min-height:100dvh}
body.cp-in-room .mobile-nav{display:none}
.cp-home{width:min(760px,100%);min-height:calc(100dvh - var(--bottomnav-h));margin:0 auto;padding:0 var(--space-4) calc(var(--bottomnav-h) + var(--space-6));color:var(--text);font-family:var(--font-ui)}
.cp-home-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:64px;margin:0 calc(var(--space-4) * -1);padding:0 var(--space-4);background:var(--glass);border-bottom:1px solid var(--glass-border);backdrop-filter:blur(20px) saturate(145%)}
.cp-home-title,.cp-sidebar-title{color:var(--text);font-family:var(--font-display);font-size:var(--fs-sm);font-weight:800;letter-spacing:.04em;line-height:1;text-transform:uppercase}
.cp-home-actions{display:flex;align-items:center;gap:var(--space-1)}
.cp-home-actions button,.cp-home-actions a,.cp-room-header button,.cp-back{display:grid;place-items:center;width:var(--cp-hit);height:var(--cp-hit);padding:0;border:0;border-radius:50%;background:transparent;color:var(--text);text-decoration:none;cursor:pointer;transition:background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}
.cp-home-actions button:hover,.cp-home-actions a:hover,.cp-room-header button:hover,.cp-back:hover{background:var(--surface-2)}
.cp-home-actions button:active,.cp-home-actions a:active,.cp-room-header button:active,.cp-back:active,.cp-space-row:active,.cp-filter-chips button:active{transform:scale(.98)}
.cp-home-actions .app-icon,.cp-room-header .app-icon{width:20px;height:20px}
.cp-home-actions img{width:34px;height:34px;border:2px solid var(--surface);border-radius:50%;background:var(--surface-2);object-fit:cover;outline:2px solid var(--accent-soft)}
.cp-search{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-4) 0 var(--space-3)}
.cp-search label{display:flex;align-items:center;flex:1;min-width:0;min-height:48px;padding:0 var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-muted);box-shadow:var(--shadow-1)}
.cp-search label .app-icon{flex:0 0 18px;width:18px;height:18px}
.cp-search input{width:100%;min-width:0;padding:0 var(--space-2);border:0;background:transparent;color:var(--text);box-shadow:none}
.cp-search input:focus{outline:0;box-shadow:none}
.cp-search button,.cp-sheet-action{min-height:44px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--text);font:700 var(--fs-sm) var(--font-ui);cursor:pointer}
.cp-filter-chips{display:flex;gap:var(--space-2);overflow-x:auto;margin:0 calc(var(--space-4) * -1) var(--space-5);padding:0 var(--space-4) var(--space-1);scrollbar-width:none}
.cp-filter-chips::-webkit-scrollbar{display:none}
.cp-filter-chips button{flex:0 0 auto;min-height:36px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-muted);font:700 var(--fs-xs) var(--font-ui);cursor:pointer;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}
.cp-filter-chips button.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text);box-shadow:var(--cp-glow)}
.cp-space-section{margin:0 0 var(--space-5)}
.cp-space-section>header{display:flex;align-items:center;justify-content:space-between;min-height:28px;padding:0 var(--space-1) var(--space-2)}
.cp-space-section>header span{color:var(--text-muted);font-size:11px;font-weight:800;letter-spacing:.08em}
.cp-space-section>header a{color:var(--accent-text);font-size:var(--fs-xs);font-weight:700;text-decoration:none}
.cp-space-list{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-1),var(--shadow-2)}
.cp-space-row{position:relative;display:grid;grid-template-columns:var(--cp-avatar-list) minmax(0,1fr) auto;align-items:center;min-height:var(--cp-row-h);gap:var(--space-3);padding:var(--space-2) var(--space-3);color:var(--text);text-decoration:none;transition:background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}
.cp-space-row+.cp-space-row:before{position:absolute;top:0;right:0;left:calc(var(--cp-avatar-list) + var(--space-3) + var(--space-3));height:1px;background:var(--border);content:""}
.cp-space-row:hover{background:var(--surface-2)}
.cp-space-row.is-pinned{background:var(--cp-pin-bg)}
.cp-space-avatar{display:grid;place-items:center;width:var(--cp-avatar-list);height:var(--cp-avatar-list);padding:2px;border-radius:50%;background:var(--cp-ring);color:var(--accent-text)}
.cp-space-avatar .app-icon{width:100%;height:100%;padding:13px;border-radius:50%;background:var(--surface)}
.cp-space-row.has-unread .cp-space-avatar{animation:cp-ring-turn 12s linear infinite}
.cp-space-copy{display:grid;min-width:0;gap:2px}
.cp-space-title{display:flex;align-items:center;gap:var(--space-1);min-width:0}
.cp-space-title strong{overflow:hidden;color:var(--text);font-family:var(--font-display);font-size:var(--fs-sm);font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.cp-space-title em{display:grid;place-items:center;color:var(--accent-text);font-style:normal}
.cp-space-title em .app-icon{width:14px;height:14px}
.cp-space-copy small,.cp-space-copy i{overflow:hidden;color:var(--text-muted);font-size:var(--fs-xs);font-style:normal;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.cp-space-copy i{font-size:11px}
.cp-space-meta{display:grid;justify-items:end;align-content:center;gap:var(--space-1);min-width:40px;color:var(--cp-meta);font-size:11px;font-variant-numeric:tabular-nums}
.cp-space-meta b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:var(--radius-pill);background:var(--accent);color:var(--on-accent);font-size:10px;font-weight:800}
.cp-space-kind{color:var(--text-muted);font-size:10px;white-space:nowrap}
.cp-other-spaces{opacity:.88}
.cp-empty-state{padding:var(--space-6);margin:0;color:var(--text-muted);font-size:var(--fs-sm);text-align:center}
.cp-product-fab{position:fixed;right:max(var(--space-4),env(safe-area-inset-right));bottom:calc(var(--bottomnav-h) + var(--space-5) + env(safe-area-inset-bottom));display:flex;align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--gradient-brand);box-shadow:var(--cp-glow);color:var(--on-accent);font:800 var(--fs-sm) var(--font-display);text-decoration:none;z-index:25}
.cp-product-fab .app-icon{width:19px;height:19px}
.cp-rules-sheet,.cp-room-sheet{width:min(520px,calc(100% - var(--space-6)));padding:0;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);color:var(--text);box-shadow:var(--shadow-3)}
.cp-rules-sheet::backdrop,.cp-room-sheet::backdrop{background:color-mix(in srgb,var(--bg) 58%,transparent);backdrop-filter:blur(4px)}
.cp-rules-sheet form,.cp-room-sheet form{display:grid;gap:var(--space-3);padding:var(--space-5)}
.cp-rules-sheet header,.cp-room-sheet header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}
.cp-rules-sheet header strong,.cp-room-sheet header strong{font-family:var(--font-display);font-size:var(--fs-lg)}
.cp-rules-sheet header button,.cp-room-sheet header button{display:grid;place-items:center;width:var(--cp-hit);height:var(--cp-hit);border:0;border-radius:50%;background:var(--surface-2);color:var(--text);font-size:24px;cursor:pointer}
.cp-rules-sheet p,.cp-room-sheet p{margin:0;color:var(--text-muted);font-size:var(--fs-sm);line-height:var(--lh-body)}
.cp-sheet-action{justify-self:start;background:var(--gradient-brand);border:0;color:var(--on-accent)}

.cp-room{display:grid;grid-template-columns:360px minmax(0,1fr) 280px;grid-template-rows:minmax(0,1fr);height:100dvh;min-height:0;background:var(--cp-bg);color:var(--text);font-family:var(--font-ui)}
.cp-room-sidebar{min-height:0;overflow:auto;padding:var(--space-4);border-right:1px solid var(--border);background:var(--surface)}
.cp-sidebar-title{display:block;padding:var(--space-2) var(--space-1) var(--space-4);text-decoration:none}
.cp-room-space-list{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg)}
.cp-space-row.is-compact{grid-template-columns:40px minmax(0,1fr) auto;min-height:60px;padding:var(--space-2)}
.cp-space-row.is-compact+.cp-space-row:before{left:calc(40px + var(--space-3) + var(--space-2))}
.cp-space-row.is-compact .cp-space-avatar{width:40px;height:40px}
.cp-space-row.is-compact .cp-space-avatar .app-icon{padding:10px}
.cp-space-row.is-compact .cp-space-copy i,.cp-space-row.is-compact .cp-space-meta time{display:none}
.cp-room-main{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;align-self:stretch;width:100%;height:100%;min-width:0;min-height:0;background:var(--cp-bg-chat);background-image:radial-gradient(circle at 95% 4%,var(--accent-soft),transparent 28%),radial-gradient(circle at 15% 76%,var(--accent-soft),transparent 34%)}
.cp-room-header{position:relative;z-index:2;display:grid;grid-template-columns:var(--cp-hit) var(--cp-avatar-room) minmax(0,1fr) var(--cp-hit) var(--cp-hit);align-items:center;gap:var(--space-2);min-height:64px;padding:var(--space-2) var(--space-3);background:var(--glass);border-bottom:1px solid var(--glass-border);backdrop-filter:blur(18px) saturate(140%)}
.cp-back{font-size:30px;line-height:1}
.cp-room-avatar{display:grid;place-items:center;width:var(--cp-avatar-room);height:var(--cp-avatar-room);padding:2px;border-radius:50%;background:var(--cp-ring);color:var(--accent-text)}
.cp-room-avatar .app-icon{width:100%;height:100%;padding:10px;border-radius:50%;background:var(--surface)}
.cp-room-heading{min-width:0}
.cp-room-title{overflow:hidden;color:var(--text);font-family:var(--font-display);font-size:var(--fs-sm);font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.cp-room-heading small{display:block;overflow:hidden;margin-top:2px;color:var(--text-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.cp-pinned-bar{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:38px;padding:0 var(--space-4);border:0;border-bottom:1px solid var(--border);background:var(--cp-pin-bg);color:var(--text);font:600 var(--fs-xs) var(--font-ui);text-align:left;cursor:pointer}
.cp-pinned-bar .app-icon{flex:0 0 16px;width:16px;height:16px;color:var(--accent-text)}
.cp-pinned-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cp-message-stream{display:flex;flex-direction:column;gap:var(--cp-gap-msg);min-height:0;overflow-y:auto;padding:var(--space-4) clamp(var(--space-3),4vw,var(--space-10));scroll-behavior:smooth}
.cp-day-separator{display:flex;align-items:center;justify-content:center;margin:var(--space-3) 0}
.cp-day-separator span{padding:5px var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--cp-meta);font-size:11px;font-weight:700}
.cp-message{display:flex;align-items:flex-end;gap:var(--space-2);max-width:82%;margin-top:var(--cp-gap-msg);animation:cp-message-in 160ms var(--ease) both}
.cp-message:has(+.cp-message){margin-bottom:0}
.cp-message.is-mine{align-self:flex-end;max-width:82%}
.cp-message:not(.is-mine)+.cp-message.is-mine,.cp-message.is-mine+.cp-message:not(.is-mine){margin-top:var(--cp-gap-group)}
.cp-message-avatar{flex:0 0 var(--cp-avatar-msg);width:var(--cp-avatar-msg);height:var(--cp-avatar-msg);border:2px solid var(--surface);border-radius:50%;background:var(--surface-2);object-fit:cover;outline:2px solid var(--accent-soft)}
.cp-message-bubble{min-width:0;padding:8px 12px 6px;border:1px solid var(--cp-bubble-in-border);border-radius:var(--cp-bubble-r) var(--cp-bubble-r) var(--cp-bubble-r) var(--cp-bubble-tail);background:var(--cp-bubble-in);color:var(--cp-bubble-text);box-shadow:var(--shadow-1)}
.cp-message.is-mine .cp-message-bubble{border-color:var(--cp-bubble-out-border);border-radius:var(--cp-bubble-r) var(--cp-bubble-r) var(--cp-bubble-tail) var(--cp-bubble-r);background:var(--cp-bubble-out)}
.cp-message-author{display:block;margin-bottom:3px;color:var(--accent-text);font-size:13px;font-weight:700}
.cp-message-pinned,.cp-product-label{display:inline-flex;align-items:center;gap:4px;margin-bottom:5px;color:var(--accent-text);font-size:10px;font-weight:800;letter-spacing:.06em}
.cp-message-pinned .app-icon{width:13px;height:13px}
.cp-product-label{padding:4px 7px;border-radius:var(--radius-pill);background:var(--accent-soft)}
.cp-message-bubble p{margin:0;color:var(--cp-bubble-text);font-size:var(--fs-base);line-height:1.4;overflow-wrap:anywhere}
.cp-message.is-removed .cp-message-bubble p{color:var(--cp-meta);font-style:italic}
.cp-message-media{display:block;overflow:hidden;margin-top:var(--space-2);border-radius:var(--radius-sm);background:var(--surface-2)}
.cp-message-media img,.cp-message-bubble video{display:block;width:min(100%,340px);max-height:360px;object-fit:cover}
.cp-message.is-product .cp-message-bubble{min-width:min(100%,280px);background:var(--cp-product-bg)}
.cp-product-contact{display:flex;align-items:center;justify-content:center;min-height:36px;margin-top:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--accent-text);font-size:var(--fs-xs);font-weight:800;text-decoration:none}
.cp-message-bubble footer{display:flex;justify-content:flex-end;gap:4px;margin-top:4px;color:var(--cp-meta);font-size:11px;font-variant-numeric:tabular-nums}
.cp-message-bubble footer span{color:var(--accent-text);letter-spacing:-2px}
.cp-message-pin{margin-top:var(--space-2)}
.cp-message-pin button{min-height:28px;padding:0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius-pill);background:transparent;color:var(--text-muted);font:700 10px var(--font-ui);cursor:pointer}
.cp-composer{display:grid;grid-template-columns:minmax(0,1fr) 48px;align-items:end;gap:var(--space-2);padding:var(--space-2) var(--space-3) calc(var(--space-2) + env(safe-area-inset-bottom));background:var(--glass);border-top:1px solid var(--glass-border);backdrop-filter:blur(20px) saturate(140%)}
.cp-compose-shell{display:flex;align-items:center;min-width:0;min-height:var(--cp-composer-h);padding:4px 6px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow-1)}
.cp-compose-shell textarea{flex:1;min-width:0;min-height:40px;max-height:120px;padding:10px 6px;border:0;background:transparent;color:var(--text);box-shadow:none;line-height:1.35;resize:none}
.cp-compose-shell textarea:focus{outline:0;box-shadow:none}
.cp-compose-emoji,.cp-product-toggle,.cp-compose-attachment{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text-muted);cursor:pointer}
.cp-product-toggle[aria-pressed="true"]{background:var(--accent-soft);color:var(--accent-text)}
.cp-compose-attachment{position:relative}
.cp-compose-attachment input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.cp-compose-attachment .app-icon,.cp-product-toggle .app-icon{width:20px;height:20px}
.cp-send-button{display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:var(--gradient-brand);box-shadow:var(--cp-glow);color:var(--on-accent);cursor:pointer;transition:transform var(--dur-fast) var(--ease)}
.cp-send-button:active{transform:scale(.96)}
.cp-send-button .app-icon{width:21px;height:21px}
.cp-compose-preview{grid-column:1/-1;overflow:hidden;max-width:180px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}
.cp-compose-preview img{display:block;width:100%;max-height:120px;object-fit:cover}
.cp-compose-preview button{min-height:32px;width:100%;border:0;background:var(--surface-2);color:var(--text);font:700 11px var(--font-ui);cursor:pointer}
.cp-product-hint,.cp-composer [data-cp-room-status]{grid-column:1/-1;margin:0;color:var(--text-muted);font-size:11px;line-height:1.35}
.cp-readonly{padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:var(--fs-sm);text-align:center}
.cp-room-info-panel{min-height:0;overflow:auto;padding:var(--space-4);border-left:1px solid var(--border);background:var(--surface)}
.cp-room-info-panel section{display:grid;gap:var(--space-2);padding:var(--space-4) 0;border-bottom:1px solid var(--border)}
.cp-room-info-panel strong{font-family:var(--font-display);font-size:var(--fs-sm)}
.cp-room-info-panel p,.cp-room-info-panel span{margin:0;color:var(--text-muted);font-size:var(--fs-xs);line-height:1.45}
.cp-room-info-panel a{display:grid;gap:3px;color:var(--text);font-size:var(--fs-xs);text-decoration:none}
.cp-room-info-panel a b{color:var(--accent-text)}

@keyframes cp-ring-turn{to{transform:rotate(1turn)}}
@keyframes cp-message-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:1100px){.cp-room{grid-template-columns:300px minmax(0,1fr)}.cp-room-info-panel{display:none}}
@media (max-width:767px){
  .cp-home{width:100%;padding:0 var(--space-3) calc(var(--bottomnav-h) + var(--space-8))}
  .cp-home-header{min-height:56px;margin:0 calc(var(--space-3) * -1);padding:0 var(--space-3)}
  .cp-home-title{font-size:12px}
  .cp-search{margin:var(--space-3) 0}
  .cp-search button{display:none}
  .cp-filter-chips{margin-right:calc(var(--space-3) * -1);margin-left:calc(var(--space-3) * -1);padding-right:var(--space-3);padding-left:var(--space-3)}
  .cp-space-row{grid-template-columns:var(--cp-avatar-list) minmax(0,1fr) auto;padding-right:var(--space-2);padding-left:var(--space-2)}
  .cp-space-row+.cp-space-row:before{left:calc(var(--cp-avatar-list) + var(--space-3) + var(--space-2))}
  .cp-space-copy i{display:none}
  .cp-product-fab{bottom:calc(var(--bottomnav-h) + var(--space-3) + env(safe-area-inset-bottom))}
  .cp-room{grid-template-columns:minmax(0,1fr);height:var(--cp-visible-height,100dvh);min-height:var(--cp-visible-height,100dvh)}
  .cp-room-sidebar,.cp-room-info-panel{display:none}
  .cp-room-header{grid-template-columns:var(--cp-hit) var(--cp-avatar-room) minmax(0,1fr) var(--cp-hit) var(--cp-hit);min-height:56px;padding:var(--space-1) var(--space-2)}
  .cp-message-stream{padding:var(--space-3)}
  .cp-message,.cp-message.is-mine{max-width:88%}
  .cp-message-bubble{padding:8px 10px 6px}
  .cp-message-media img,.cp-message-bubble video{max-height:320px}
  .cp-composer{padding:var(--space-2) var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom))}
  .cp-compose-emoji{display:none}
  .cp-compose-shell textarea{font-size:16px}
}
@media (prefers-reduced-motion:reduce){.cp-space-row,.cp-home-actions button,.cp-home-actions a,.cp-room-header button,.cp-back,.cp-filter-chips button,.cp-send-button{transition:none}.cp-space-row.has-unread .cp-space-avatar,.cp-message{animation:none}}

/* Reference: soft lavender panels, ink navy text, periwinkle actions and coral accents. */
.cp-home-brand{display:flex;align-items:center;gap:9px;min-width:0}
.cp-home-title{color:var(--accent-text);font-size:13px;letter-spacing:.075em}
.cp-premium-badge{display:inline-flex;align-items:center;justify-content:center;min-height:23px;padding:0 9px;border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);border-radius:var(--radius-pill);background:linear-gradient(120deg,var(--accent-soft),color-mix(in srgb,var(--danger) 16%,var(--surface)));color:var(--accent-text);font-size:9px;font-weight:850;letter-spacing:.12em;white-space:nowrap}
.cp-home-actions{margin-right:2px;transform:translateX(3px)}
.cp-search label{background:var(--surface);border-color:transparent;border-radius:18px;box-shadow:0 7px 22px color-mix(in srgb,var(--accent) 8%,transparent);transition:box-shadow var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease),transform var(--dur-base) var(--ease)}
.cp-search label:focus-within{border-color:var(--border-strong);box-shadow:0 0 0 4px var(--accent-soft),var(--shadow-2);transform:translateY(-1px)}
.cp-search label .app-icon{color:var(--accent-text)}
.cp-filter-chips{scroll-snap-type:x proximity;overscroll-behavior-inline:contain}
.cp-filter-chips button{scroll-snap-align:start}
.cp-space-list,.cp-room-space-list{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
.cp-space-list{margin:0}
.cp-space-row{padding-right:10px;transition:background var(--dur-base) var(--ease),transform var(--dur-fast) var(--ease)}
.cp-space-row+.cp-space-row:before{right:0;left:0;background:var(--border)}
.cp-space-row:active{transform:scale(.992)}
.cp-space-row.is-pinned{background:color-mix(in srgb,var(--accent-soft) 54%,transparent)}
.cp-space-row.is-pinned:before{background:color-mix(in srgb,var(--accent) 28%,var(--border))}
.cp-space-avatar{overflow:hidden;flex:none}
.cp-space-avatar img,.cp-room-avatar img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}
.cp-room-space-list .cp-space-row{padding-right:4px}
.cp-space-row.is-compact+.cp-space-row:before{left:0}
.cp-space-meta{padding-right:3px}
.cp-room-avatar{overflow:hidden}
.cp-room-main{background-image:radial-gradient(circle at 96% 2%,color-mix(in srgb,var(--accent-soft) 60%,transparent),transparent 29%),radial-gradient(circle at 7% 78%,color-mix(in srgb,var(--danger) 7%,transparent),transparent 34%)}
.cp-message{transition:transform var(--dur-fast) var(--ease)}
.cp-message:hover{transform:translateY(-1px)}
.cp-message-stream{overscroll-behavior:contain;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}
.cp-message-stream::-webkit-scrollbar,.cp-room-sidebar::-webkit-scrollbar,.cp-room-info-panel::-webkit-scrollbar{width:7px}
.cp-message-stream::-webkit-scrollbar-thumb,.cp-room-sidebar::-webkit-scrollbar-thumb,.cp-room-info-panel::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:var(--radius-pill);background:var(--border-strong);background-clip:padding-box}
.cp-distributor-paywall{display:grid;justify-items:start;gap:11px;padding:20px 18px calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:linear-gradient(140deg,var(--surface),color-mix(in srgb,var(--accent-soft) 45%,var(--surface)))}
.cp-distributor-paywall>strong{color:var(--text);font:750 17px var(--font-display)}
.cp-distributor-paywall p,.cp-distributor-paywall small{max-width:520px;margin:0;color:var(--text-muted);font-size:13px;line-height:1.5}
.cp-distributor-paywall b{color:var(--accent-text)}
.cp-pay-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 17px;border:0;border-radius:var(--radius-pill);background:var(--gradient-brand);box-shadow:var(--cp-glow);color:var(--on-accent);font:750 13px var(--font-ui);cursor:pointer;transition:transform var(--dur-fast) var(--ease),filter var(--dur-base) var(--ease)}
.cp-pay-button:hover{filter:brightness(1.06)}
.cp-pay-button:active{transform:scale(.98)}
.cp-pay-button:disabled{opacity:.58;cursor:not-allowed;filter:none}
.cp-announcement-notice,.cp-report-notice{display:grid;gap:5px;margin:10px 12px;padding:12px 14px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-1)}
.cp-announcement-notice{border-color:color-mix(in srgb,var(--accent) 26%,var(--border));background:linear-gradient(130deg,var(--accent-soft),var(--surface))}
.cp-announcement-notice>span{color:var(--accent-text);font-size:9px;font-weight:850;letter-spacing:.13em}
.cp-announcement-notice strong,.cp-report-notice strong{color:var(--text);font-size:13px}
.cp-announcement-notice small,.cp-report-notice span{color:var(--text-muted);font-size:11px;line-height:1.45}
.cp-report-notice{border-left:3px solid var(--danger)}
.cp-announcement-notice+ .cp-pinned-bar,.cp-report-notice+ .cp-pinned-bar{margin-top:0}
.cp-payment-status{margin:0;padding:12px 16px;border-top:1px solid var(--border);background:var(--accent-soft);color:var(--accent-text);font-size:13px;text-align:center}
.cp-admin-groups>header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}
.cp-admin-groups>header p{margin:5px 0 0}
.cp-admin-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cp-admin-group{min-width:0;padding:16px;border:1px solid var(--border);border-radius:18px;background:var(--surface-2)}
.cp-admin-group>header{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.cp-admin-group>header>div{display:grid;gap:3px;min-width:0}
.cp-admin-group>header strong{overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}
.cp-admin-group>header small{color:var(--text-muted)}
.cp-admin-group form{display:grid;gap:10px}
.cp-admin-group form label{display:grid;gap:5px}
.cp-admin-group form textarea{min-height:76px}
.cp-admin-photo-picker{display:grid;grid-template-columns:minmax(0,1fr) 72px;align-items:center;gap:8px;margin:0;padding:12px;border:1px solid var(--border);border-radius:14px}
.cp-admin-photo-picker legend{padding:0 5px;color:var(--text-muted);font-size:11px;font-weight:700}
.cp-admin-photo-picker input[type=file]{grid-column:1;min-height:42px;padding:8px 10px!important;font-size:12px}
.cp-admin-photo-picker img{grid-column:2;grid-row:1/3;width:64px;height:64px;border-radius:50%;object-fit:cover}
.cp-admin-photo-picker button,.cp-admin-photo-picker small{grid-column:1/-1}
.cp-admin-photo-picker button{justify-self:start;min-height:32px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--text);font:600 11px var(--font-ui)}
.cp-admin-photo-picker small,.cp-admin-group [data-community-form-status]{margin:0;color:var(--text-muted);font-size:11px}
@media(max-width:767px){
  .cp-home-brand{gap:7px}
  .cp-home-title{font-size:11px;letter-spacing:.065em}
  .cp-premium-badge{min-height:21px;padding:0 7px;font-size:8px}
  .cp-space-list{margin-inline:calc(var(--space-3) * -1)}
  .cp-space-row{padding-right:var(--space-3);padding-left:var(--space-3)}
  .cp-space-row+.cp-space-row:before{left:0;right:0}
  .cp-space-meta{padding-right:0;transform:translateX(2px)}
  .cp-distributor-paywall{margin-inline:calc(var(--space-3) * -1);padding-inline:var(--space-4)}
  .cp-announcement-notice,.cp-report-notice{margin:8px 10px}
  .cp-admin-group-grid{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){.cp-search label,.cp-message,.cp-pay-button{transition:none}.cp-message:hover{transform:none}}


/* source: public/css/stream-amber.css */
/* Stream Amber: the final visual layer. It is deliberately scoped to CSI so
   legacy pages continue to work while every existing component gets one skin. */
html,body{min-height:100%;background:var(--bg);color:var(--text)}
body.csi-app.stream-amber{background:var(--ambient),var(--bg)!important;color:var(--text)!important;font-family:var(--font-ui);font-size:var(--fs-base);line-height:var(--lh-body);padding-bottom:calc(var(--bottomnav-h) + env(safe-area-inset-bottom));transition:background-color var(--dur-base) var(--ease),color var(--dur-base) var(--ease)}
.stream-amber :is(h1,h2,h3,h4,strong,.brand,.btn){font-family:var(--font-display)}
.stream-amber :is(h1,h2,h3){color:var(--text)!important;line-height:var(--lh-tight);letter-spacing:-.035em}.stream-amber h1{font-size:var(--fs-2xl)!important;font-weight:800}.stream-amber h2{font-size:var(--fs-xl)!important;font-weight:750}.stream-amber h3{font-size:var(--fs-lg)!important;font-weight:700}.stream-amber :is(p,small,.muted){color:var(--text-muted)!important}.stream-amber a{color:inherit}.stream-amber a:hover{color:var(--accent-text)}
.stream-amber [hidden]{display:none!important}.stream-amber *{box-sizing:border-box}.stream-amber img{max-width:100%}.stream-amber :focus-visible{outline:2px solid var(--info)!important;outline-offset:3px}.stream-amber .shell{width:min(var(--content-w),calc(100% - 32px));margin-inline:auto}

/* Shell, navigation, glass controls */
.stream-amber .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.stream-amber .topbar{position:sticky;top:0;z-index:60;min-height:var(--topbar-h-desktop);background:var(--glass)!important;color:var(--text)!important;border-bottom:1px solid var(--glass-border)!important;backdrop-filter:blur(20px) saturate(140%);box-shadow:var(--shadow-1)!important}.stream-amber .topbar-inner{min-height:var(--topbar-h-desktop)!important;max-width:var(--content-w);padding:0 var(--space-4)!important;gap:var(--space-4)!important}.stream-amber .brand{max-width:260px;color:var(--text)!important;font-size:13px;font-weight:750;line-height:1.05}.stream-amber .brand strong{display:block;margin-top:3px;color:var(--accent-text)!important;font-family:var(--font-ui);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.stream-amber .brand-mark{width:38px;height:38px;min-width:38px;border-radius:var(--radius-squircle)!important;background:var(--surface-2)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-1),var(--shadow-2)!important;padding:6px!important}.stream-amber .desktop-primary-nav{gap:2px}.stream-amber .nav-link{min-height:var(--touch-min);display:inline-flex;align-items:center;gap:7px;padding:0 13px!important;border-radius:var(--radius-pill)!important;color:var(--text-muted)!important;background:transparent!important;font-size:13px}.stream-amber .nav-link.active{color:var(--accent-text)!important;background:var(--accent-soft)!important}.stream-amber .nav-link .nav-icon{display:grid;place-items:center}.stream-amber .header-round-action,.stream-amber .header-menu-toggle,.stream-amber .mobile-header-actions>a,.stream-amber .mobile-header-actions>button{display:grid!important;place-items:center;width:var(--touch-min)!important;height:var(--touch-min)!important;min-width:var(--touch-min)!important;padding:0!important;color:var(--text)!important;background:transparent!important;border:0!important;border-radius:50%!important;box-shadow:none!important}.stream-amber :is(.header-round-action,.header-menu-toggle,.mobile-header-actions>a,.mobile-header-actions>button):hover{background:var(--surface-2)!important}.stream-amber .theme-switch .app-icon{color:var(--accent)}.stream-amber .top-search{display:flex!important;align-items:center;min-width:220px;max-width:390px;height:40px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);overflow:hidden}.stream-amber .top-search input{border:0!important;background:transparent!important;box-shadow:none!important;height:100%;padding:0 8px!important}.stream-amber .top-search button{border:0;background:transparent;color:var(--text-muted);padding:0 12px;min-height:40px}.stream-amber .top-search button:last-child{display:none}.stream-amber .mobile-header-actions{gap:0!important}.stream-amber .visitor-session-actions{background:var(--glass)!important;border-color:var(--glass-border)!important;padding:8px var(--space-4)!important}
.stream-amber .header-mobile-menu{z-index:100;background:rgba(13,16,35,.48)!important;padding:12px!important;backdrop-filter:blur(7px)}.stream-amber .header-mobile-menu-card{width:min(390px,100%)!important;max-height:calc(100dvh - 24px);border:1px solid var(--glass-border)!important;border-radius:var(--radius-xl)!important;background:var(--glass)!important;color:var(--text)!important;backdrop-filter:blur(24px) saturate(150%);box-shadow:var(--shadow-3)!important;padding:var(--space-5)!important}.stream-amber .header-menu-title,.stream-amber .header-menu-title button{color:var(--text)!important}.stream-amber .header-menu-title button{background:var(--surface-2)!important;border:1px solid var(--border)!important;border-radius:50%!important}.stream-amber .header-identity{background:var(--surface-2)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important}.stream-amber .identity-menu-options a,.stream-amber .menu-secondary a{min-height:48px;color:var(--text)!important;border-color:var(--border)!important;border-radius:var(--radius-sm)!important}.stream-amber .identity-menu-options a:hover{background:var(--surface-2)!important}.stream-amber .menu-logout button{border-radius:var(--radius-md)!important;background:var(--surface-2)!important;color:var(--text)!important}.stream-amber .mobile-nav{position:fixed!important;z-index:60;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));height:var(--bottomnav-h)!important;padding:6px!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-xl)!important;background:var(--glass)!important;backdrop-filter:blur(20px) saturate(140%);box-shadow:var(--shadow-3)!important}.stream-amber .mobile-nav a{min-width:0;border-radius:var(--radius-pill)!important;color:var(--text-muted)!important;font-size:10px}.stream-amber .mobile-nav a.active{background:var(--accent-soft)!important;color:var(--accent-text)!important}.stream-amber .mobile-nav a.active:before{display:none!important}.stream-amber .mobile-nav .app-icon{width:21px;height:21px}

/* Base components */
.stream-amber :is(input,textarea,select){min-height:var(--input-h);background:var(--surface-2)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-1)!important;font-family:var(--font-ui);font-size:var(--fs-base);padding:10px 14px!important}.stream-amber :is(input,textarea,select)::placeholder{color:var(--text-muted)!important}.stream-amber :is(input,textarea,select):focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-soft)!important}.stream-amber textarea{min-height:96px;resize:vertical}.stream-amber input[type="checkbox"]{min-height:18px;accent-color:var(--accent);box-shadow:none!important}.stream-amber label{color:var(--text)!important;font-size:var(--fs-sm)}
.stream-amber .btn{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:var(--btn-h)!important;padding:0 17px!important;border:1px solid var(--border)!important;border-radius:var(--radius-pill)!important;background:var(--surface)!important;color:var(--text)!important;box-shadow:var(--shadow-1)!important;font-size:14px;font-weight:700;white-space:nowrap;transition:transform var(--dur-fast) var(--ease),background-color var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease)}.stream-amber .btn:hover{border-color:var(--border-strong)!important;background:var(--surface-2)!important}.stream-amber .btn:active{transform:scale(.985)!important}.stream-amber .btn-primary{border-color:transparent!important;background:var(--gradient-brand)!important;color:var(--on-accent)!important;box-shadow:0 7px 16px rgba(101,95,224,.18)!important}.stream-amber .btn-primary:hover{background:var(--gradient-brand)!important;color:var(--on-accent)!important;filter:brightness(1.04)}.stream-amber .btn-outline{background:transparent!important;color:var(--text)!important}.stream-amber .btn-dark{background:var(--contrast-surface)!important;color:var(--contrast-text)!important}.stream-amber .btn-small{min-height:36px!important;font-size:12px;padding:0 13px!important}.stream-amber .btn-large{min-height:var(--btn-h-lg)!important;padding:0 22px!important}
.stream-amber :is(.csi-panel,.phase2-card,.info-card,.owner-stats,.privacy-grid>article,.information-grid>article,.admin-card,.release-card,.listing-card,.business-card){background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-1),var(--shadow-2)!important}.stream-amber .empty-state{border:1px dashed var(--border-strong)!important;border-radius:var(--radius-xl)!important;background:linear-gradient(135deg,var(--surface),var(--surface-2))!important;color:var(--text)!important;box-shadow:none!important}.stream-amber .section-kicker,.stream-amber .csi-kicker,.stream-amber .phase2-eyebrow{color:var(--accent-text)!important;font-size:11px!important;font-weight:750!important;letter-spacing:.12em!important}

/* Feed, search, offers */
.stream-amber .csi-main-layout{display:block!important;max-width:var(--feed-w);padding-top:var(--space-6);margin-inline:auto}.stream-amber .csi-rail{display:none!important}.stream-amber .csi-filters{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;margin-bottom:var(--space-4)!important}.stream-amber .csi-filters>.csi-search{grid-column:1;background:var(--glass)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-pill)!important;backdrop-filter:blur(20px)}.stream-amber .csi-filters>label:not(.csi-search){display:none!important}.stream-amber .csi-filters>button{grid-column:2;width:48px;min-width:48px;height:48px;padding:0!important;font-size:0;border-radius:50%!important}.stream-amber .csi-filters>button:after{content:'⌘';font-size:19px}.stream-amber .csi-category-pills{display:none!important}.stream-amber .inline-composer{padding:var(--space-4)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;background:var(--surface)!important;box-shadow:var(--shadow-1),var(--shadow-2)!important}.stream-amber .composer-main textarea{min-height:48px!important;background:var(--surface-2)!important;border-radius:var(--radius-md)!important}.stream-amber .composer-actions{border-color:var(--border)!important}.stream-amber .composer-actions>:is(button,a){color:var(--text-muted)!important;border-radius:var(--radius-pill)!important}.stream-amber .composer-actions .csi-sell{background:var(--accent-soft)!important;color:var(--accent-text)!important}
.stream-amber .post-card{padding:var(--space-4)!important;margin-bottom:var(--space-3)!important;background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-1),var(--shadow-2)!important}.stream-amber .post-head{gap:10px}.stream-amber .post-head img,.stream-amber .post-avatar-link img{width:40px;height:40px;border-radius:50%;object-fit:cover}.stream-amber .post-identity small,.stream-amber .post-stats{color:var(--text-muted)!important}.stream-amber .post-options{width:28px!important;height:28px!important;padding:0!important;font-size:13px!important;line-height:1!important;color:var(--text-muted)!important;border-radius:50%!important}.stream-amber .post-copy{font-size:15px!important;color:var(--text)!important;margin:var(--space-4) 0!important;line-height:var(--lh-body)!important}.stream-amber .post-photo-grid{background:var(--surface-2)!important;border-radius:var(--radius-md)!important;overflow:hidden}.stream-amber .post-video{width:100%;border-radius:var(--radius-md)!important;background:#000}.stream-amber .post-stats,.stream-amber .post-actions{border-color:var(--border)!important}.stream-amber .post-actions button,.stream-amber .post-actions a{min-height:42px;color:var(--text-muted)!important;border-radius:var(--radius-pill)!important}.stream-amber .post-actions button:hover{background:var(--surface-2)!important;color:var(--accent-text)!important}.stream-amber .post-actions button.liked{color:var(--accent-text)!important}.stream-amber .comment-content{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--border)!important;border-radius:var(--radius-md)!important}.stream-amber .comment-form input{background:var(--surface-2)!important}.stream-amber .comment-form button{background:var(--gradient-brand)!important;color:var(--on-accent)!important;border-radius:var(--radius-pill)!important}
.stream-amber .listing-grid{gap:var(--space-4)!important}.stream-amber .listing-card{overflow:hidden}.stream-amber .listing-image{background:var(--surface-2)!important;aspect-ratio:4/5}.stream-amber .listing-image img{width:100%;height:100%;object-fit:cover}.stream-amber .listing-content{padding:var(--space-4)!important}.stream-amber .listing-price,.stream-amber .detail-price{color:var(--accent-text)!important;font-family:var(--font-display);font-size:var(--fs-xl)!important;font-weight:800;font-variant-numeric:tabular-nums}.stream-amber .type-chip,.stream-amber .example-badge,.stream-amber .verified-badge{border-color:var(--accent)!important;background:var(--accent-soft)!important;color:var(--accent-text)!important;border-radius:var(--radius-pill)!important}.stream-amber .business-card{overflow:hidden}.stream-amber .business-cover{height:156px}.stream-amber .business-logo{border-radius:var(--radius-squircle)!important;border:3px solid var(--surface)!important}.stream-amber .business-card-body{padding:var(--space-4)!important}.stream-amber .detail-page,.stream-amber .catalog-page,.stream-amber .search-page{padding-top:var(--space-6)}.stream-amber .detail-grid{gap:var(--space-6)!important}.stream-amber .detail-media-main,.stream-amber .detail-media-main img,.stream-amber .detail-media-main video{border-radius:var(--radius-xl)!important;overflow:hidden}.stream-amber .seller-box{background:var(--surface-2)!important;border-color:var(--border)!important;border-radius:var(--radius-lg)!important}

/* Facebook-like personal and business profiles */
.stream-amber .modern-profile,.stream-amber .business-profile{max-width:1040px;margin-inline:auto;padding-bottom:var(--space-10)}.stream-amber .modern-profile .person-cover,.stream-amber .business-profile-cover{height:220px!important;border-radius:0 0 var(--radius-xl) var(--radius-xl)!important;background:linear-gradient(135deg,var(--contrast-surface),var(--surface-3))!important;overflow:hidden}.stream-amber .business-profile-cover .cover-art{background:radial-gradient(circle at 78% 8%,rgba(119,126,240,.36),transparent 28%),linear-gradient(135deg,var(--contrast-surface),var(--surface-3))!important}.stream-amber .person-cover>img,.stream-amber .business-profile-cover>img{width:100%;height:100%;object-fit:cover}.stream-amber .modern-profile .person-header,.stream-amber .business-profile .profile-identity{position:relative;margin:-60px auto 0!important;max-width:940px;padding:0 var(--space-6) var(--space-5)!important;display:grid!important;grid-template-columns:104px minmax(0,1fr) auto;align-items:end;text-align:left!important;gap:var(--space-4)!important}.stream-amber .person-avatar-wrap>img,.stream-amber .business-profile .profile-logo{width:104px!important;height:104px!important;border:5px solid var(--surface)!important;border-radius:50%!important;background:var(--surface);box-shadow:var(--shadow-2)!important}.stream-amber .business-profile .profile-logo{border-radius:var(--radius-squircle)!important}.stream-amber .modern-profile h1,.stream-amber .business-profile h1{font-size:var(--fs-3xl)!important}.stream-amber .modern-profile .person-header p,.stream-amber .business-profile .profile-identity p{margin:4px 0!important}.stream-amber .person-social-actions,.stream-amber .business-profile .profile-actions{justify-content:flex-end!important;margin:0!important;padding:0!important;background:none!important}.stream-amber .profile-numbers{justify-content:flex-start!important;gap:var(--space-8)!important;margin:var(--space-4) auto!important;max-width:940px;padding:0 var(--space-6)}.stream-amber .modern-profile .person-social-feed{max-width:680px;border-top:0!important;padding:0!important}.stream-amber .business-profile-main{margin-top:0!important}.stream-amber .business-profile .profile-layout{display:grid!important;grid-template-columns:280px minmax(0,1fr);gap:var(--space-6)!important}.stream-amber .business-profile .profile-sidebar{border:0!important;padding:0!important}.stream-amber .profile-tabs{margin:0 auto var(--space-6)!important;max-width:940px;padding:0 var(--space-6);justify-content:flex-start!important;border-color:var(--border)!important}.stream-amber .profile-tabs a{color:var(--text-muted)!important;border-radius:var(--radius-pill)!important}.stream-amber .profile-tabs a:hover,.stream-amber .profile-tabs a:first-child{color:var(--accent-text)!important;background:var(--accent-soft)!important}

/* Messaging: warm Amber rewrite of the Huaura style */
.stream-amber .social-messenger,.stream-amber .messenger-six.social-messenger{width:min(1320px,100%)!important;max-width:none!important;margin:0 auto!important;height:calc(100dvh - var(--topbar-h-desktop) - 2px)!important;min-height:0!important;border:0!important;border-radius:0!important;background:var(--bg)!important;color:var(--text)!important;box-shadow:none!important}.stream-amber .social-messenger :is(.conversation-list,.chat-panel,.messages-title,.chat-head,.social-message-form,.messenger-account,.conversation-item,.community-chat,.community-composer){background:transparent!important;color:var(--text)!important;border-color:var(--border)!important}.stream-amber .conversation-list{background:var(--surface)!important;border-right:1px solid var(--border)!important}.stream-amber .messages-title{background:var(--glass)!important;backdrop-filter:blur(18px);border-bottom:1px solid var(--border)!important}.stream-amber .conversation-item{border-radius:var(--radius-md)!important;margin:4px 8px!important}.stream-amber .conversation-item.active,.stream-amber .conversation-item:hover{background:var(--accent-soft)!important}.stream-amber .messenger-six>.chat-panel{background:var(--ambient),var(--bg)!important}.stream-amber .messenger-six .chat-head{min-height:70px!important;background:var(--glass)!important;backdrop-filter:blur(18px);border-bottom:1px solid var(--border)!important}.stream-amber .messenger-six .message-stream,.stream-amber .messenger-six .phase3-chat .community-message-stream{padding:24px clamp(16px,5vw,80px)!important;gap:10px!important}.stream-amber .messenger-six .message,.stream-amber .messenger-six .phase3-chat .community-message>div,.stream-amber .direct-message,.stream-amber .community-message>div{border:1px solid var(--border)!important;background:var(--bubble-other)!important;color:var(--text)!important;box-shadow:var(--shadow-1)!important}.stream-amber .messenger-six .message.mine,.stream-amber .messenger-six .phase3-chat .community-message.mine>div,.stream-amber .direct-message.mine,.stream-amber .community-message.mine>div{background:var(--bubble-own)!important;border-color:color-mix(in srgb,var(--accent) 28%,var(--border))!important}.stream-amber .messenger-six .message p,.stream-amber .messenger-six .phase3-chat .community-message p,.stream-amber .direct-message p,.stream-amber .community-message p{color:var(--text)!important}.stream-amber .messenger-six .social-message-form,.stream-amber .messenger-six .community-composer{background:var(--glass)!important;backdrop-filter:blur(20px);border-top:1px solid var(--border)!important}.stream-amber .messenger-six .chat-compose-row{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-xl)!important}.stream-amber .messenger-six .chat-compose-row textarea,.stream-amber .messenger-six .community-compose-main textarea{color:var(--text)!important;background:transparent!important}.stream-amber .message-send,.stream-amber .messenger-six .message-send{background:var(--gradient-brand)!important;color:var(--on-accent)!important;border-radius:50%!important;box-shadow:none!important}.stream-amber .community-message header strong,.stream-amber .messenger-six .community-message header strong{color:var(--accent-text)!important}

/* Professional community and search */
.stream-amber .phase2-pro-shell,.stream-amber .phase2-room-shell,.stream-amber .phase2-directory-shell,.stream-amber .phase2-profile-shell,.stream-amber .phase2-form-shell,.stream-amber .phase2-admin-shell{padding-top:var(--space-6)!important}.stream-amber .phase2-pro-top,.stream-amber .phase2-screen-header{background:transparent!important;padding:0 0 var(--space-5)!important}.stream-amber .phase2-pro-top h1,.stream-amber .phase2-screen-header h1{font-family:var(--font-display)!important;font-size:var(--fs-3xl)!important}.stream-amber .phase2-pro-notice{border:1px solid rgba(119,126,240,.42)!important;border-radius:var(--radius-xl)!important;background:linear-gradient(135deg,var(--accent-soft),var(--surface))!important;box-shadow:var(--shadow-1),var(--shadow-2)!important}.stream-amber .phase2-pro-notice strong{font-family:var(--font-display);color:var(--text)}.stream-amber .phase2-pro-grid{gap:var(--space-4)!important}.stream-amber .phase2-pro-spaces,.stream-amber .phase2-pro-activity,.stream-amber .phase2-pro-people,.stream-amber .phase2-room-grid{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-1),var(--shadow-2)!important}.stream-amber .phase2-pro-people{display:none!important}.stream-amber .phase2-space-row{color:var(--text)!important;border-color:var(--border)!important;border-radius:var(--radius-md)!important}.stream-amber .phase2-space-row:hover{background:var(--surface-2)!important}.stream-amber .phase2-space-icon{background:var(--accent-soft)!important;border:1px solid rgba(119,126,240,.26)!important;color:var(--accent-text)!important;border-radius:var(--radius-sm)!important}.stream-amber .phase2-room-grid{overflow:hidden}.stream-amber .phase2-room-sidebar,.stream-amber .phase2-room-main,.stream-amber .phase2-room-details{background:var(--surface)!important;border-color:var(--border)!important}.stream-amber .phase2-room-header{background:var(--glass)!important;border-color:var(--border)!important;backdrop-filter:blur(20px)}.stream-amber .phase2-room-stream{background:var(--bg-2)!important}.stream-amber .phase2-room-compose{background:var(--glass)!important;border-color:var(--border)!important;backdrop-filter:blur(20px)}.stream-amber .phase2-room-compose .csi-room-attachment{background:var(--surface-2)!important;border:1px solid var(--border)!important;border-radius:50%!important;color:var(--accent-text)!important}.stream-amber .phase2-directory-filters{background:var(--glass)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--shadow-1)!important;border-radius:var(--radius-xl)!important;backdrop-filter:blur(20px)}.stream-amber .pro-directory-card{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-1),var(--shadow-2)!important}.stream-amber .pro-directory-avatar{border-radius:50%!important}.stream-amber .pro-directory-avatar.is-page{border-radius:var(--radius-squircle)!important}.stream-amber .pro-chips span{background:var(--surface-2)!important;color:var(--text-muted)!important;border-radius:var(--radius-pill)!important}
.stream-amber .phase2-profile-card{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-xl)!important;overflow:hidden;box-shadow:var(--shadow-1),var(--shadow-2)!important}.stream-amber .phase2-profile-cover{height:170px!important;background:radial-gradient(circle at 82% 0%,rgba(119,126,240,.36),transparent 28%),linear-gradient(135deg,var(--contrast-surface),var(--surface-3))!important}.stream-amber .phase2-profile-head{padding:0 var(--space-6) var(--space-5)!important;margin-top:-48px!important}.stream-amber .phase2-profile-head>img{width:96px!important;height:96px!important;border:5px solid var(--surface)!important;border-radius:50%!important;background:var(--surface)}.stream-amber .phase2-profile-head>img.is-page{border-radius:var(--radius-squircle)!important}.stream-amber .phase2-profile-info{background:var(--surface-2)!important;border-color:var(--border)!important}.stream-amber .phase2-gate-card{background:var(--surface)!important;border:1px solid rgba(119,126,240,.38)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-3)!important}.stream-amber .phase2-gate-mark{background:var(--gradient-brand)!important;color:var(--on-accent)!important;border-radius:var(--radius-lg)!important}

/* Login / register: reference two, but our Amber identity */
.stream-amber .auth-page{min-height:100dvh!important;display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr)!important;padding:0!important;background:var(--bg)!important}.stream-amber .auth-visual{display:flex!important;align-items:center;justify-content:center;position:relative;isolation:isolate;min-height:100dvh;padding:var(--space-12)!important;overflow:hidden;background:radial-gradient(circle at 10% 10%,rgba(119,126,240,.20),transparent 29%),radial-gradient(circle at 85% 88%,rgba(119,126,240,.10),transparent 35%),var(--bg)!important;color:var(--text)!important}.stream-amber .auth-visual:after{content:'';position:absolute;z-index:-1;width:420px;height:420px;right:-170px;bottom:-160px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:50%;box-shadow:0 0 0 28px color-mix(in srgb,var(--accent) 7%,transparent),0 0 0 80px color-mix(in srgb,var(--accent) 4%,transparent)}.stream-amber .auth-visual>div{max-width:490px}.stream-amber .auth-visual .auth-brand{margin-bottom:var(--space-12)}.stream-amber .auth-visual .eyebrow{display:inline-flex;padding:7px 12px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:var(--radius-pill);color:var(--accent-text);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.stream-amber .auth-visual h1{font-size:clamp(38px,4.2vw,58px)!important;max-width:480px;margin:var(--space-5) 0 var(--space-4)!important}.stream-amber .auth-visual p{max-width:430px;font-size:17px!important}.stream-amber .auth-panel{display:flex!important;align-items:center;justify-content:center;padding:var(--space-8)!important;background:var(--surface)!important}.stream-amber .auth-box{width:min(100%,410px)!important;margin:auto;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}.stream-amber .auth-box h2{font-size:var(--fs-2xl)!important;margin:0 0 6px!important}.stream-amber .auth-box>p{margin-bottom:var(--space-6)!important}.stream-amber .stack-form{gap:var(--space-4)!important}.stream-amber .stack-form label{font-weight:650!important;color:var(--text)!important}.stream-amber .stack-form input,.stream-amber .stack-form select{min-height:54px!important;border-radius:var(--radius-lg)!important;background:var(--surface-2)!important;box-shadow:var(--shadow-1),inset 0 1px 1px rgba(0,0,0,.03)!important}.stream-amber .stack-form .btn{width:100%;min-height:54px!important;margin-top:var(--space-2)}.stream-amber .password-field{position:relative}.stream-amber .password-toggle{display:grid;place-items:center;position:absolute;right:8px;bottom:7px;width:40px;height:40px;color:var(--text-muted);background:transparent!important;border:0!important;border-radius:50%!important}.stream-amber .auth-switch{text-align:center;color:var(--text-muted)!important}.stream-amber .auth-switch a,.stream-amber .forgot-password-link{color:var(--accent-text)!important;font-weight:700}.stream-amber .terms{text-align:center;color:var(--text-muted)!important}.stream-amber .mobile-auth-brand{display:none!important}

@keyframes stream-amber-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.stream-amber #page-content>section,.stream-amber .auth-box{animation:none}.stream-amber .post-card:nth-of-type(2){animation-delay:0ms}.stream-amber .post-card:nth-of-type(3){animation-delay:0ms}.stream-amber .post-card:nth-of-type(4){animation-delay:0ms}
@media (max-width:1023px){.stream-amber .top-search{display:none!important}.stream-amber .desktop-primary-nav{display:none!important}.stream-amber .csi-main-layout{width:min(var(--feed-w),calc(100% - 32px))}.stream-amber .business-profile .profile-layout{grid-template-columns:1fr!important}.stream-amber .business-profile .profile-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.stream-amber .auth-page{grid-template-columns:1fr!important}.stream-amber .auth-visual{min-height:260px!important;padding:var(--space-8)!important}.stream-amber .auth-visual .auth-brand{margin-bottom:var(--space-6)}.stream-amber .auth-visual h1{font-size:34px!important}.stream-amber .auth-panel{padding:var(--space-8) var(--space-5) calc(var(--space-12) + var(--bottomnav-h))!important}.stream-amber .auth-box{width:min(100%,490px)!important}}
@media (max-width:767px){.stream-amber .topbar-inner{min-height:var(--topbar-h-mobile)!important;padding:0 12px!important}.stream-amber .brand{max-width:160px;font-size:11px}.stream-amber .brand-mark{width:32px;height:32px;min-width:32px;padding:5px!important}.stream-amber .brand strong{font-size:8px}.stream-amber .shell{width:calc(100% - 32px)}.stream-amber .csi-main-layout{width:calc(100% - 32px);padding-top:var(--space-4)}.stream-amber .post-card,.stream-amber .inline-composer{margin-inline:0!important}.stream-amber .listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.stream-amber .listing-content{padding:12px!important}.stream-amber .listing-card h3{font-size:14px!important}.stream-amber .listing-price{font-size:18px!important}.stream-amber .modern-profile .person-cover,.stream-amber .business-profile-cover{height:154px!important;border-radius:0 0 var(--radius-lg) var(--radius-lg)!important}.stream-amber .modern-profile .person-header,.stream-amber .business-profile .profile-identity{grid-template-columns:82px minmax(0,1fr)!important;gap:var(--space-3)!important;margin-top:-44px!important;padding:0 var(--space-4) var(--space-4)!important}.stream-amber .person-avatar-wrap>img,.stream-amber .business-profile .profile-logo{width:82px!important;height:82px!important;border-width:4px!important}.stream-amber .modern-profile h1,.stream-amber .business-profile h1{font-size:22px!important}.stream-amber .person-social-actions,.stream-amber .business-profile .profile-actions{grid-column:1/-1;justify-content:stretch!important}.stream-amber .person-social-actions .btn,.stream-amber .business-profile .profile-actions .btn{flex:1}.stream-amber .profile-numbers{padding:0 var(--space-4);gap:var(--space-5)}.stream-amber .business-profile .profile-sidebar{display:block}.stream-amber .profile-tabs{overflow-x:auto;padding:0 var(--space-4);margin-bottom:var(--space-4)!important}.stream-amber .phase2-pro-shell,.stream-amber .phase2-room-shell,.stream-amber .phase2-directory-shell,.stream-amber .phase2-profile-shell,.stream-amber .phase2-form-shell,.stream-amber .phase2-admin-shell{padding-top:var(--space-4)!important}.stream-amber .phase2-pro-top h1,.stream-amber .phase2-screen-header h1{font-size:24px!important}.stream-amber .phase2-room-grid{display:block!important;border-radius:var(--radius-lg)!important}.stream-amber .phase2-room-sidebar{display:none!important}.stream-amber .phase2-room-main{min-height:calc(100dvh - 160px)}.stream-amber .phase2-room-stream{min-height:calc(100dvh - 300px)!important;height:auto!important}.stream-amber .phase2-profile-head{display:grid!important;grid-template-columns:80px minmax(0,1fr)!important;gap:12px;padding:0 var(--space-4) var(--space-4)!important;margin-top:-40px!important}.stream-amber .phase2-profile-head>img{width:80px!important;height:80px!important}.stream-amber .phase2-profile-info{display:block!important;padding:var(--space-4)!important}.stream-amber .auth-visual{min-height:210px!important;padding:var(--space-6) var(--space-5)!important}.stream-amber .auth-visual h1{font-size:29px!important;margin:var(--space-3) 0!important}.stream-amber .auth-visual p{font-size:13px!important;margin:0}.stream-amber .auth-visual .auth-brand{margin-bottom:var(--space-3)}.stream-amber .auth-visual:after{width:260px;height:260px;right:-130px;bottom:-140px}.stream-amber .auth-panel{padding:var(--space-6) var(--space-5) calc(90px + env(safe-area-inset-bottom))!important}.stream-amber .mobile-auth-brand{display:none!important}.stream-amber .social-messenger,.stream-amber .messenger-six.social-messenger{height:calc(100dvh - var(--topbar-h-mobile))!important}.stream-amber .conversation-list{border-right:0!important}.stream-amber .messenger-six .message-stream,.stream-amber .messenger-six .phase3-chat .community-message-stream{padding:16px!important}.stream-amber .messenger-six .social-message-form,.stream-amber .messenger-six .community-composer{padding:10px 12px!important}.stream-amber .chat-route .mobile-nav{display:none!important}}
@media (prefers-reduced-motion:reduce){.stream-amber,.stream-amber *{animation-duration:0ms!important;transition-duration:0ms!important}}
.stream-amber .auth-showcase{position:relative;z-index:1;max-width:490px}.stream-amber .auth-orbit{position:absolute;border-radius:50%;pointer-events:none}.stream-amber .orbit-one{width:520px;height:520px;left:-300px;top:-310px;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);box-shadow:0 0 0 25px color-mix(in srgb,var(--accent) 7%,transparent),0 0 0 70px color-mix(in srgb,var(--accent) 3%,transparent)}.stream-amber .orbit-two{width:240px;height:240px;right:-105px;top:60px;background:radial-gradient(circle at 32% 32%,color-mix(in srgb,var(--accent) 35%,transparent),transparent 68%);border:1px solid color-mix(in srgb,var(--accent) 15%,transparent)}.stream-amber .auth-visual .auth-brand{margin-bottom:var(--space-10)}.stream-amber .auth-emblem{display:grid;place-items:center;width:112px;height:112px;padding:24px;border-radius:38%;background:var(--contrast-surface);box-shadow:var(--shadow-3),0 0 0 1px color-mix(in srgb,var(--accent) 38%,transparent);margin-bottom:var(--space-6)}.stream-amber .auth-emblem img{width:100%;height:100%;filter:drop-shadow(0 8px 14px rgba(119,126,240,.24))}.stream-amber .auth-kicker{display:block;margin-bottom:8px;color:var(--accent-text);font-family:var(--font-ui);font-size:11px;font-weight:750;letter-spacing:.12em}

/* Input affordance added after the legacy auth form so the icon stays inside each field. */
.stream-amber html,.stream-amber{background-color:var(--bg)!important}.stream-amber #page-content,.stream-amber.page-leaving #page-content{opacity:1!important;transform:none!important;transition:none!important}.stream-amber .password-field input{padding-right:52px!important}.stream-amber .password-toggle{box-shadow:none!important}.stream-amber .password-toggle:hover{color:var(--accent-text)!important;background:var(--accent-soft)!important}.stream-amber .password-toggle svg{width:20px;height:20px}.stream-amber .csi-filters>button:after{content:'';display:block;width:18px;height:17px;background:currentColor;clip-path:polygon(0 0,100% 0,64% 44%,64% 100%,36% 82%,36% 44%)}

/* Noir dorado: profundidad y contornos inspirados en la dirección visual aprobada. */
.stream-amber{background:radial-gradient(780px 460px at 100% -12%,rgba(174,183,255,.10),transparent 66%),radial-gradient(600px 360px at -12% 38%,rgba(174,183,255,.055),transparent 70%),var(--bg)!important}.stream-amber .topbar{background:color-mix(in srgb,var(--glass) 94%,var(--bg))!important;border-bottom-color:color-mix(in srgb,var(--accent) 18%,var(--border))!important}.stream-amber :is(.post-card,.inline-composer,.listing-card,.business-card,.phase2-card,.csi-panel,.info-card,.admin-card,.release-card,.owner-stats){background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,var(--surface-3)),var(--surface))!important;border-color:color-mix(in srgb,var(--border) 82%,var(--accent))!important}.stream-amber :is(.brand-mark,.header-round-action,.header-menu-toggle,.mobile-header-actions>a,.mobile-header-actions>button){box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 8px 20px rgba(0,0,0,.14)!important}.stream-amber .btn-primary{background:linear-gradient(135deg,var(--amber-300) 0%,var(--accent) 48%,var(--accent-deep) 100%)!important;box-shadow:0 10px 24px rgba(101,95,224,.27),0 1px 0 rgba(255,255,255,.38) inset!important}.stream-amber .btn-primary:hover{filter:saturate(1.08) brightness(1.04)!important}.stream-amber :is(input,textarea,select){border-color:color-mix(in srgb,var(--border) 82%,var(--accent))!important;background:linear-gradient(145deg,var(--surface-2),color-mix(in srgb,var(--surface-2) 88%,var(--bg)))!important}.stream-amber :is(input,textarea,select):focus{box-shadow:0 0 0 3px var(--accent-soft),0 1px 0 rgba(255,255,255,.08) inset!important}

/* Acceso y registro: composición central suave, con la paleta grafito y ámbar. */
.stream-amber .auth-page{position:relative;overflow:hidden;background:radial-gradient(620px 520px at 77% 10%,rgba(174,183,255,.13),transparent 64%),var(--bg)!important}.stream-amber .auth-page:before,.stream-amber .auth-page:after{content:'';position:absolute;z-index:0;pointer-events:none;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:50%;box-shadow:0 0 0 22px color-mix(in srgb,var(--accent) 3%,transparent),0 0 0 56px color-mix(in srgb,var(--accent) 2%,transparent)}.stream-amber .auth-page:before{width:390px;height:390px;right:21%;top:-270px}.stream-amber .auth-page:after{width:310px;height:310px;right:-170px;bottom:-130px}.stream-amber .auth-visual{background:radial-gradient(circle at 22% 12%,rgba(232,106,138,.18),transparent 28%),radial-gradient(circle at 88% 80%,rgba(101,95,224,.20),transparent 34%),linear-gradient(145deg,#0D1023 0%,var(--bg-2) 100%)!important}.stream-amber .auth-visual:after{border-color:color-mix(in srgb,var(--accent) 42%,transparent);box-shadow:0 0 0 28px color-mix(in srgb,var(--accent) 8%,transparent),0 0 0 80px color-mix(in srgb,var(--accent) 3%,transparent)}.stream-amber .auth-emblem{width:124px;height:124px;padding:26px;border-radius:42%;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-3) 84%,var(--accent)),var(--contrast-surface))!important;box-shadow:14px 16px 34px rgba(0,0,0,.36),-7px -7px 18px rgba(255,255,255,.055),0 0 0 1px color-mix(in srgb,var(--accent) 52%,transparent)!important}.stream-amber .auth-emblem img{filter:drop-shadow(0 8px 13px rgba(101,95,224,.35))!important}.stream-amber .auth-visual .eyebrow{background:color-mix(in srgb,var(--accent-soft) 72%,transparent)!important;border-color:color-mix(in srgb,var(--accent) 44%,transparent)!important}.stream-amber .auth-panel{position:relative;z-index:1;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 95%,var(--bg)),var(--surface))!important}.stream-amber .auth-box{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 94%,var(--surface-3)),var(--surface))!important;border:1px solid color-mix(in srgb,var(--border) 76%,var(--accent))!important;border-radius:var(--radius-xl)!important;box-shadow:16px 18px 42px rgba(0,0,0,.24),-8px -8px 22px rgba(255,255,255,.025),0 1px 0 rgba(255,255,255,.08) inset!important;padding:clamp(28px,3.2vw,46px)!important}.stream-amber .auth-box h2{font-family:var(--font-display)!important;font-size:clamp(28px,3vw,36px)!important;letter-spacing:-.045em}.stream-amber .auth-box>p{color:var(--text-muted)!important}.stream-amber .auth-kicker{color:var(--accent-text)!important;letter-spacing:.16em!important}.stream-amber .stack-form label:not(.phase2-terms-check){display:grid!important;gap:7px!important;font-size:12px!important;font-weight:750!important;letter-spacing:.025em}.stream-amber .stack-form input,.stream-amber .stack-form select{min-height:58px!important;border-radius:20px!important;box-shadow:inset 1px 1px 2px rgba(0,0,0,.13),inset -1px -1px 1px rgba(255,255,255,.045),0 7px 16px rgba(0,0,0,.09)!important}.stream-amber .stack-form .btn{min-height:58px!important;border-radius:20px!important;font-size:16px!important;font-weight:800!important;letter-spacing:-.015em}.stream-amber .phase2-terms-check{padding:8px 2px!important;border:0!important;background:transparent!important;box-shadow:none!important}.stream-amber .auth-switch{margin-top:var(--space-5)!important}.stream-amber .auth-switch a,.stream-amber .forgot-password-link,.stream-amber .terms a{text-decoration-color:color-mix(in srgb,var(--accent) 62%,transparent)!important;text-underline-offset:3px}.stream-amber .forgot-password-link{margin-top:-4px!important;font-size:13px!important}.stream-amber .terms{margin-top:var(--space-5)!important;font-size:11px!important;line-height:1.55!important}

@media (max-width:1023px){.stream-amber .auth-page:before{right:-170px;top:-250px}.stream-amber .auth-panel{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,var(--bg)),var(--surface))!important}.stream-amber .auth-box{max-width:530px!important}}
@media (max-width:767px){.stream-amber .auth-page{display:block!important;padding-bottom:0!important}.stream-amber .auth-page:before{width:280px;height:280px;right:-135px;top:-138px}.stream-amber .auth-page:after{width:220px;height:220px;right:-125px;bottom:64px}.stream-amber .auth-visual{min-height:242px!important;padding:28px 24px 40px!important;align-items:flex-start!important}.stream-amber .auth-visual .auth-brand{margin-bottom:20px!important}.stream-amber .auth-emblem{width:82px;height:82px;padding:17px;margin-bottom:15px!important;border-radius:38%}.stream-amber .auth-visual h1{max-width:330px!important;font-size:29px!important;line-height:1.08!important;margin:10px 0 8px!important}.stream-amber .auth-visual p{max-width:320px!important;font-size:13px!important;line-height:1.5!important}.stream-amber .auth-visual .eyebrow{font-size:9px!important;padding:6px 10px!important}.stream-amber .auth-panel{margin:-18px 12px 0!important;padding:28px 20px calc(100px + env(safe-area-inset-bottom))!important;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border))!important;border-radius:30px 30px 0 0!important;box-shadow:0 -12px 34px rgba(0,0,0,.20)!important}.stream-amber .auth-box{width:100%!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.stream-amber .auth-box h2{font-size:30px!important}.stream-amber .auth-box>p{margin-bottom:22px!important}.stream-amber .stack-form{gap:15px!important}.stream-amber .stack-form input,.stream-amber .stack-form select,.stream-amber .stack-form .btn{min-height:56px!important}.stream-amber .mobile-auth-brand{display:none!important}}

/* Sin azul heredado: la aplicación usa exclusivamente carbón, crema y ámbar. */
html[data-theme="dark"] .stream-amber{--navy:var(--text);--navy-2:var(--surface);--ink:var(--text);--muted:var(--text-muted);--line:var(--border);--soft:var(--bg);--white:var(--surface);--coral:var(--accent);--coral-dark:var(--accent-deep);--teal:var(--accent);--teal-dark:var(--accent-deep);--hc-bg:var(--bg);--hc-surface:var(--surface);--hc-panel:var(--surface);--hc-text:var(--text);--hc-muted:var(--text-muted);--hc-border:var(--border);--hc-primary:var(--accent);--hc-brand:var(--accent);--hc-brand-soft:var(--accent-soft);--hc-surface-2:var(--surface-2);--hc-text-2:var(--text-muted)}html[data-theme="light"] .stream-amber{--navy:var(--text);--navy-2:var(--surface);--ink:var(--text);--muted:var(--text-muted);--line:var(--border);--soft:var(--bg);--white:var(--surface);--coral:var(--accent);--coral-dark:var(--accent-deep);--teal:var(--accent);--teal-dark:var(--accent-deep);--hc-bg:var(--bg);--hc-surface:var(--surface);--hc-panel:var(--surface);--hc-text:var(--text);--hc-muted:var(--text-muted);--hc-border:var(--border);--hc-primary:var(--accent);--hc-brand:var(--accent);--hc-brand-soft:var(--accent-soft);--hc-surface-2:var(--surface-2);--hc-text-2:var(--text-muted)}.stream-amber :is(.csi-premium-icon,.csi-space-icon,.phase2-space-icon,.phase2-gate-mark,.phase2-profile-cover,.business-profile-cover .cover-art){background:linear-gradient(145deg,var(--surface-3),var(--surface))!important;border-color:color-mix(in srgb,var(--accent) 38%,var(--border))!important;color:var(--accent-text)!important}.stream-amber :is(.csi-room-message>div,.phase2-room-stream,.phase2-room-main,.phase2-room-sidebar,.phase2-room-header,.phase2-room-compose,.social-messenger,.conversation-list,.chat-panel,.messages-title,.chat-head,.social-message-form,.community-composer){border-color:var(--border)!important;background:var(--surface)!important;color:var(--text)!important}.stream-amber :is(.csi-room-message.mine>div,.phase2-room-message.mine>div,.direct-message.mine,.community-message.mine>div){background:color-mix(in srgb,var(--accent) 18%,var(--surface))!important;border-color:color-mix(in srgb,var(--accent) 38%,var(--border))!important}.stream-amber :is(.csi-offer-title>strong,.csi-private-link,.csi-promotion-links a,.csi-service a){color:var(--accent-text)!important}.stream-amber :is(.csi-role,.csi-tag,.type-chip,.verified-badge,.example-badge){background:var(--accent-soft)!important;border-color:color-mix(in srgb,var(--accent) 42%,var(--border))!important;color:var(--accent-text)!important}

/* Encabezado mínimo: marca, lupa y menú. El selector de tema vive dentro del menú. */
.stream-amber .topbar-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:var(--space-3)!important}.stream-amber .top-search,.stream-amber .desktop-primary-nav,.stream-amber .visitor-session-actions{display:none!important}.stream-amber .desktop-actions{display:flex!important;align-items:center!important;gap:4px!important;margin-left:auto}.stream-amber .mobile-header-actions{display:none!important}.stream-amber .header-round-action,.stream-amber .header-menu-toggle,.stream-amber .mobile-header-actions>button{width:44px!important;height:44px!important;min-width:44px!important;border:1px solid transparent!important;border-radius:50%!important;background:transparent!important;color:var(--text)!important;box-shadow:none!important}.stream-amber :is(.header-round-action,.header-menu-toggle,.mobile-header-actions>button):hover{border-color:color-mix(in srgb,var(--accent) 24%,var(--border))!important;background:var(--surface-2)!important}.stream-amber .menu-theme-toggle{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:50px!important;margin:var(--space-3) 0!important;padding:8px 10px 8px 14px!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;background:var(--surface-2)!important;color:var(--text)!important;font:700 13px var(--font-ui)!important}.stream-amber .menu-theme-track{display:flex;align-items:center;width:42px;height:24px;padding:3px;border-radius:var(--radius-pill);background:var(--border-strong);transition:background var(--dur-base) var(--ease)}.stream-amber .menu-theme-track i{display:block;width:18px;height:18px;border-radius:50%;background:var(--text-muted);box-shadow:0 2px 5px rgba(0,0,0,.3);transition:transform var(--dur-base) var(--ease),background var(--dur-base) var(--ease)}html[data-theme="dark"] .stream-amber .menu-theme-track{background:var(--accent)}html[data-theme="dark"] .stream-amber .menu-theme-track i{transform:translateX(18px);background:var(--on-accent)}.stream-amber :is(.identity-menu-options a,.menu-secondary a)[href="/directorio"],.stream-amber .phase2-pro-people,.stream-amber .phase2-profile-form .phase2-switch,.stream-amber .phase2-room-details a[href="/directorio"]{display:none!important}

/* El filtro contextual no ocupa el Inicio: se despliega con la lupa del encabezado. */
.stream-amber .csi-filter-wrap{margin:0 0 var(--space-4)!important}.stream-amber .csi-filter-wrap[hidden]{display:none!important}.stream-amber .csi-filters{grid-template-columns:minmax(0,1fr) minmax(150px,210px) auto!important;gap:10px!important;margin:0!important;padding:0!important}.stream-amber .csi-filters>.csi-search{grid-column:auto!important;min-width:0!important;min-height:50px!important;background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important}.stream-amber .csi-filters>label:not(.csi-search){display:block!important;min-width:0!important}.stream-amber .csi-filters select{width:100%!important;min-height:50px!important}.stream-amber .csi-filters>button{grid-column:auto!important;width:auto!important;min-width:92px!important;height:50px!important;padding:0 16px!important;font-size:13px!important;border-radius:var(--radius-md)!important}.stream-amber .csi-filters>button:after{display:none!important}.stream-amber .csi-category-pills{display:none!important}

@media (max-width:1023px){.stream-amber .desktop-actions{display:none!important}.stream-amber .mobile-header-actions{display:flex!important;align-items:center!important;gap:4px!important;margin-left:auto}.stream-amber .csi-main-layout{width:min(680px,calc(100% - 24px))!important}.stream-amber .csi-filter-wrap{width:100%!important}}
@media (max-width:767px){.stream-amber{padding-bottom:calc(var(--bottomnav-h) + 20px)!important}.stream-amber .topbar-inner{min-height:56px!important;padding:0 10px!important}.stream-amber .brand{max-width:calc(100% - 100px)!important;font-size:11px!important;line-height:1.08!important}.stream-amber .brand>span:last-child{min-width:0!important}.stream-amber .brand-mark{width:34px!important;height:34px!important;min-width:34px!important}.stream-amber .brand strong{font-size:8px!important;letter-spacing:.10em!important}.stream-amber .header-round-action,.stream-amber .header-menu-toggle,.stream-amber .mobile-header-actions>button{width:42px!important;height:42px!important;min-width:42px!important}.stream-amber .csi-main-layout{width:calc(100% - 24px)!important;padding-top:12px!important}.stream-amber .csi-feed{width:100%!important;min-width:0!important}.stream-amber .inline-composer,.stream-amber .post-card,.stream-amber .csi-filter-wrap{margin-inline:0!important}.stream-amber .inline-composer,.stream-amber .post-card{padding:14px!important;border-radius:18px!important}.stream-amber .composer-main{align-items:flex-start!important}.stream-amber .composer-main textarea{min-height:50px!important;font-size:16px!important;line-height:1.4!important}.stream-amber .composer-actions{gap:4px!important;overflow-x:auto!important}.stream-amber .composer-actions>:is(button,a){flex:0 0 auto!important;font-size:12px!important}.stream-amber .csi-filters{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}.stream-amber .csi-filters>.csi-search{grid-column:1/-1!important;min-width:0!important}.stream-amber .csi-filters>label:not(.csi-search){grid-column:1!important}.stream-amber .csi-filters input,.stream-amber .csi-filters select{font-size:16px!important}.stream-amber .csi-filters>button{grid-column:2!important;min-width:86px!important;padding:0 12px!important}.stream-amber .post-head{align-items:flex-start!important}.stream-amber .post-identity strong,.stream-amber .post-copy{font-size:15px!important;line-height:1.52!important}.stream-amber .post-identity small,.stream-amber .post-stats,.stream-amber .post-actions button,.stream-amber .post-actions a{font-size:12px!important}.stream-amber .comment-form{grid-template-columns:minmax(0,1fr) auto!important}.stream-amber .comment-form input{min-width:0!important;font-size:16px!important}.stream-amber .header-mobile-menu{padding:8px!important}.stream-amber .header-mobile-menu-card{width:min(380px,100%)!important;padding:18px!important;border-radius:24px!important}.stream-amber .menu-theme-toggle{min-height:52px!important}.stream-amber .mobile-nav{left:8px!important;right:8px!important;width:auto!important}.stream-amber .mobile-nav a{font-size:9px!important}.stream-amber .mobile-nav .app-icon{width:20px!important;height:20px!important}}
.stream-amber .phase2-theme-choice:first-child{display:none!important}

/* Comunidad Profesional: lista de grupos y chat privado optimizados para móvil. */
.stream-amber .csi-pro-home{max-width:820px;padding:18px 0 48px}
.stream-amber .csi-pro-home-heading{margin:0 0 14px;padding:0}
.stream-amber .csi-pro-home-heading h1{font-size:clamp(20px,3vw,27px)!important;letter-spacing:.075em!important;font-weight:820!important;color:var(--text)!important}
.stream-amber .csi-pro-search{display:flex;align-items:center;gap:10px;padding:0;margin:0 0 14px;border:0}
.stream-amber .csi-pro-search label{display:flex;align-items:center;gap:9px;min-width:0;min-height:50px;flex:1;margin:0;padding:0 14px;background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-pill)!important}
.stream-amber .csi-pro-search label .app-icon{width:19px;height:19px;color:var(--text-muted)}
.stream-amber .csi-pro-search input{flex:1;width:100%;min-width:0;min-height:48px;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.stream-amber .csi-pro-search>.btn{min-height:48px!important}
.stream-amber .csi-pro-space-list{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-1),var(--shadow-2)}
.stream-amber .csi-pro-space-list>.csi-space-row{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:88px;margin:0;padding:14px 18px;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent!important;color:var(--text)!important;text-decoration:none;transition:background var(--dur-fast) var(--ease)}
.stream-amber .csi-pro-space-list>.csi-space-row:last-of-type{border-bottom:0}
.stream-amber .csi-pro-space-list>.csi-space-row:hover{background:var(--surface-2)!important}
.stream-amber .csi-pro-space-list .csi-space-icon{display:grid;place-items:center;width:52px;height:52px;margin:0;border-radius:50%;background:var(--accent-soft)!important;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--border))!important;color:var(--accent-text)!important;font-size:23px}
.stream-amber .csi-pro-space-list .csi-space-copy{display:block;min-width:0}
.stream-amber .csi-space-title{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.stream-amber .csi-space-title strong{overflow:hidden;color:var(--text)!important;font-size:15px;text-overflow:ellipsis;white-space:nowrap}
.stream-amber .csi-space-title time,.stream-amber .csi-space-row time{flex:0 0 auto;color:var(--text-muted)!important;font-size:11px;font-weight:500}
.stream-amber .csi-pro-space-list .csi-space-preview{display:block;overflow:hidden;margin-top:5px;color:var(--text-muted)!important;font-size:13px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.stream-amber .csi-pro-space-list .csi-unread{display:grid;place-items:center;min-width:25px;min-height:25px;padding:0 7px;border-radius:var(--radius-pill);background:var(--gradient-brand)!important;color:var(--on-accent)!important;font-size:11px;font-weight:800}
.stream-amber .csi-space-chevron{color:var(--text-muted);font-size:23px}
.stream-amber .csi-pro-message-results{display:grid;gap:0;margin-top:22px}
.stream-amber .csi-pro-message-results h2{margin:0 0 10px;font-size:14px!important}
.stream-amber .csi-pro-message-results>a{display:grid;gap:4px;padding:13px 2px;border-bottom:1px solid var(--border);text-decoration:none}
.stream-amber .csi-pro-message-results>a strong{font-size:13px}
.stream-amber .csi-pro-message-results>a span{overflow:hidden;color:var(--text-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.stream-amber .csi-pro-message-results>a time{color:var(--text-muted);font-size:10px}
.stream-amber .csi-pro-shell:has(.csi-room){max-width:1040px}
.stream-amber .csi-room{display:flex;flex-direction:column;min-height:min(820px,calc(100dvh - 104px));overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)!important}
.stream-amber .csi-room-header{display:flex;align-items:center;gap:12px;min-height:68px;padding:10px 18px;background:var(--surface)!important;border-bottom:1px solid var(--border)}
.stream-amber .csi-room-header>div{flex:1;min-width:0}
.stream-amber .csi-room-header h1{overflow:hidden;color:var(--text)!important;font-size:18px!important;text-overflow:ellipsis;white-space:nowrap}
.stream-amber .csi-room-header small{display:block;margin-top:3px;color:var(--text-muted)!important;font-size:11px}
.stream-amber .csi-room-back,.stream-amber .csi-room-home{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid var(--border);border-radius:50%;background:var(--surface-2);color:var(--text)!important;font-size:22px;line-height:1;text-decoration:none}
.stream-amber .csi-room-home .app-icon{width:19px;height:19px}
.stream-amber .csi-room-tabs{display:flex;gap:5px;overflow-x:auto;flex:0 0 auto;padding:8px 16px;background:var(--surface);border-bottom:1px solid var(--border);scrollbar-width:none}
.stream-amber .csi-room-tabs::-webkit-scrollbar{display:none}
.stream-amber .csi-room-tabs a{display:flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border:1px solid transparent;border-radius:var(--radius-pill);color:var(--text-muted);font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}
.stream-amber .csi-room-tabs a.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 24%,var(--border));color:var(--accent-text)}
.stream-amber .csi-room-rules{flex:0 0 auto;padding:0 18px;background:var(--surface)}
.stream-amber .csi-room-rules summary{width:max-content;max-width:100%;padding:8px 0;color:var(--text-muted);font-size:11px;font-weight:650;cursor:pointer}
.stream-amber .csi-room-rules p{max-width:780px;margin:0 0 10px;color:var(--text-muted);font-size:12px;line-height:1.5}
.stream-amber .csi-room-stream{flex:1;min-height:300px;height:min(62dvh,620px);max-height:none;overflow:auto;padding:22px;background:var(--surface-2)!important;overscroll-behavior:contain;scroll-behavior:auto}
.stream-amber .csi-room-message{display:flex;align-items:flex-end;gap:9px;width:max-content;max-width:min(78%,680px);margin:0 0 14px;padding:0;background:transparent;border:0;box-shadow:none}
.stream-amber .csi-room-message>img{flex:0 0 30px;width:30px;height:30px;margin:0 0 2px;border:1px solid var(--border);border-radius:50%;object-fit:cover}
.stream-amber .csi-room-message.mine{margin-left:auto;flex-direction:row-reverse}
.stream-amber .csi-room-bubble{min-width:0;padding:10px 13px;border:1px solid var(--border);border-radius:5px 17px 17px 17px;background:var(--bubble-other);color:var(--text);box-shadow:var(--shadow-1)}
.stream-amber .csi-room-message.mine .csi-room-bubble{border-radius:17px 5px 17px 17px;background:var(--bubble-own);border-color:color-mix(in srgb,var(--accent) 24%,var(--border))}
.stream-amber .csi-room-bubble header{display:flex;align-items:baseline;gap:9px}
.stream-amber .csi-room-bubble header strong{color:var(--accent-text);font-size:12px}
.stream-amber .csi-room-bubble header small{color:var(--text-muted);font-size:10px;white-space:nowrap}
.stream-amber .csi-room-bubble p{margin:5px 0 7px;color:var(--text)!important;font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.stream-amber .csi-room-media{display:block;overflow:hidden;margin-top:7px;border-radius:12px;background:var(--surface-2)}
.stream-amber .csi-room-photo{display:block;width:min(100%,380px);max-height:380px;object-fit:cover;border-radius:12px}
.stream-amber .csi-product-label{display:inline-flex;align-items:center;min-height:23px;margin:0 0 7px;padding:3px 9px;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-text);font-size:9px;font-weight:800;letter-spacing:.08em}
.stream-amber .csi-room-message.is-product .csi-room-bubble{border-color:color-mix(in srgb,var(--accent) 32%,var(--border));padding:12px}
.stream-amber .csi-private-link{display:inline-flex;margin-top:8px;color:var(--accent-text)!important;font-size:11px;font-weight:750;text-decoration:none}
.stream-amber .csi-room-bubble video{display:block;width:min(100%,380px);max-height:380px;margin-top:8px;border-radius:12px}
.stream-amber .csi-room-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin:0;padding:12px 16px;background:var(--surface)!important;border-top:1px solid var(--border)}
.stream-amber .csi-room-compose-main{min-width:0}
.stream-amber .csi-room-compose textarea{display:block;width:100%;min-height:48px;max-height:140px;margin:0;padding:12px 15px!important;border:1px solid var(--border)!important;border-radius:22px!important;background:var(--surface-2)!important;color:var(--text)!important;font-size:15px;resize:none}
.stream-amber .csi-room-compose-actions{display:flex;align-items:center;gap:6px}
.stream-amber .csi-room-attachment,.stream-amber .csi-product-toggle,.stream-amber .csi-room-compose-actions>button[type=submit]{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--surface-2);color:var(--accent-text);cursor:pointer}
.stream-amber .csi-room-attachment .app-icon,.stream-amber .csi-product-toggle .app-icon,.stream-amber .csi-room-compose-actions>button[type=submit] .app-icon{width:20px;height:20px}
.stream-amber .csi-room-attachment input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}
.stream-amber .csi-product-toggle[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.stream-amber .csi-product-hint{display:block;margin:5px 3px 0;color:var(--text-muted);font-size:11px;line-height:1.4}
.stream-amber .csi-room-compose [data-csi-room-preview]{grid-column:1/-1;display:flex;align-items:center;gap:10px}
.stream-amber .csi-room-compose [data-csi-room-preview][hidden]{display:none!important}
.stream-amber .csi-room-compose [data-csi-room-preview] img{width:64px;height:64px;object-fit:cover;border-radius:10px}
.stream-amber .csi-room-compose [data-csi-room-preview] button{min-height:36px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text)}
.stream-amber .csi-room-compose [data-csi-room-status]{grid-column:1/-1;min-height:0;margin:0;color:var(--text-muted);font-size:11px}
.stream-amber .csi-room-compose .btn-primary{border:0!important;background:var(--gradient-brand)!important;color:var(--on-accent)!important}
.stream-amber .csi-room-route-spacer{display:none}
@media(max-width:820px){
  body.csi-room-route{height:100dvh;min-height:100dvh;overflow:hidden;padding:0!important}
  body.csi-room-route .topbar{display:none!important}
  body.csi-room-route #page-content{height:100dvh;min-height:0}
  body.csi-room-route .csi-pro-shell{width:100%!important;max-width:none!important;height:100dvh;margin:0!important;padding:0!important}
  body.csi-room-route .csi-room{height:100%;min-height:0;border:0;border-radius:0;box-shadow:none!important}
  body.csi-room-route .csi-room-header{min-height:62px;padding:7px 10px;gap:9px}
  body.csi-room-route .csi-room-header .csi-space-icon{width:43px;height:43px;font-size:20px}
  body.csi-room-route .csi-room-header h1{font-size:16px!important}
  body.csi-room-route .csi-room-back,body.csi-room-route .csi-room-home{flex-basis:38px;width:38px;height:38px}
  body.csi-room-route .csi-room-home{display:none}
  body.csi-room-route .csi-room-tabs{gap:2px;padding:6px 8px}
  body.csi-room-route .csi-room-tabs a{min-height:34px;padding:0 11px;font-size:11px}
  body.csi-room-route .csi-room-rules{padding:0 12px}
  body.csi-room-route .csi-room-rules summary{padding:6px 0}
  body.csi-room-route .csi-room-stream{height:auto;min-height:0;padding:15px 11px}
  body.csi-room-route .csi-room-message{max-width:94%;gap:7px;margin-bottom:11px}
  body.csi-room-route .csi-room-message>img{width:25px;height:25px;flex-basis:25px}
  body.csi-room-route .csi-room-bubble{padding:9px 11px}
  body.csi-room-route .csi-room-bubble p{font-size:14px}
  body.csi-room-route .csi-room-photo{width:min(100%,310px);max-height:320px}
  body.csi-room-route .csi-room-compose{grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:8px 9px calc(9px + env(safe-area-inset-bottom))}
  body.csi-room-route .csi-room-compose textarea{min-height:44px;max-height:118px;padding:10px 13px!important;font-size:16px}
  body.csi-room-route .csi-room-compose-actions{gap:4px}
  body.csi-room-route .csi-room-attachment,body.csi-room-route .csi-product-toggle,body.csi-room-route .csi-room-compose-actions>button[type=submit]{flex-basis:40px;width:40px;height:40px;min-height:40px}
  body.csi-room-route .csi-product-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  body.csi-room-route .csi-product-hint{font-size:10px}
  .stream-amber .csi-pro-home{width:calc(100% - 24px)!important;padding-top:16px}
  .stream-amber .csi-pro-home-heading{margin-bottom:12px}
  .stream-amber .csi-pro-search{gap:7px}
  .stream-amber .csi-pro-search label{min-height:46px;padding:0 12px}
  .stream-amber .csi-pro-search input{min-height:44px;font-size:14px}
  .stream-amber .csi-pro-search>.btn{min-height:44px!important;padding-inline:13px!important}
  .stream-amber .csi-pro-space-list{border-radius:var(--radius-md)}
  .stream-amber .csi-pro-space-list>.csi-space-row{grid-template-columns:48px minmax(0,1fr) auto;gap:11px;min-height:76px;padding:11px 12px}
  .stream-amber .csi-pro-space-list .csi-space-icon{width:46px;height:46px;font-size:20px}
  .stream-amber .csi-space-title strong{font-size:14px}
  .stream-amber .csi-pro-space-list .csi-space-preview{font-size:12px}
}
body.csi-room-route .mobile-nav{display:none!important}

/* source: public/css/brand-2.css */
/* Brand 2: nightlife palette with the bright, editorial spacing of the references. */
html, body { min-height: 100%; background: var(--bg); color: var(--text); }
body.csi-app.stream-amber { background: var(--ambient),var(--bg) !important; color: var(--text) !important; font-family: var(--font-ui); }
.stream-amber :is(h1,h2,h3,h4,.brand,.btn) { font-family: var(--font-display); }
.stream-amber :is(h1,h2,h3) { color: var(--text) !important; letter-spacing: -.025em; line-height: var(--lh-tight); }
.stream-amber h1 { font-size: clamp(30px,4vw,var(--fs-3xl)) !important; font-weight: 800; }
.stream-amber h2 { font-size: clamp(21px,2.4vw,28px) !important; font-weight: 800; }
.stream-amber h3 { font-size: 17px !important; font-weight: 750; }
.stream-amber :is(p,small,.muted) { color: var(--text-muted) !important; }
.stream-amber :focus-visible { outline: 2px solid var(--focus-ring) !important; outline-offset: 3px; }
.stream-amber .shell { width: min(var(--content-w),calc(100% - 32px)); margin-inline: auto; }

/* Glass navigation, with a clear active state and comfortable touch targets. */
.stream-amber .topbar { min-height: var(--topbar-h-desktop); background: var(--glass) !important; border-bottom: 1px solid var(--glass-border) !important; backdrop-filter: blur(22px) saturate(145%); box-shadow: var(--shadow-1) !important; }
.stream-amber .topbar-inner { min-height: var(--topbar-h-desktop) !important; max-width: var(--content-w); gap: 18px !important; padding-inline: 20px !important; }
.stream-amber .brand { gap: 10px; color: var(--text) !important; font-family: var(--font-display); font-size: 14px; font-weight: 800; letter-spacing: -.02em; }
.stream-amber .brand > span:last-child { background: var(--gradient-brand); background-clip: text; -webkit-background-clip: text; color: transparent !important; }
.stream-amber .brand strong { display: block; margin-top: 3px; color: var(--accent-text) !important; font: 750 10px/1 var(--font-ui); letter-spacing: .15em; text-transform: uppercase; }
.stream-amber .brand-mark { width: 40px; height: 40px; min-width: 40px; padding: 6px !important; border: 1px solid var(--border) !important; border-radius: 14px !important; background: var(--surface-2) !important; box-shadow: var(--shadow-1),var(--shadow-2) !important; }
.stream-amber .desktop-primary-nav { gap: 3px; }
.stream-amber .nav-link { min-height: var(--touch-min); border-radius: var(--radius-pill) !important; color: var(--text-muted) !important; font-size: 13px; font-weight: 650; }
.stream-amber .nav-link.active { background: var(--accent-soft) !important; color: var(--accent-text) !important; }
.stream-amber .header-round-action,.stream-amber .header-menu-toggle,.stream-amber .mobile-header-actions>a,.stream-amber .mobile-header-actions>button { display: grid !important; place-items: center; width: var(--touch-min) !important; height: var(--touch-min) !important; min-width: var(--touch-min) !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: transparent !important; color: var(--text) !important; box-shadow: none !important; }
.stream-amber :is(.header-round-action,.header-menu-toggle,.mobile-header-actions>a,.mobile-header-actions>button):hover { background: var(--surface-2) !important; }
.stream-amber .top-search { min-width: 220px; height: 42px; overflow: hidden; border: 1px solid var(--border) !important; border-radius: var(--radius-pill); background: var(--surface-2) !important; }
.stream-amber .top-search input { height: 100%; border: 0 !important; background: transparent !important; box-shadow: none !important; }
.stream-amber .mobile-nav { position: fixed !important; z-index: 60; right: 12px; bottom: calc(10px + env(safe-area-inset-bottom)); left: 12px; height: var(--bottomnav-h) !important; padding: 6px !important; border: 1px solid var(--glass-border) !important; border-radius: var(--radius-xl) !important; background: var(--glass) !important; box-shadow: var(--shadow-3) !important; backdrop-filter: blur(22px) saturate(145%); }
.stream-amber .mobile-nav a { min-width: 0; min-height: 48px; border-radius: var(--radius-pill) !important; color: var(--text-muted) !important; font-size: 10px; }
.stream-amber .mobile-nav a.active { background: var(--accent-soft) !important; color: var(--accent-text) !important; }
.stream-amber .mobile-nav a.active:before { display: none !important; }

/* Smooth surfaces shared by the feed, marketplace, profiles and forms. */
.stream-amber :is(.csi-panel,.phase2-card,.info-card,.owner-stats,.privacy-grid>article,.information-grid>article,.admin-card,.release-card,.listing-card,.business-card,.post-card,.community-card,.creation-form,.review,.discovery-block,.feed-composer) { border: 1px solid var(--border) !important; border-radius: var(--radius-lg) !important; background: var(--surface) !important; color: var(--text) !important; box-shadow: var(--shadow-1),var(--shadow-2) !important; }
.stream-amber :is(input,textarea,select) { min-height: var(--input-h); border: 1px solid var(--border) !important; border-radius: var(--radius-md) !important; background: var(--surface-2) !important; color: var(--text) !important; box-shadow: var(--shadow-1) !important; font: 400 var(--fs-base)/1.4 var(--font-ui); }
.stream-amber :is(input,textarea,select)::placeholder { color: var(--text-muted) !important; }
.stream-amber :is(input,textarea,select):focus { border-color: var(--accent) !important; box-shadow: 0 0 0 3px var(--accent-soft) !important; }
.stream-amber .btn { min-height: var(--btn-h) !important; padding-inline: 18px !important; border: 1px solid var(--border) !important; border-radius: var(--radius-pill) !important; background: var(--surface-2) !important; color: var(--text) !important; font-weight: 750; transition: transform var(--dur-fast) var(--ease),filter var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease); }
.stream-amber .btn:hover { transform: translateY(-1px); border-color: var(--border-strong) !important; }
.stream-amber .btn-primary { border-color: transparent !important; background: var(--gradient-brand) !important; color: var(--on-brand) !important; box-shadow: var(--shadow-brand-button) !important; }
.stream-amber .btn-primary:hover { filter: brightness(1.07); box-shadow: var(--shadow-brand-button-hover) !important; }
.stream-amber .btn-outline { background: transparent !important; color: var(--text) !important; }
.stream-amber .btn-dark { background: var(--contrast-surface) !important; color: var(--contrast-text) !important; }
.stream-amber .section-kicker,.stream-amber .csi-kicker,.stream-amber .phase2-eyebrow { color: var(--accent-text) !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: .13em !important; }

/* Home: a focused editorial feed, floating category chips, and product discovery. */
.stream-amber .home-intro.hero-v05 { overflow: hidden; border-radius: 0 0 var(--radius-xl) var(--radius-xl); background: var(--gradient-brand) !important; }
.stream-amber .hero-v05 { isolation: isolate; background: var(--gradient-brand) !important; }
.stream-amber .hero-v05::before { background: var(--gradient-glow); }
.stream-amber .hero-orb { background: var(--brand-magenta); opacity: .3; }
.stream-amber .hero-orb-b { background: var(--brand-blue); }
.stream-amber .hero-v05 .eyebrow { color: var(--on-brand); }
.stream-amber .hero-v05 h1 { max-width: 760px; font-size: clamp(38px,6vw,68px) !important; font-weight: 800; letter-spacing: -.04em; line-height: .99; text-wrap: balance; }
.stream-amber .hero-v05 h1 em { background: linear-gradient(90deg,var(--on-brand),var(--hero-emphasis)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.stream-amber .hero-v05 p { max-width: 560px; color: var(--hero-text-soft) !important; font-size: clamp(15px,1.5vw,18px); }
.stream-amber .hero-v05 .btn-primary { background: var(--on-brand) !important; color: var(--hero-button-text) !important; box-shadow: var(--shadow-2) !important; }
.stream-amber .hero-v05 .btn-outline { border-color: var(--hero-outline) !important; color: var(--on-brand) !important; }
.stream-amber .hero-v05 .trust-row { border-color: var(--glass-border); border-radius: var(--radius-lg); background: var(--glass); backdrop-filter: blur(16px); }
.stream-amber .social-home { gap: 22px; }
.stream-amber .home-sticky-panel { border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-1),var(--shadow-2); }
.stream-amber .home-left-nav nav a { min-height: 46px; border-radius: var(--radius-md); color: var(--text-muted); }
.stream-amber .home-left-nav nav a.active,.stream-amber .home-left-nav nav a:hover { background: var(--accent-soft); color: var(--accent-text); }
.stream-amber .home-category-row { overflow: hidden; }
.stream-amber .category-strip,.stream-amber .home-category-row .category-strip { gap: 10px; scrollbar-width: none; }
.stream-amber .category-strip::-webkit-scrollbar { display: none; }
.stream-amber .category-pill { min-width: 92px; min-height: 100px; align-items: center; justify-content: center; gap: 9px; border: 1px solid var(--border) !important; border-radius: var(--radius-lg) !important; background: var(--surface) !important; color: var(--text) !important; box-shadow: var(--shadow-1),var(--shadow-2) !important; text-align: center; }
.stream-amber .category-pill span { color: var(--accent-text); font-size: 27px; }
.stream-amber .category-pill:hover { border-color: var(--accent) !important; box-shadow: var(--shadow-brand-chip) !important; }
.stream-amber .feed-tabs { gap: 7px; padding: 7px; border: 1px solid var(--border); border-radius: var(--radius-pill); background: var(--surface); }
.stream-amber .feed-tabs a { min-height: 40px; border-radius: var(--radius-pill); color: var(--text-muted); }
.stream-amber .feed-tabs a.active { background: var(--accent-soft); color: var(--accent-text); }

/* Reference inspired product cards: image first, price chip, seller and actions below. */
.stream-amber .listing-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.stream-amber .listing-card { overflow: hidden; border-radius: var(--radius-lg) !important; transition: transform var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease); }
.stream-amber .listing-card:hover,.stream-amber .business-card:hover { transform: translateY(-3px); border-color: color-mix(in srgb,var(--accent) 38%,var(--border)) !important; box-shadow: var(--shadow-brand-card) !important; }
.stream-amber .listing-image { position: relative; display: block; aspect-ratio: 4/3; overflow: hidden; background: var(--surface-2); }
.stream-amber .listing-image img { width: 100%; height: 100%; object-fit: cover; }
.stream-amber .listing-image::after { content: attr(data-price); position: absolute; z-index: 2; inset: auto 10px 10px 10px; width: max-content; max-width: calc(100% - 20px); overflow: hidden; padding: 7px 11px; border: 1px solid var(--glass-border); border-radius: var(--radius-pill); background: var(--media-chip-bg); color: var(--on-brand); font-size: 14px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; backdrop-filter: blur(12px); }
.stream-amber .listing-image .type-chip { top: 10px; left: 10px; border: 1px solid var(--glass-border); border-radius: var(--radius-pill); background: var(--glass); color: var(--text); backdrop-filter: blur(12px); }
.stream-amber .listing-image[data-review-count]:not([data-review-count="0"])::before { content: "★ " attr(data-rating) " · " attr(data-review-count); position: absolute; z-index: 2; top: 10px; right: 10px; max-width: calc(100% - 80px); overflow: hidden; padding: 6px 9px; border: 1px solid var(--glass-border); border-radius: var(--radius-pill); background: var(--glass); color: var(--warning); font-size: 11px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; backdrop-filter: blur(12px); }
.stream-amber .listing-price-chip { position: absolute; z-index: 2; bottom: 10px; left: 10px; padding: 7px 11px; border: 1px solid var(--glass-border); border-radius: var(--radius-pill); background: var(--media-chip-bg); color: var(--on-brand); font-size: 14px; font-weight: 800; backdrop-filter: blur(12px); }
.stream-amber .listing-content { display: grid; gap: 9px; padding: 13px 14px 14px; }
.stream-amber .listing-content > .listing-price { display: none; }
.stream-amber .listing-content h3 { display: -webkit-box; overflow: hidden; margin: 0; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.3; }
.stream-amber .listing-content h3 a { color: var(--text); text-decoration: none; }
.stream-amber .offer-card-summary { display: -webkit-box; overflow: hidden; margin: 0; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 12px; }
.stream-amber .listing-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; color: var(--text-muted); font-size: 11px; }
.stream-amber .listing-meta a { color: var(--text-muted); }
.stream-amber .listing-rating { color: var(--warning); font-size: 12px; font-weight: 750; }
.stream-amber .listing-actions { justify-content: flex-end; margin-top: 0; }
.stream-amber .listing-actions .btn-whatsapp { flex: 1; }
.stream-amber .listing-actions .icon-button { width: 40px; height: 40px; border: 1px solid var(--border); border-radius: 50%; background: var(--surface-2); color: var(--accent-text); }
.stream-amber .business-card { overflow: hidden; border-radius: var(--radius-lg) !important; }
.stream-amber .business-cover { position: relative; display: block; aspect-ratio: 1.72/1; background: var(--gradient-brand); }
.stream-amber .business-cover > img { width: 100%; height: 100%; object-fit: cover; }
.stream-amber .business-logo { border: 3px solid var(--surface); border-radius: 50%; background: var(--surface); box-shadow: var(--shadow-2); }
.stream-amber .business-card-body { padding: 30px 16px 16px; }
.stream-amber .business-heading h3 { margin: 0; }
.stream-amber .rating-mini { border: 1px solid var(--border); border-radius: var(--radius-pill); background: var(--accent-soft); color: var(--accent-text); }

/* Business profile and review layout echo the overlapping avatar and story rings. */
.stream-amber .business-profile-cover { height: clamp(220px,32vw,360px); background: var(--gradient-brand); }
.stream-amber .business-profile-cover .cover-art { background: var(--gradient-brand); }
.stream-amber .cover-overlay { background: linear-gradient(0deg,var(--cover-scrim),transparent 58%); }
.stream-amber .profile-identity { align-items: center; gap: 20px; margin-top: -72px; padding-bottom: 22px; }
.stream-amber .page-avatar-wrap { position: relative; z-index: 1; }
.stream-amber .profile-logo { width: 132px; height: 132px; border: 5px solid var(--surface); border-radius: 50%; background: var(--surface); box-shadow: var(--shadow-3); }
.stream-amber .verified-profile .profile-logo { outline: 3px solid transparent; outline-offset: 3px; background: linear-gradient(var(--surface),var(--surface)) padding-box,var(--gradient-ring) border-box; }
.stream-amber .profile-name-line h1 { color: var(--text) !important; text-shadow: none; }
.stream-amber .profile-identity > div:nth-child(2) > p { margin: 8px 0; }
.stream-amber .profile-rating { color: var(--warning); }
.stream-amber .profile-actions { gap: 8px; }
.stream-amber .profile-tabs { gap: 8px; overflow-x: auto; padding: 12px 0; border: 0; scrollbar-width: none; }
.stream-amber .profile-tabs::-webkit-scrollbar { display: none; }
.stream-amber .profile-tabs a { min-height: 42px; padding: 11px 16px; border: 1px solid transparent; border-radius: var(--radius-pill); color: var(--text-muted); }
.stream-amber .profile-tabs a:first-child,.stream-amber .profile-tabs a:hover { background: var(--accent-soft); color: var(--accent-text); }
.stream-amber .profile-tabs span { background: var(--surface-3); color: var(--text-muted); }
.stream-amber .profile-layout { gap: 22px; }
.stream-amber .profile-sidebar { top: calc(var(--topbar-h-desktop) + 16px); }
.stream-amber .info-card,.stream-amber .owner-stats { border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); color: var(--text); box-shadow: var(--shadow-1),var(--shadow-2); }
.stream-amber .owner-stats { background: var(--surface-2); }
.stream-amber .review-form { border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-1),var(--shadow-2); }
.stream-amber .review-list { gap: 12px; }
.stream-amber .review { align-items: flex-start; border-radius: var(--radius-md); }
.stream-amber .review > img { border: 2px solid var(--surface-2); object-fit: cover; }
.stream-amber .review .stars { color: var(--warning); }
.stream-amber .review-report { align-self: flex-start; min-height: 36px; padding: 5px 10px; border: 1px solid var(--border); border-radius: var(--radius-pill); background: transparent; color: var(--text-muted); font-size: 12px; }
.stream-amber .post-card .post-identity strong,
.stream-amber .post-card .post-identity strong a { color: var(--text) !important; }
.stream-amber .post-card .post-identity small { color: var(--text-muted) !important; }
.stream-amber .account-header { border: 1px solid var(--border); border-radius: var(--radius-xl); background: var(--gradient-brand); box-shadow: var(--shadow-2); }
.stream-amber .account-header > img { border-radius: 50%; }
.stream-amber .publish-gate-card { display: grid; gap: 16px; max-width: 720px; margin: 42px auto; padding: clamp(24px,5vw,48px); border: 1px solid var(--border); border-radius: var(--radius-xl); background: var(--surface); box-shadow: var(--shadow-1),var(--shadow-3),var(--gradient-glow); }
.stream-amber .publish-gate-card h1 { max-width: 540px; margin: 0; font-size: clamp(34px,6vw,52px) !important; }
.stream-amber .publish-gate-card p { max-width: 560px; margin: 0; font-size: 16px; }
.stream-amber .publish-gate-benefits { display: grid; gap: 9px; color: var(--text); }
.stream-amber .publish-gate-benefits span::before { content: '✓'; margin-right: 9px; color: var(--success); font-weight: 800; }
.stream-amber .readonly-notice { margin: 16px 0; padding: 16px 18px; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--accent-soft); color: var(--text); }
.stream-amber .subscription-card { display: grid; gap: 14px; max-width: 720px; margin: 36px auto; padding: clamp(24px,5vw,42px); }
.stream-amber .subscription-card .phase2-form-actions { flex-wrap: wrap; }
.stream-amber .catalog-products { border-color: var(--border) !important; background: var(--surface) !important; color: var(--text) !important; box-shadow: var(--shadow-1),var(--shadow-2) !important; }
.stream-amber .catalog-products .section-heading h2 { color: var(--text) !important; }
.stream-amber .catalog-products .section-heading a { color: var(--accent-text) !important; font-weight: 750; }
.stream-amber .catalog-products .section-heading span,
.stream-amber .catalog-products .managed-listing>label { color: var(--text-muted) !important; }
.stream-amber .catalog-products .managed-tools .edit-listing-link { border-color: var(--border) !important; background: var(--surface-2) !important; color: var(--accent-text) !important; }
.stream-amber .catalog-manager details { border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); color: var(--text); }
.stream-amber .catalog-manager details summary { color: var(--text); }
.stream-amber .catalog-manager details p { color: var(--text-muted) !important; }
body[data-can-publish-commerce="false"] .inline-composer [data-inline-media],
body[data-can-publish-commerce="false"] .inline-composer .media-uploader,
body[data-can-publish-commerce="false"] .social-create-page .media-uploader,
body[data-can-publish-commerce="false"] [data-profile-media-form] label:has([data-profile-cover]),
body[data-can-publish-commerce="false"] .person-page .profile-cover-edit,
body[data-can-publish-commerce="false"] .account-header-actions a[href^="/publicar"],
body[data-can-publish-commerce="false"] .account-section a[href^="/publicar"],
body[data-can-publish-commerce="false"] .account-section .edit-listing-link,
body[data-can-publish-commerce="false"] .business-profile .profile-cover-edit,
body[data-can-publish-commerce="false"] .business-profile .page-avatar-wrap>a,
body[data-can-publish-commerce="false"] .business-profile .profile-actions a[href^="/mi-negocio"] { display: none !important; }

@media (min-width: 680px) {
  .stream-amber .listing-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
}
@media (min-width: 1050px) {
  .stream-amber .listing-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .stream-amber .home-feed .listing-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  body.csi-app.stream-amber { padding-bottom: calc(var(--bottomnav-h) + 24px + env(safe-area-inset-bottom)); }
  .stream-amber .topbar-inner { min-height: var(--topbar-h-mobile) !important; }
  .stream-amber .brand { font-size: 12px; }
  .stream-amber .brand-mark { width: 36px; height: 36px; min-width: 36px; }
  .stream-amber .mobile-nav { right: 10px; left: 10px; bottom: calc(8px + env(safe-area-inset-bottom)); }
  .stream-amber .social-home { display: block; }
  .stream-amber .home-left-nav,.stream-amber .home-discovery { display: none; }
  .stream-amber .home-feed { width: 100%; max-width: var(--feed-w); margin-inline: auto; }
  .stream-amber .home-category-row { margin-inline: -16px; padding-inline: 16px; }
  .stream-amber .category-pill { min-width: 82px; min-height: 88px; }
  .stream-amber .listing-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
  .stream-amber .listing-content { gap: 7px; padding: 10px; }
  .stream-amber .listing-content h3 { font-size: 14px !important; }
  .stream-amber .listing-meta { font-size: 10px; }
  .stream-amber .business-profile-cover { height: 220px; }
  .stream-amber .profile-identity { display: grid; grid-template-columns: 84px minmax(0,1fr); align-items: end; gap: 10px; margin-top: -48px; padding-inline: 2px; }
  .stream-amber .profile-identity > div:nth-child(2) { padding-top: 48px; }
  .stream-amber .profile-logo { width: 84px; height: 84px; border-width: 4px; }
  .stream-amber .profile-name-line h1 { font-size: 24px !important; }
  .stream-amber .profile-actions { grid-column: 1/-1; display: flex; padding: 5px 0 0; }
  .stream-amber .profile-actions > * { flex: 1; }
  .stream-amber .profile-actions .btn { width: 100%; padding-inline: 10px !important; font-size: 12px; }
  .stream-amber .profile-tabs { margin-inline: -16px; padding-inline: 16px; }
  .stream-amber .profile-layout { grid-template-columns: 1fr; }
  .stream-amber .profile-sidebar { position: static; }
  .stream-amber .review-form { grid-template-columns: 1fr; }
  .stream-amber .hero-v05 h1 { font-size: clamp(38px,11vw,52px) !important; }
}
@media (prefers-reduced-motion: reduce) {
  .stream-amber *, .stream-amber *::before, .stream-amber *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}


/* source: public/css/sales-polish.css */
/* Final sales experience polish. Colors come from the shared brand tokens. */
.sp-home-header { display:none; }
.sp-home-wordmark,.sp-home-search,.sp-home-notifications { display:flex; min-height:var(--touch-min); align-items:center; justify-content:center; text-decoration:none; }
.sp-home-wordmark { min-width:44px; border-radius:var(--radius-md); background:var(--gradient-brand); color:var(--on-accent); font:850 16px/1 var(--font-display); letter-spacing:-.04em; }
.sp-home-search { min-width:0; justify-content:flex-start; gap:9px; padding:0 15px; border:1px solid var(--border); border-radius:var(--radius-pill); background:var(--surface-2); color:var(--text-muted); font-size:13px; }
.sp-home-search .app-icon,.sp-home-notifications .app-icon { width:19px; height:19px; flex:0 0 auto; }
.sp-home-notifications { position:relative; width:44px; border:1px solid var(--border); border-radius:50%; color:var(--text); }
.sp-home-notifications b { position:absolute; top:-3px; right:-4px; display:grid; min-width:19px; height:19px; place-items:center; padding:0 4px; border:2px solid var(--bg); border-radius:var(--radius-pill); background:var(--accent); color:var(--on-accent); font-size:10px; }
.sp-quick-composer { display:flex; min-height:70px; align-items:center; gap:12px; }
.sp-quick-avatar { display:block; width:44px; height:44px; flex:0 0 auto; border-radius:50%; }
.sp-quick-avatar img { display:block; width:100%; height:100%; border-radius:inherit; object-fit:cover; }
.sp-quick-prompt { display:flex; min-height:48px; flex:1; align-items:center; padding:0 16px; border:1px solid var(--border); border-radius:var(--radius-pill); background:var(--surface-2); color:var(--text-muted); font-size:14px; text-decoration:none; }
.sp-quick-prompt:hover { border-color:var(--accent); color:var(--text); }
.sp-home-sell-link { display:flex; min-height:44px; flex:0 0 auto; align-items:center; padding:0 15px; border-radius:var(--radius-pill); background:var(--accent); color:var(--on-accent); font-size:12px; font-weight:750; text-decoration:none; }
.sp-search-tabs { display:flex; gap:7px; overflow-x:auto; margin:0 0 16px; padding:2px 0 8px; scrollbar-width:none; }
.sp-search-tabs::-webkit-scrollbar,.sp-catalog-filters::-webkit-scrollbar,.browse-categories::-webkit-scrollbar { display:none; }
.sp-search-tabs a { display:flex; min-height:44px; flex:0 0 auto; align-items:center; padding:0 17px; border:1px solid var(--border); border-radius:var(--radius-pill); background:var(--surface); color:var(--text-muted); font-size:13px; font-weight:700; text-decoration:none; }
.sp-search-tabs a[aria-current="page"] { border-color:var(--accent); background:var(--accent-soft); color:var(--accent-text); }
.sp-search-posts { display:grid; grid-template-columns:minmax(0,1fr); gap:14px; }
.sp-search-posts .post-card { width:100%; }
.sp-direct-contact { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.sp-direct-contact .btn { width:100%; min-height:48px; }
.sp-direct-contact .btn-whatsapp { border-color:var(--success); background:transparent; color:var(--success); }
.sp-direct-contact .btn-whatsapp:hover { background:color-mix(in srgb,var(--success) 12%,var(--surface)); }
.sp-interest-action { display:flex; min-height:44px; align-items:center; }
.sp-interest-action .btn-primary { min-height:44px; padding:0 4px !important; border:0 !important; background:transparent !important; box-shadow:none !important; color:var(--accent-text) !important; text-decoration:underline; text-underline-offset:3px; }
.sp-interest-action .owner-listing-note { color:var(--text-muted); font-size:13px; }
.sp-fast-reply { display:inline-flex; min-height:25px; align-items:center; padding:3px 9px; border:1px solid color-mix(in srgb,var(--success) 35%,var(--border)); border-radius:var(--radius-pill); background:color-mix(in srgb,var(--success) 12%,var(--surface)); color:var(--success); font-size:11px; font-weight:750; white-space:nowrap; }
.sp-review-summary { display:grid; grid-template-columns:minmax(130px,.55fr) minmax(220px,1fr); gap:24px; align-items:center; margin:0 0 18px; padding:18px; border:1px solid var(--border); border-radius:var(--radius-lg); background:var(--surface-2); }
.sp-review-average { display:grid; gap:3px; justify-items:start; }
.sp-review-average strong { color:var(--text); font:800 36px/1 var(--font-display); }
.sp-review-average small { color:var(--text-muted); font-size:12px; }
.sp-stars { color:var(--warning); letter-spacing:.08em; }
.sp-rating-bars { display:grid; gap:7px; }
.sp-rating-row { display:grid; grid-template-columns:82px minmax(0,1fr) 24px; gap:9px; align-items:center; color:var(--text-muted); font-size:12px; }
.sp-rating-row b { color:var(--text); text-align:right; font-variant-numeric:tabular-nums; }
.sp-rating-track { display:block; height:8px; overflow:hidden; border-radius:var(--radius-pill); background:var(--surface-3); }
.sp-rating-track i { display:block; height:100%; border-radius:inherit; background:var(--gradient-brand); }
.sp-catalog-filters { display:flex; gap:8px; overflow-x:auto; margin:12px 0 16px; padding:2px 0 7px; scrollbar-width:none; }
.sp-catalog-filters button { min-height:44px; flex:0 0 auto; padding:0 15px; border:1px solid var(--border); border-radius:var(--radius-pill); background:var(--surface-2); color:var(--text-muted); font:700 12px/1 var(--font-ui); cursor:pointer; }
.sp-catalog-filters button[aria-pressed="true"] { border-color:var(--accent); background:var(--accent-soft); color:var(--accent-text); }
.sp-catalog-filters button:focus-visible { outline:2px solid var(--info); outline-offset:2px; }
.sp-catalog-item { min-width:0; }
.post-kind-looking,.post-kind-notice { display:inline-flex; min-height:26px; align-items:center; gap:5px; padding:4px 9px; border:1px solid transparent; border-radius:var(--radius-pill); font-weight:750; }
.post-kind-looking { border-color:color-mix(in srgb,var(--info) 28%,var(--border)); background:color-mix(in srgb,var(--info) 12%,var(--surface)); color:var(--info); }
.post-kind-notice { border-color:color-mix(in srgb,var(--accent) 28%,var(--border)); background:var(--accent-soft); color:var(--accent-text); }
.cp-composer { align-items:end; }
.cp-room .cp-room-main { height:100%; }
.cp-room-notices { min-width:0; }
.cp-compose-shell { align-items:center; }
.cp-compose-shell textarea { align-self:center; margin:0; padding-block:10px; line-height:1.35; }
.cp-compose-emoji,.cp-product-toggle,.cp-compose-attachment { align-self:center; flex-basis:var(--cp-hit); width:var(--cp-hit); height:var(--cp-hit); min-width:var(--cp-hit); min-height:var(--cp-hit); }
.cp-send-button { align-self:end; margin:0; }
@media (max-width:1023px) {
  .home-route .app-header { display:block; }
  .sp-home-header { position:sticky; z-index:55; top:0; display:grid; grid-template-columns:44px minmax(0,1fr) 44px; gap:10px; align-items:center; padding:calc(8px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left)); border-bottom:1px solid var(--glass-border); background:var(--glass); backdrop-filter:blur(20px) saturate(140%); }
  .home-route .social-home { grid-template-columns:minmax(0,1fr); width:min(100% - 24px,680px); gap:0; padding:8px 0 calc(var(--bottomnav-h) + 20px); }
  .home-route .home-left-nav,.home-route .home-discovery { display:none; }
  .home-route .home-feed { width:100%; }
  .home-route .home-category-row { overflow:hidden; }
  .home-route .feed-list { gap:12px; }
  .home-route .feed-composer { margin-bottom:10px; }
  .home-route .feed-tabs { overflow-x:auto; scrollbar-width:none; }
  .home-route .feed-tabs::-webkit-scrollbar { display:none; }
  .home-route .feed-tabs a { min-height:44px; flex:0 0 auto; }
}
@media (max-width:760px) {
  .sp-search-sticky { position:sticky; z-index:45; top:0; margin:0 -12px 12px; padding:8px 12px 6px; border-bottom:1px solid var(--glass-border); background:var(--glass); backdrop-filter:blur(20px) saturate(140%); }
  .marketplace-visible-search { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:7px; margin:0 0 7px; }
  .marketplace-visible-search input[type="search"] { min-width:0; min-height:48px; }
  .marketplace-visible-search .btn { min-height:48px; padding-inline:15px !important; }
  .browse-categories { display:flex; gap:7px; overflow-x:auto; margin:0; padding:0 1px 3px; scrollbar-width:none; }
  .browse-categories>span { display:none; }
  .browse-categories a { display:flex; min-height:44px; flex:0 0 auto; align-items:center; padding:0 13px; border:1px solid var(--border); border-radius:var(--radius-pill); background:var(--surface-2); color:var(--text); font-size:12px; text-decoration:none; }
  .sp-search-tabs { margin:0 -12px 12px; padding:3px 12px 8px; }
  .sp-search-tabs a { min-height:44px; padding-inline:14px; }
  .search-page { padding-top:18px; }
  .search-header { margin-bottom:12px; }
  .sp-review-summary { grid-template-columns:1fr; gap:14px; padding:15px; }
  .sp-review-average { grid-template-columns:auto 1fr; column-gap:10px; align-items:center; }
  .sp-review-average strong { grid-row:span 2; }
  .sp-review-average small { align-self:start; }
  .sp-rating-row { grid-template-columns:76px minmax(0,1fr) 22px; }
  .detail-actions { display:grid; grid-template-columns:minmax(0,1fr); gap:6px; }
  .sp-direct-contact { gap:8px; }
  .sp-direct-contact .btn { min-height:48px; padding-inline:9px !important; }
  .sp-interest-action { min-height:44px; }
  .cp-composer { padding-bottom:calc(8px + env(safe-area-inset-bottom)); }
  .cp-compose-emoji { display:grid; }
  .cp-compose-shell textarea { min-height:40px; max-height:120px; padding-block:10px; font-size:16px; }
  body.phase2-keyboard-open .cp-composer { padding-bottom:6px; }
}
@media (prefers-reduced-motion:reduce) {
  .sp-home-header,.sp-home-search,.sp-catalog-filters button { scroll-behavior:auto; transition:none; }
}
.sp-catalog-filter-status { align-self:center; color:var(--text-muted); font-size:12px; white-space:nowrap; }


/* source: public/css/marketplace.css */
/* CSI 3.2 commercial components. Brand tokens stay in tokens.css; mk-* owns discovery. */
.mk-home,.mk-page{--mk-panel:var(--surface);--mk-line:var(--border);--mk-muted:var(--text-muted);color:var(--text)}
.mk-home{display:grid;grid-template-columns:220px minmax(0,720px) 280px;gap:24px;width:calc(100% - 48px);max-width:1320px;margin:24px auto 48px;align-items:start}
.mk-home>*{min-width:0}.mk-sticky{position:sticky;top:86px}.mk-navigation{align-self:stretch}.mk-navigation nav{display:grid;gap:5px}
.mk-navigation a,.mk-navigation button{display:flex;align-items:center;gap:12px;padding:13px 12px;border:0;border-radius:12px;background:transparent;color:var(--text-muted);font:600 13px var(--font-ui);text-align:left;text-decoration:none}
.mk-navigation a[aria-current],.mk-navigation a:hover{background:var(--surface-2);color:var(--text)}.mk-navigation a[aria-current] .app-icon{color:var(--accent)}.mk-navigation .app-icon{width:20px;height:20px;flex-shrink:0}
.mk-feed{min-width:0}.mk-composer{padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.mk-composer>div{display:flex;gap:12px;align-items:center}.mk-composer img{border-radius:50%;object-fit:cover}.mk-composer>div>a:not(.btn){color:var(--text-muted);font-size:14px}.mk-composer footer{display:flex;gap:24px;border-top:1px solid var(--border);margin-top:14px;padding-top:12px}.mk-composer footer a{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text)}.mk-composer .app-icon{width:18px;height:18px}.mk-join strong{font-size:17px}.mk-join p{font-size:13px;margin:8px 0 16px}
.mk-feed-tabs{display:flex;align-items:center;gap:18px;padding:16px 4px}.mk-feed-tabs a{font-size:12px;font-weight:600;color:var(--text-muted)}.mk-feed-tabs a[aria-current]{color:var(--accent-text)}.mk-feed-tabs a:last-child{margin-left:auto}
.mk-module{min-width:0;margin:8px 0 24px}.mk-module-head{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px}.stream-amber .mk-module-head h2,.stream-amber .mk-side-panel h2{font-size:15px!important;line-height:1.4;margin:0;font-weight:750;letter-spacing:-.02em}.mk-module-head>div{display:flex;align-items:center;gap:5px;flex-shrink:0}.mk-module-head a{font-size:11px;font-weight:600;color:var(--text-muted);margin-right:5px}.mk-module-head button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:50%;font-size:20px}.mk-module-head button:disabled{opacity:.35;cursor:default}
.mk-carousel{display:flex;gap:12px;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--border) transparent;padding:2px 1px 10px;scroll-behavior:smooth}.mk-carousel>.mk-product{flex:0 0 192px;scroll-snap-align:start}.mk-carousel>.mk-business{flex:0 0 240px;scroll-snap-align:start}
.mk-product,.mk-business{min-width:0;overflow:hidden;border:1px solid var(--border);background:var(--surface);border-radius:14px;transition:transform .18s ease,border-color .18s ease}.mk-product:hover,.mk-business:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));transform:translateY(-2px)}
.mk-image{display:block;position:relative;aspect-ratio:4/3;background:var(--surface-2);overflow:hidden}.mk-image>img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .2s}.mk-product:hover .mk-image>img{transform:scale(1.015)}
.mk-badges{position:absolute;display:flex;flex-wrap:wrap;gap:4px;left:8px;top:8px;right:8px}.mk-badge{display:inline-block;width:max-content;padding:3px 6px;border-radius:5px;background:#111111e8;color:#faf6ef;font-size:9px;line-height:1.4;font-weight:600}.mk-example{background:#f5b315;color:#17130b;text-transform:uppercase;letter-spacing:.05em;font-size:8px}.mk-product-copy{padding:12px;display:flex;flex-direction:column;gap:7px}.mk-price-row{display:flex;align-items:center;justify-content:space-between;gap:4px}.mk-price-row>strong{font:800 18px var(--font-display);letter-spacing:-.025em;color:var(--text)}.mk-save{display:grid;place-items:center;min-width:30px;height:30px;padding:0;border:1px solid var(--border);border-radius:50%;background:transparent;color:var(--text-muted);font-size:18px}.mk-save[aria-pressed=true]{color:var(--accent-text)}.stream-amber .mk-product h3{margin:0;font-size:13px!important;line-height:1.45;min-height:38px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mk-product h3 a,.mk-business h3 a{color:inherit;text-decoration:none}.mk-seller{font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mk-verified{color:var(--accent-text);font-weight:800}.mk-product-copy>small{font-size:10px;line-height:1.4;min-height:28px;overflow-wrap:anywhere}.mk-contact{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:7px 9px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:9px;text-align:center;font-size:11px;line-height:1.3;font-weight:650;text-decoration:none}.mk-contact:hover{background:var(--accent-soft);color:var(--accent-text)}.mk-contact .app-icon{width:14px;height:14px;flex-shrink:0}
.mk-cover{position:relative;display:block;aspect-ratio:16/9;background:var(--surface-2)}.mk-cover>img{width:100%;height:100%;object-fit:cover;display:block}.mk-cover>.mk-badge{position:absolute;top:10px;left:10px}.mk-business-copy{padding:14px;position:relative}.mk-logo{display:block;margin-top:-36px;position:relative;border:3px solid var(--surface);border-radius:13px;background:var(--surface);object-fit:contain}.stream-amber .mk-business h3{font-size:15px!important;line-height:1.4;margin:10px 0 5px}.mk-business small{font-size:11px;line-height:1.5;display:block}.mk-business p{font-size:12px;line-height:1.5;min-height:36px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:9px 0 14px}.mk-business-actions{display:flex;gap:7px}.mk-business-actions>*{flex:1;min-width:0}
.stream-amber .mk-page{width:calc(100% - 48px);max-width:1180px;padding:24px 0 60px}.mk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.mk-grid+.mk-module{margin-top:30px}.mk-business-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.mk-search-wrap{margin-bottom:22px}.mk-search{display:flex;gap:10px;margin:0 0 16px}.mk-search>label{display:flex;align-items:center;gap:10px;flex:1;min-width:0;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:0 14px;margin:0}.mk-search input[type=search]{width:100%;min-width:0;border:0;background:transparent;box-shadow:none;min-height:48px;padding:10px 0;color:var(--text);font-size:14px}.mk-search .app-icon{width:19px;height:19px;color:var(--text-muted);flex-shrink:0}.mk-search>button{min-height:48px;flex-shrink:0}.mk-chips{display:flex;gap:8px;overflow-x:auto;max-width:100%;padding:2px 0 5px;margin:0 0 6px;scrollbar-width:thin}.mk-chips a{white-space:nowrap;padding:8px 14px;border:1px solid var(--border);border-radius:20px;font-size:12px;font-weight:650;color:var(--text-muted);background:var(--surface)}.mk-chips a[aria-current]{background:var(--accent);border-color:var(--accent);color:#17130b}.mk-subfilters a{font-size:11px;padding:6px 11px}.mk-subfilters a[aria-current]{color:var(--accent-text);background:var(--accent-soft);border-color:var(--accent-text)}.mk-empty{padding:22px;border:1px solid var(--border);background:var(--surface);border-radius:14px;font-size:14px}.mk-empty a{color:var(--accent-text)}.mk-more{margin:24px 0}
.mk-discovery{align-self:stretch}.mk-side-panel{border:1px solid var(--border);border-radius:14px;padding:16px;background:var(--surface);margin-bottom:16px}.mk-side-panel>h2{margin-bottom:12px!important}.mk-side-panel>a{display:flex;align-items:center;gap:9px;padding:10px 0;font-size:12px;color:var(--text);border-bottom:1px solid var(--border)}.mk-side-panel>a:last-child{border-bottom:0}.mk-side-panel>a>.app-icon{width:18px;height:18px;color:var(--accent-text)}.mk-side-panel p{font-size:12px;line-height:1.6}.mk-side-panel .mk-recent img{object-fit:contain;border-radius:8px;background:var(--surface-2);flex-shrink:0}.mk-recent span{min-width:0;line-height:1.5}.mk-recent small{display:block;font-size:10px}.mk-recent .mk-example{margin-top:5px;display:inline-block}
.mk-specification{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0;font-size:13px}.mk-specification div{min-width:0}.mk-specification dt{color:var(--text-muted);font-size:11px;margin-bottom:5px}.mk-specification dd{margin:0;overflow-wrap:anywhere;line-height:1.5}.stream-amber .detail-page h1{font-size:clamp(22px,3vw,32px)!important}.stream-amber .detail-media-main>img{object-fit:contain}.stream-amber .profile-name-line h1{font-size:clamp(22px,3vw,30px)!important}.stream-amber .business-profile-cover{height:220px}.stream-amber .profile-sidebar .info-card{padding:16px}.stream-amber .profile-sidebar .info-card h2{font-size:16px!important}.stream-amber .profile-sidebar .info-card p{font-size:13px}.stream-amber .profile-content .section-heading h2{font-size:18px!important}.stream-amber .profile-actions .mk-contact{min-height:44px;padding:10px 18px;background:var(--accent);color:#17130b;border-color:var(--accent);font-size:13px}.stream-amber .sp-interest-action .btn{background:transparent!important;color:var(--text-muted)!important;box-shadow:none!important;border:0!important;font-size:12px!important;min-height:32px!important}.stream-amber .detail-actions .btn-whatsapp{background:var(--accent)!important;color:#17130b!important;border-color:var(--accent)!important}.stream-amber .detail-page>.mk-module{margin-top:28px}
@media(min-width:768px){.mk-home .post-card{border-radius:16px}.mk-home .feed-list{gap:18px}.mk-page .mk-product-copy{padding:15px}}
@media(max-width:1199px){.mk-home{grid-template-columns:190px minmax(0,720px);justify-content:center;gap:20px}.mk-discovery{display:none}.mk-business-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.mk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mk-business-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-home{grid-template-columns:minmax(0,720px)}.mk-navigation{display:none}}
@media(max-width:767px){.mk-home{display:block;width:100%;margin:12px 0 30px}.mk-composer{margin:0 10px;padding:14px;border-radius:14px}.mk-feed-tabs{margin:0 12px}.mk-home .mk-module{padding:0 10px;margin:10px 0 22px}.mk-carousel>.mk-product{flex-basis:calc((100vw - 36px)/1.85)}.mk-carousel>.mk-business{flex-basis:230px}.mk-carousel{gap:10px}.mk-module-head button{display:none}.stream-amber .mk-module-head h2{font-size:14px!important}.mk-module-head a{font-size:10px;margin:0}.mk-product-copy{padding:10px;gap:6px}.mk-price-row>strong{font-size:16px}.mk-seller{font-size:10px}.mk-save{min-width:28px;height:28px}.mk-contact{font-size:10px;padding:7px 5px}.mk-business-actions .mk-contact{font-size:11px}.stream-amber .mk-page{width:calc(100% - 20px);padding:14px 0 38px}.mk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mk-business-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mk-business-grid .mk-business-copy{padding:10px}.mk-business-grid .mk-business-actions{flex-direction:column}.mk-business-grid .mk-logo{width:42px;height:42px;margin-top:-30px}.stream-amber .mk-business-grid h3{font-size:13px!important}.mk-search{gap:6px}.mk-search>label{padding:0 10px;gap:6px}.mk-search input[type=search]{font-size:12px}.mk-search>button{padding:0 12px;font-size:12px}.mk-search-wrap{margin-bottom:14px}.mk-home .mk-empty{margin:0 10px}.mk-home .post-card{margin-inline:0;border-radius:0}.mk-badges{left:6px;top:6px;gap:3px}.mk-badge{font-size:8px;padding:3px 5px}.mk-example{font-size:7px}.mk-specification{gap:12px}.stream-amber .business-profile-cover{height:160px}.stream-amber .mobile-nav{padding-bottom:env(safe-area-inset-bottom)}.stream-amber{padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}.stream-amber .business-catalog-showcase{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mk-join p{font-size:12px}.mk-join .btn{min-height:40px;font-size:12px}}
@media(prefers-reduced-motion:no-preference){.mk-enter{animation:mk-enter .2s ease-out both}@keyframes mk-enter{from{opacity:.6;transform:translateY(6px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){.mk-carousel{scroll-behavior:auto}.mk-product,.mk-business,.mk-image>img{transition:none}.mk-enter{animation:none}}


/* source: public/css/functional.css */
/* CSI 3.3: scoped functional corrections, existing palette preserved. */
.uc-composer{position:relative;display:block!important;padding:10px 12px;flex-shrink:0;border-top:1px solid var(--border);background:var(--surface);z-index:5;max-width:100%;box-sizing:border-box}.uc-row{display:flex;align-items:flex-end;gap:8px;position:relative}.uc-row textarea{flex:1;min-width:0;resize:none;min-height:44px;max-height:140px;overflow:auto;margin:0;padding:11px;border-radius:16px;line-height:1.4}.uc-row>button{min-height:44px;flex-shrink:0}.uc-row>[data-uc-tools]{font-size:26px;background:transparent;color:inherit;padding:4px 8px}.uc-row .message-send{width:auto;min-width:62px;border-radius:16px;padding:8px 12px;font-size:14px}.uc-tools{position:absolute;bottom:calc(100% + 12px);left:0;width:min(270px,85vw);max-height:45dvh;overflow:auto;padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 12px 36px #0005;z-index:30}.uc-tools button{display:block;width:100%;padding:12px;text-align:left;background:transparent;color:inherit;border:0}.uc-composer [role=status]{font-size:12px;margin:4px 0 0}.uc-composer [role=status]:empty{display:none}.uc-preview{display:flex;gap:8px;max-height:145px;overflow:auto;margin-bottom:8px}.uc-preview>span{position:relative;flex:0 0 96px}.uc-preview img,.uc-preview video{width:96px;height:96px;object-fit:cover;border-radius:10px}.uc-preview button{position:absolute;right:0;top:0;background:#14171c;color:#fff;border-radius:10px;padding:4px 8px}.uc-album{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;width:100%;overflow:hidden;border-radius:12px;margin:5px 0}.uc-album button{display:block;padding:0;border:0;background:transparent;min-width:0;overflow:hidden;aspect-ratio:1}.uc-album img{display:block;width:100%;height:100%;object-fit:cover;max-height:none!important;border-radius:0!important}.uc-count-1{display:block}.uc-count-1 button{aspect-ratio:auto;width:100%}.uc-count-1 img{width:100%;height:auto;max-height:360px!important;object-fit:cover;object-position:center}.uc-count-3 button:first-child{grid-row:span 2;aspect-ratio:auto}.uc-count-3 button{aspect-ratio:1.5}.uc-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0!important}.uc-bubble{min-width:0;max-width:100%}[data-uc-stream] .message{max-width:min(80%,420px);overflow-wrap:anywhere;touch-action:pan-y}[data-uc-stream] .cp-message-bubble{min-width:80px;max-width:min(76vw,430px);overflow:hidden}[data-uc-stream] article{transition:translate .1s;touch-action:pan-y}[data-uc-stream] video{display:block;max-width:100%;max-height:340px}[data-uc-stream] footer{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-size:11px;opacity:1}[data-uc-stream] footer button{background:transparent;border:0;color:inherit;font-size:21px;padding:0 5px}.uc-reactions{display:flex;gap:4px;flex-wrap:wrap}.uc-reactions button{background:var(--surface);color:inherit;border:1px solid var(--border);border-radius:18px;padding:3px 8px}.uc-reactions button[aria-pressed=true]{border-color:var(--accent,#c18a24)}.uc-quote,[data-uc-reply]{display:block;width:100%;padding:8px;text-align:left;border:0;border-left:3px solid var(--accent,#c18a24);background:#8881;color:inherit;overflow-wrap:anywhere}.uc-quote span,[data-uc-reply] span{display:block;font-size:12px;max-height:50px;overflow:hidden}.uc-dialog{background:var(--surface,#181c24);color:var(--text,#eee);border:1px solid var(--border);border-radius:18px;padding:24px;width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 36px);overflow:auto;box-sizing:border-box}.uc-dialog::backdrop,.uc-viewer::backdrop{background:#0009}.uc-close{float:right;font-size:27px;background:transparent;color:inherit;border:0;position:sticky;top:0;z-index:2}.uc-dialog h2{font-size:20px;margin:0 30px 18px 0}.uc-dialog>button:not(.uc-close),.uc-dialog form>button{padding:10px;margin:5px 3px}.uc-dialog label{display:block;margin:12px 0}.uc-dialog input:not([type=radio]),.uc-dialog textarea{width:100%;box-sizing:border-box}.uc-dialog input[type=radio]{width:18px;height:18px;margin-right:8px}.uc-gallery{display:flex;overflow-x:auto;gap:8px;padding:8px 0;max-width:100%}.uc-gallery button{flex:0 0 86px;padding:3px;border:2px solid transparent;background:transparent;color:inherit;border-radius:10px}.uc-gallery img{width:76px;height:76px;object-fit:cover;border-radius:6px}.uc-gallery span{font-size:11px}.uc-gallery button[aria-pressed=true]{border-color:var(--accent,#c18a24)}.uc-template-row{border-bottom:1px solid var(--border);padding:8px 0}.uc-template-row button{font-size:12px;margin-right:8px;background:transparent;color:inherit}.uc-emoji{display:flex;gap:8px;flex-wrap:wrap}.uc-emoji button{font-size:25px;padding:6px;background:transparent;border:0}.uc-viewer{position:fixed;inset:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;background:#090b0ff5;color:white;border:0;margin:0;padding:14px;box-sizing:border-box}.uc-viewer [data-view-image]{height:calc(100% - 80px);overflow:auto;display:flex;justify-content:center;align-items:center}.uc-viewer img{display:block;max-width:100%;max-height:100%;object-fit:contain}.uc-viewer nav{display:flex;justify-content:center;align-items:center;gap:24px;height:45px}.uc-viewer nav button{background:transparent;color:white;border:0;font-size:32px}.uc-new{align-self:center;border-radius:20px;padding:7px 14px;background:var(--surface);color:inherit;border:1px solid var(--border)}
.mk-composer [data-home-post]{padding:12px;display:block}.mk-composer textarea{width:100%;min-height:66px;resize:vertical;box-sizing:border-box}.mk-composer [data-home-status]:empty{display:none}
.global-search-dialog[open]{position:fixed!important;inset:0!important;margin:0!important;transform:none!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border:0!important;border-radius:0!important;box-sizing:border-box;background:var(--surface)!important;overflow:auto;padding:20px max(16px,calc((100vw - 1000px)/2))!important;color:var(--text)!important}.global-search-dialog header{position:sticky;top:-20px;background:var(--surface);z-index:2;padding-top:16px}.global-search-dialog form{width:100%;display:flex}.global-search-dialog input{min-width:0;flex:1}.global-search-scopes{overflow:auto;max-width:100%}
.auth-page .auth-visual{min-height:0;padding:24px}.auth-page .auth-showcase{padding:0;max-width:600px}.auth-page .auth-showcase h1{font-size:clamp(24px,3vw,40px);margin:8px 0}.auth-page .auth-panel{padding:24px}.auth-page .auth-box{padding:20px}.auth-page .phase2-terms-check{display:flex!important;gap:10px;align-items:flex-start}.auth-page .phase2-terms-check input[type=checkbox]{appearance:auto!important;width:18px!important;height:18px!important;flex:0 0 18px;padding:0!important;margin:3px 0!important;box-shadow:none!important;background:none!important}.auth-page .phase2-terms-check input::before,.auth-page .phase2-terms-check input::after,.auth-page .phase2-terms-check::before,.auth-page .phase2-terms-check::after{content:none!important}.auth-page .phase2-terms-check span{font-size:13px;line-height:1.4}.auth-page .auth-orbit{display:none}
@media(max-width:767px){.auth-page{display:block;min-height:0!important;padding:0!important}.auth-page .auth-visual{display:block!important;padding:16px 20px 0}.auth-page .auth-showcase>p,.auth-page .auth-showcase>.eyebrow{display:none}.auth-page .auth-showcase h1{font-size:23px}.auth-page .auth-panel{padding:8px 16px 16px}.auth-page .auth-box{padding:12px}.auth-page .auth-box h2{font-size:21px;margin:5px 0}.auth-page .auth-box>p{margin:5px 0 12px}.auth-page .auth-kicker{display:none}.auth-page .stack-form{gap:10px}.auth-page .auth-switch{margin-top:12px}.auth-page .terms{margin-top:12px}.messenger-six.has-selection{height:calc(var(--cp-visible-height,100dvh) - 64px)!important;min-height:0!important}.uc-row{gap:4px}.uc-composer{padding-bottom:max(8px,env(safe-area-inset-bottom))}.uc-dialog{padding:18px}.global-search-dialog h2{font-size:18px}.uc-album.uc-count-1 img{max-height:300px!important}}
@media(prefers-reduced-motion:reduce){[data-uc-stream] article{transition:none}}


/* source: public/css/polish34.css */
/* Single final token authority for CSI 3.4. Legacy aliases resolve here. */
:root,html[data-theme="light"]{color-scheme:light;--bg:#f7f5ef;--bg-elevated:#fffefa;--surface:#fff;--surface-2:#f0ede4;--text:#24241e;--text-muted:#626159;--brand:#edb21c;--brand-strong:#8a6200;--brand-contrast:#241c05;--border:#d9d6cc;--input-bg:#f7f5ef;--placeholder:#6b685e;--focus-ring:#946a00;--overlay:#1c1b18a6;--bubble-in:#fff;--bubble-out:#fff0bd;--danger:#b52b25;--success:#277142;--btn-primary-bg:var(--brand);--btn-primary-text:var(--brand-contrast);--btn-secondary-bg:var(--surface-2);--btn-secondary-text:var(--text);--ambient:linear-gradient(transparent,transparent);--accent:var(--brand);--accent-deep:var(--brand-strong);--primary:var(--brand);--info:var(--brand-strong);--glass:var(--bg-elevated);--glass-border:var(--border);--surface-alt:var(--surface-2);--muted:var(--text-muted);--cp-bg:var(--bg);--cp-surface:var(--surface);--cp-text:var(--text);--cp-muted:var(--text-muted);--cp-gold:var(--brand);--dur-fast:140ms;--dur-base:220ms;--dur-slow:320ms;--ease-out:cubic-bezier(.22,.8,.3,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px}
html[data-theme="dark"]{color-scheme:dark;--bg:#171715;--bg-elevated:#20201c;--surface:#25251f;--surface-2:#303028;--text:#f5f3e9;--text-muted:#bfbcaf;--brand:#edb21c;--brand-strong:#f4c755;--brand-contrast:#241c05;--border:#505044;--input-bg:#303028;--placeholder:#bcb9ac;--focus-ring:#edb21c;--overlay:#000a;--bubble-in:#282820;--bubble-out:#423919;--danger:#ff9d94;--success:#8ed6a0}
@view-transition{navigation:auto}
::view-transition-old(root){animation:page-out var(--dur-fast) ease both}::view-transition-new(root){animation:page-in var(--dur-base) var(--ease-out) both}
@keyframes page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes page-out{to{opacity:0}}@keyframes shimmer34{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
html,body{background:var(--bg);color:var(--text)}.csi-app{overflow-x:clip}.csi-app button,.csi-app a.btn{transition:color var(--dur-fast),background-color var(--dur-fast),transform var(--dur-fast)}.csi-app button:active,.csi-app a.btn:active{transform:scale(.97)}.csi-app .btn-primary{background:var(--btn-primary-bg)!important;color:var(--btn-primary-text)!important;border-color:transparent!important}.csi-app .btn-outline,.csi-app .btn-muted{background:var(--btn-secondary-bg)!important;color:var(--btn-secondary-text)!important;border-color:var(--border)!important}
.csi-app input,.csi-app textarea,.csi-app select{color:var(--text)!important;background:var(--input-bg)!important;border-color:var(--border)!important;color-scheme:inherit}.csi-app input::placeholder,.csi-app textarea::placeholder{color:var(--placeholder)!important;opacity:1}.csi-app :is(input,textarea,select):focus-visible{outline:none!important;box-shadow:0 0 0 2px var(--focus-ring)!important}.csi-app :is(.messenger-search,.cp-search label,.contact-search):focus-within{box-shadow:0 0 0 2px var(--focus-ring)}.csi-app :is(.messenger-search,.cp-search,.contact-search,.uc-row) :is(input,textarea):focus-visible{box-shadow:none!important;outline:none!important}
.csi-app .messenger-six,.csi-app .messenger-six>.conversation-list,.csi-app .messenger-six>.chat-panel,.csi-app .messages-title,.csi-app .chat-head,.csi-app .conversation-item{background:var(--surface)!important;color:var(--text)!important;background-image:none!important}.csi-app .messenger-six h1,.csi-app .messages-title h1{color:var(--text)!important;font-size:28px!important}.messenger-eyebrow{display:none!important}.csi-app .new-chat-button{background:var(--brand)!important;color:var(--brand-contrast)!important;min-width:44px;min-height:44px;border-radius:50%;box-shadow:none}.csi-app .messenger-search,.contact-search{display:flex;align-items:center;gap:8px;padding:0 12px;background:var(--input-bg)!important;border:1px solid var(--border)!important;border-radius:16px!important;min-height:48px}.csi-app .messenger-search input,.csi-app .contact-search input{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;flex:1;min-width:0;margin:0}.messenger-search>span{color:var(--text-muted)!important}.csi-app .inbox-filters{display:flex!important;gap:6px!important;overflow-x:auto;max-width:100%;padding:12px 0!important}.csi-app .inbox-filters a{white-space:nowrap;background:var(--surface-2)!important;color:var(--text-muted)!important;border:0;min-height:44px;display:flex;align-items:center;border-radius:14px!important;padding:8px 12px!important}.csi-app .inbox-filters a.active{background:var(--bubble-out)!important;color:var(--text)!important}.csi-app .conversation-item strong{color:var(--text)!important}.csi-app .messenger-welcome,.csi-app .messenger-account,.csi-app .conversation-section-title{background:var(--surface)!important;color:var(--text)!important}.csi-app .new-chat-dialog,.csi-app .new-chat-choice,.csi-app .uc-dialog{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important}.csi-app .new-chat-dialog{padding:24px;width:min(480px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;border-radius:20px}.csi-app .new-chat-dialog header button,.csi-app .uc-close{background:var(--surface-2)!important;color:var(--text)!important;border:0;min-width:44px;min-height:44px;border-radius:50%;flex-shrink:0}.new-chat-dialog header h2{font-size:23px!important}.new-chat-dialog::backdrop,.uc-dialog::backdrop{background:var(--overlay)}.contact-result{display:flex;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.contact-result img{width:40px;height:40px;object-fit:cover;border-radius:50%}.contact-result span{flex:1;min-width:0}.contact-result small{display:block}.contact-result strong{overflow-wrap:anywhere}
/* Full chat is one viewport column: no global header/footer/nav reservation. */
body.csi-app.full-chat{height:100dvh;min-height:0!important;padding:0!important;overflow:hidden!important}.full-chat>.app-header,.full-chat>.mobile-nav,.full-chat>.site-footer{display:none!important}.full-chat>main{margin:0!important;padding:0!important;max-width:none!important;width:100%!important;min-height:0!important}.full-chat .messenger-six.has-selection,.full-chat .cp-room,.full-chat .pro-private-room{position:fixed!important;inset:var(--chat-offset,0px) 0 auto!important;height:var(--chat-height,100dvh)!important;min-height:0!important;max-height:none!important;margin:0!important;border-radius:0!important;padding:0!important;width:100%!important;background:var(--bg)!important}.full-chat .chat-panel,.full-chat .cp-room-main{display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;padding:0!important;overflow:hidden!important;background:var(--bg)!important}.full-chat [data-uc-stream]{flex:1 1 0!important;min-height:0!important;height:auto!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain;padding:16px 12px!important;background:var(--bg)!important}.full-chat .chat-head,.full-chat .cp-room-header{flex:0 0 auto;min-height:64px;background:var(--surface)!important;border-bottom:1px solid var(--border);padding:8px 12px!important}.full-chat .uc-composer{flex:0 0 auto!important;position:relative!important;inset:auto!important;margin:0!important;padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;background:var(--surface)!important}.uc-row{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px;align-items:end;gap:6px;border-radius:20px}.csi-app .uc-row>button{display:grid;place-items:center;width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;border:0!important;border-radius:50%!important}.csi-app .uc-row>[data-uc-tools]{background:var(--surface-2)!important;color:var(--text)!important}.csi-app .uc-row .message-send{background:var(--brand)!important;color:var(--brand-contrast)!important;box-shadow:none!important}.csi-app .uc-row .message-send:disabled{background:var(--surface-2)!important;color:var(--text-muted)!important;opacity:.7}.message-send[aria-busy=true] svg{opacity:.3}.uc-row textarea{grid-column:2;min-height:44px;max-height:140px;width:100%;line-height:1.4;padding:10px 12px!important;border:1px solid var(--border)!important;border-radius:16px!important}.uc-row .message-send{grid-column:3}.uc-row .uc-tools{bottom:calc(100% + 12px);z-index:25;background:var(--surface)!important;color:var(--text)!important}.uc-tools button{min-height:44px!important;display:flex!important;align-items:center;gap:10px;border-radius:12px}.uc-tools svg{width:22px;height:22px}.uc-tools button:hover{background:var(--surface-2)}.uc-preview{max-height:120px}.chat-proposed-reference{flex:0 0 auto;padding:6px 12px;max-height:110px;overflow:auto}.chat-proposed-reference img{height:45px;width:45px;object-fit:cover}.chat-proposed-reference small{font-size:12px}.full-chat .message,.full-chat .cp-message-bubble{background:var(--bubble-in)!important;color:var(--text)!important;border-color:var(--border)!important}.full-chat .message.mine,.full-chat .is-mine .cp-message-bubble{background:var(--bubble-out)!important}.full-chat .cp-message-author{color:var(--brand-strong)!important}.full-chat [data-uc-stream] article{transition:transform var(--dur-fast) var(--ease-out)!important;position:relative}.full-chat [data-uc-stream] article:before{content:'↩';opacity:var(--reply-indicator,0);position:absolute;left:-24px;top:25%;color:var(--brand-strong);font-size:20px}.full-chat .cp-room-notices:empty{display:none}.full-chat .cp-room-info-panel{background:var(--surface)!important}
.pro-tabs{display:grid!important;grid-template-columns:.7fr 1.5fr .9fr 1.2fr;gap:3px!important;margin:12px 0;padding:4px!important;background:var(--surface-2)!important;border-radius:16px}.pro-tabs a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:6px 3px;text-align:center;font-size:12px;color:var(--text-muted);border-radius:12px;text-decoration:none}.pro-tabs a[aria-current=page]{background:var(--surface);color:var(--brand-strong);box-shadow:0 2px 8px #0001}.pro-thread{display:flex;gap:12px;align-items:center}.pro-thread>img{border-radius:50%;object-fit:cover;flex-shrink:0}.pro-thread>span:first-of-type{flex:1;min-width:0}.pro-thread small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60vw}.pro-thread time{font-size:11px}.cp-unread{display:block;border-radius:20px;background:var(--brand);color:var(--brand-contrast);text-align:center;padding:2px 5px}.pro-update{padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:18px;margin-bottom:12px}.pro-update p{white-space:pre-wrap}.pro-person{display:flex;align-items:center;gap:6px;background:transparent;border:0;font:inherit;font-weight:700;padding:4px 0;min-height:36px;text-align:left}.pro-person img{width:28px;height:28px;border-radius:50%;object-fit:cover}.pro-mini{width:min(340px,calc(100vw - 24px))!important;text-align:center}.mini-avatar{width:80px;height:80px;object-fit:cover;border-radius:50%;display:block;margin:14px auto}.pro-mini h2{margin:12px 0!important}.mini-label{color:var(--brand-strong);font-weight:700}.pro-mini p{white-space:pre-wrap;overflow-wrap:anywhere}.pro-mini [data-mini-send]{width:100%;min-height:44px}.cp-product-contact{min-height:44px!important;background:var(--surface-2)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:18px;padding:8px 12px;width:100%}
/* Menu owns one scroll container; header remains in its flow. */
.csi-app .header-mobile-menu{height:100dvh!important;inset:0!important;padding:8px!important;background:var(--overlay)!important}.csi-app .header-mobile-menu-card{position:relative!important;display:flex!important;flex-direction:column;gap:16px;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important;overflow-y:auto!important;overflow-x:hidden!important;justify-content:flex-start!important;padding:16px 18px calc(18px + env(safe-area-inset-bottom))!important;background:var(--surface)!important;color:var(--text)!important}.csi-app .header-menu-title{position:relative!important;inset:auto!important;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;margin:0!important;padding:0!important;z-index:1;background:var(--surface)!important}.header-menu-title button{min-width:44px;min-height:44px}.csi-app .header-mobile-menu-card>*{flex-shrink:0}.csi-app .menu-logout{position:static!important;margin-top:auto!important;padding:0!important}.professional-menu summary{list-style:none;display:flex;align-items:center;gap:16px;cursor:pointer;min-height:52px;font-weight:650}.professional-menu summary:after{content:'⌄';margin-left:auto}.professional-menu[open] summary:after{transform:rotate(180deg)}.professional-menu>a{padding-left:30px!important}.csi-app .mobile-nav .nav-link:not(.active) .nav-icon{background:transparent!important;color:var(--text-muted)!important;box-shadow:none!important;transform:none!important}.csi-app .mobile-nav .nav-link.active .nav-icon{background:var(--brand)!important;color:var(--brand-contrast)!important}.csi-app:not(.full-chat){padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}.csi-app .media-uploader,.csi-app .media-upload-button,.csi-app [data-media-uploader] label{background:var(--surface-2)!important;color:var(--text)!important}
[data-product-fields]{display:grid;gap:16px}.product-suggestions{display:flex;gap:6px;overflow-x:auto;padding:4px 0;max-width:100%;scrollbar-width:thin}.product-suggestions button{flex:0 0 auto;min-height:44px;padding:8px 12px;border-radius:20px;border:1px solid var(--border);background:var(--surface-2);color:var(--text)}[data-product-fields] textarea{white-space:pre-wrap}[data-product-fields] output{color:var(--brand-strong);font-weight:700}.commercial-cta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 0}.commercial-cta>span{flex:1;min-width:100px;font-size:13px}.commercial-cta>span strong{display:block}.commercial-cta form{margin:0!important}.commercial-cta button,.commercial-cta a{min-height:44px}.commercial-cta.is-compact{margin-top:auto}.commercial-cta.is-compact .btn{font-size:12px;padding:8px 10px}.mk-carousel{scroll-snap-type:x mandatory;min-width:0;max-width:100%}.mk-carousel>.mk-product{scroll-snap-align:start}.mk-product-copy h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}.post-actions svg{width:18px;height:18px;vertical-align:middle}.post-actions{gap:4px}.post-actions button{min-height:44px}.detail-info>p{white-space:pre-wrap}
.list-arrival{animation:page-in var(--dur-base) var(--ease-out) both;animation-delay:var(--entry-delay,0ms)}.is-new{animation:page-in var(--dur-fast) var(--ease-out) both}.media-arrival{opacity:0;transition:opacity var(--dur-base)}.media-arrival.is-loaded{opacity:1}.loading-skeleton{position:relative;overflow:hidden;min-height:48px;background:var(--surface-2)}.loading-skeleton:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#8882,transparent);animation:shimmer34 1.2s linear infinite}.uc-dialog[open],.new-chat-dialog[open]{animation:page-in var(--dur-base) var(--ease-out)}
@media(max-width:767px){.full-chat .messenger-six>.conversation-list,.full-chat .cp-room-sidebar,.full-chat .cp-room-info-panel{display:none!important}.full-chat .messenger-six,.full-chat .cp-room{display:block!important}.csi-app .messages-title{padding:20px 16px!important}.csi-app .conversation-section-title{padding:12px 16px}.csi-app .messenger-six:not(.has-selection){min-height:calc(100dvh - 175px)!important;height:auto!important;margin-top:0!important}.cp-home{padding-bottom:24px!important}.csi-app .header-mobile-menu-card{width:min(380px,94vw)!important}.post-actions button,.post-actions a{font-size:12px}.commercial-cta{padding:12px}.uc-row .uc-tools{max-width:calc(100vw - 24px)}.pro-private-room>.chat-panel{width:100%}.csi-app .cp-home-title{font-size:18px!important}.cp-premium-badge{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.media-arrival{opacity:1}::view-transition-old(root),::view-transition-new(root){animation:none}}

.csi-app .mobile-nav .nav-link .nav-icon{margin-top:0!important;width:28px!important;height:28px!important;border:0!important}

.csi-app .upload-drop span{color:var(--brand-strong)!important}.csi-app .cp-message-bubble footer time,.csi-app .upload-progress{color:var(--text-muted)!important}.csi-app .chat-search,.csi-app .chat-information{background:var(--surface-2)!important;color:var(--text)!important}

.csi-app .csi-format-tabs{background:var(--surface-2);border-color:var(--border)}.csi-app .csi-format-tabs a.active{color:var(--brand-strong);background:var(--surface)}

html[data-theme]{background:var(--bg)!important}.csi-app .uc-row:focus-within{box-shadow:none!important}

.csi-app .header-mobile-menu-card{overflow:hidden!important}.csi-app .header-menu-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:16px}.header-menu-scroll>*{flex-shrink:0}.professional-menu>a{display:flex;align-items:center;gap:14px;min-height:48px;padding:10px 8px 10px 30px;font-size:14px}.professional-menu>a>i{margin-left:auto;font-style:normal}

/* Shared controls also cover the standalone professional private-chat shell. */
.csi-app .chat-head>button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;border:0;border-radius:50%;background:transparent;color:var(--text);box-shadow:none}
.csi-app .chat-head>button:hover{background:var(--surface-2)}
.csi-app .chat-head>button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}
.csi-app .cp-search label{background:var(--input-bg)!important;border:1px solid var(--border)!important;box-shadow:none;transform:none}
.csi-app .cp-search label:focus-within{box-shadow:0 0 0 2px var(--focus-ring)}
.csi-app .cp-search input{background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important}


/* source: public/css/upgrade35.css */
/* Targeted CSI 3.5 interaction fixes. */
body.keyboard-open .mobile-nav,body.full-chat .mobile-nav{display:none!important}
.csi-app .mobile-nav a[href="/catalogo"] .nav-icon{width:32px!important;height:32px!important}
.csi-app .mobile-nav a[href="/catalogo"] .nav-icon svg{width:27px;height:27px}
.csi-app .mk-search label{background:var(--input-bg);border:1px solid var(--border);border-radius:16px;box-shadow:none}
.csi-app .mk-search input{background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important}
.csi-app .pro-tabs{display:flex;overflow-x:auto;gap:4px;scrollbar-width:none}.csi-app .pro-tabs>a{flex:0 0 auto;white-space:nowrap;word-break:normal;padding:12px 10px}
.unified-composer .composer-main{display:flex;gap:12px;align-items:flex-start}.unified-composer .composer-main img{width:40px;height:40px;border-radius:50%;object-fit:cover}.unified-composer textarea{flex:1;width:100%;min-height:76px;resize:vertical}.unified-composer .composer-actions{display:flex;gap:16px;margin:12px 0}.unified-composer .composer-actions button,.unified-composer .composer-actions a{display:inline-flex;align-items:center;gap:6px;min-height:44px;border:0;background:transparent;color:var(--text);font:inherit}.unified-composer>form>button{margin-top:12px}
.post-copy.is-collapsed{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.read-more{border:0;background:transparent;color:var(--brand-strong);font:inherit;font-weight:700;min-height:44px;padding:4px 0}.post-copy{white-space:pre-wrap;overflow-wrap:anywhere}
.uc-dialog{max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;scroll-padding:16px}.uc-dialog label{display:block;margin:12px 0}.uc-dialog input:not([type=radio]):not([type=checkbox]),.uc-dialog textarea{width:100%;box-sizing:border-box}.uc-dialog textarea{min-height:140px}.uc-dialog button{min-height:44px}.uc-dialog form{display:grid;gap:8px}.uc-dialog .sell-tools{display:flex;gap:8px;flex-wrap:wrap}.uc-dialog .help-text,.uc-dialog small{color:var(--text-muted)}.uc-file-picker{display:block;padding:12px;border:1px dashed var(--border);border-radius:16px}.uc-file-picker input{display:block;margin-top:8px}.uc-retry{border:1px solid var(--border);border-radius:12px;padding:10px;background:var(--surface-2);color:var(--text)}.account-security{margin-top:20px;padding:20px}.account-security form{display:grid;gap:12px;margin-top:20px}.account-security input{width:100%;padding:12px}.email-notice{padding:12px 16px;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:16px;margin:12px auto;max-width:700px}
.csi-app .uc-dialog :is([data-sell-images],[data-template-images],[data-sell-create],[data-sell-use],[data-template-new],[data-template-edit],[data-template-delete]){display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);color:var(--text);font:600 14px var(--font-ui);cursor:pointer}
.csi-app .uc-dialog :is([data-sell-images],[data-template-images]){width:100%;border-style:dashed;min-height:52px}
.csi-app .uc-preview button{width:44px;height:44px;min-width:44px;min-height:44px;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text)}
.csi-app .unified-composer .composer-actions{border-top:1px solid var(--border);border-bottom:0;padding-top:8px}
.csi-app .unified-composer [data-csi-sell] .app-icon{color:var(--brand-strong)!important}