:root{
  --red:#b4000b;
  --red-deep:#850008;
  --ink:#11100f;
  --soft-ink:#272522;
  --muted:#716c65;
  --ivory:#f3f0e9;
  --stone:#e6e0d6;
  --card:#fbfaf7;
  --line:rgba(17,16,15,.12);
  --gold:#9a8058;
  --shadow:0 26px 70px rgba(18,15,12,.09);
  --shadow-soft:0 12px 34px rgba(18,15,12,.055)
}
body{background:#f3f0e9}
body:before{opacity:.14}
.topbar{height:80px;background:rgba(246,243,237,.94);border-color:rgba(17,16,15,.14);backdrop-filter:blur(28px)}
.brand{width:194px}
.role-switch,.client-mode{padding:0;border-radius:2px;border-color:rgba(17,16,15,.16);background:transparent}
.role-switch button,.client-mode button{border-radius:0;padding:11px 20px;font-size:11px;letter-spacing:.04em;text-transform:uppercase}
.role-switch button.active{background:var(--ink);color:#fff;box-shadow:none}
.client-mode button.active{background:var(--ink);box-shadow:none}
.avatar{border-radius:2px;background:transparent;border:1px solid var(--ink);color:var(--ink);box-shadow:none}
.workspace{max-width:1420px;padding-top:52px}
.hero{grid-template-columns:minmax(0,1.7fr) minmax(300px,.3fr);gap:1px;background:rgba(17,16,15,.14);margin-bottom:1px}
.hero-main{min-height:510px;border-radius:0;padding:clamp(38px,6vw,84px);background:linear-gradient(90deg,rgba(10,9,8,.88) 0%,rgba(10,9,8,.64) 48%,rgba(10,9,8,.18) 100%),url('/property-mcallen.png') center/cover;color:#fff;box-shadow:none}
.hero-main:before{display:none}
.hero-main:after{top:40px;letter-spacing:.4em;color:rgba(255,255,255,.68)}
.hero h1{max-width:720px;font-size:clamp(54px,6.3vw,92px);line-height:.89;letter-spacing:-.045em}
.hero p{font-size:14px;max-width:540px;color:rgba(255,255,255,.74)}
.agent-card{border-radius:0;border:0;padding:34px;background:#f8f6f1;box-shadow:none}
.hero .agent-card p{color:var(--muted)}
.agent-card:after{border-radius:0;width:1px;height:90px;right:34px;top:34px;background:var(--red);border:0}
.agent-photo{border-radius:2px;width:82px;height:96px;border:0;box-shadow:none;background:#e7e0d5}
.agent-actions{grid-template-columns:1fr;gap:8px}
.agent-actions a{display:grid;place-items:center;text-decoration:none;color:var(--ink)}
.overview-agent-actions{grid-template-columns:1fr 1fr}
.primary,.secondary,.text-button{border-radius:2px;min-height:44px;text-transform:uppercase;letter-spacing:.1em;font-size:9px}
.primary{box-shadow:none}
.secondary{border:1px solid rgba(17,16,15,.15);background:transparent}
.stats{gap:1px;background:rgba(17,16,15,.13);margin:0 0 68px}
.stat,.stat:first-child,.stat:last-child{border:0;border-radius:0;background:#faf8f4;padding:25px 28px}
.stat strong{font-size:35px}.stat:after{border-radius:0;width:14px;height:1px;background:var(--red)}
.section-heading{margin-top:62px}.section-heading h2{font-size:clamp(34px,3.2vw,46px)}
.search-panel{border-radius:0;padding:0;gap:1px;background:rgba(17,16,15,.13);box-shadow:none}
.search-panel input,.search-panel select,dialog input,dialog select{border-radius:0;background:#faf8f4;padding:17px}
.property-grid{display:flex;gap:1px;background:rgba(17,16,15,.13);margin-top:1px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain}
.property-grid::-webkit-scrollbar{display:none}
.property-card{flex:0 0 clamp(285px,31vw,390px);border:0;border-radius:0;background:#faf8f4;box-shadow:none;scroll-snap-align:start}
.property-card:hover{transform:none;box-shadow:none}.property-card:hover .property-image{filter:brightness(.9)}
.property-image{height:250px;filter:saturate(.8);transition:filter .3s ease}
.property-image:before{background:linear-gradient(to top,rgba(12,10,9,.42),transparent 58%)}
.property-image:after{content:attr(data-source);top:auto;bottom:14px;border-radius:1px;background:rgba(13,12,11,.78);color:#fff}
.property-image-1{background:url('/property-mcallen.png') center/cover}
.property-image-2{background:url('/property-mission.png') center/cover}
.property-image-3{background:url('/property-edinburg.png') center/cover}
.property-image-4{background:url('/property-north-mcallen.png') center/cover}
.property-body{padding:22px}.property-price{font-size:27px}.property-address{text-transform:uppercase;letter-spacing:.06em;font-size:11px}
.favorite{border-radius:2px}.favorite.active{background:var(--ink);border-color:var(--ink)}
.panel{border-radius:0;background:#faf8f4;box-shadow:none;padding:32px}
.contact,.seller-row,.request-row,.feedback,.performance div,.seller-task{border-radius:0;background:#f3efe8}
.stage,.stage-select{border-radius:1px}.saved-search{border-left-color:var(--red)}
.seller-hero{border-radius:0;background:linear-gradient(90deg,rgba(12,10,9,.88),rgba(12,10,9,.28)),url('/property-north-mcallen.png') center/cover;box-shadow:none}
.seller-hero:before{display:none}.seller-agent{border-radius:0;background:#faf8f4}
dialog{border-radius:2px;background:#faf8f4}dialog form{padding:34px}.icon-button{border-radius:2px}
.workspace{padding-bottom:130px}
.app-nav{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:40;width:min(720px,calc(100% - 32px));height:74px;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:rgba(16,15,14,.94);border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 60px rgba(0,0,0,.28);backdrop-filter:blur(28px)}.app-nav[hidden]{display:none!important}
.app-nav button{min-width:0;border:0;border-right:1px solid rgba(255,255,255,.08);background:transparent;color:rgba(255,255,255,.5);display:grid;place-items:center;align-content:center;gap:7px;padding:8px 4px;cursor:pointer}
.app-nav button:last-child{border-right:0}.app-nav button.active{color:#fff;background:rgba(255,255,255,.07)}
.app-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.app-nav span{font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.agent-inventory{margin-top:54px}
.screen-header{max-width:820px;margin:20px 0 48px}.screen-header h1{font:500 clamp(52px,7vw,96px)/.92 "Playfair Display",serif;letter-spacing:-.045em;margin:0 0 22px}.screen-header>p:last-child{max-width:620px;color:var(--muted);font-size:15px;line-height:1.7}.interest-actions{display:grid;gap:1px;margin-top:1px}.interest-actions button{text-align:left;background:#faf8f4}.agent-contact-screen{display:grid;grid-template-columns:1fr 1.4fr;gap:1px;background:var(--line);margin-bottom:1px}.agent-contact-screen>.agent-person{margin:0;background:#faf8f4;padding:42px}.agent-contact-screen h2{font:500 38px/1 "Playfair Display",serif;margin:0 0 8px}.contact-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.contact-action-grid a,.contact-action-grid button{border:0;background:#faf8f4;color:var(--ink);text-decoration:none;display:grid;place-items:center;align-content:center;gap:11px;min-height:145px;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.contact-action-grid svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.4}.document-panel,.agent-documents{margin-top:1px}.document-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;border-top:1px solid var(--line);padding:18px 0}.document-row h4{margin:0 0 5px}.document-row p{margin:0;color:var(--muted);font-size:11px}.profile-screen-form{max-width:760px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.profile-screen-form label{display:grid;gap:8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.profile-screen-form input,.profile-screen-form select{border:1px solid var(--line);border-radius:0;background:#f3efe8;padding:16px}.password-note{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px}.password-note p{color:var(--muted);font-size:12px;line-height:1.6}.profile-screen-form .primary{grid-column:1/-1}
.canonical-profile{display:flex;align-items:center;justify-content:space-between;gap:24px}.canonical-profile .agent-person{margin:0}.canonical-profile h2{font:500 36px/1 "Playfair Display",serif;margin:0 0 8px}.sync-targets{display:grid;gap:0}.sync-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.sync-row:last-child{border-bottom:0}.sync-row h4{margin:0 0 5px}.sync-row p{margin:0;color:var(--muted);font-size:11px}
.auth-gate{width:min(1420px,calc(100% - 40px));margin:42px auto 120px;display:grid;grid-template-columns:1.4fr .6fr;min-height:680px;background:var(--line);gap:1px}.auth-gate[hidden],.auth-form[hidden]{display:none!important}.auth-visual{padding:clamp(42px,7vw,100px);background:linear-gradient(90deg,rgba(10,9,8,.82),rgba(10,9,8,.3)),url('/property-mcallen.png') center/cover;color:#fff;display:flex;flex-direction:column;justify-content:flex-end}.auth-visual h1{font:500 clamp(58px,7vw,104px)/.86 "Playfair Display",serif;letter-spacing:-.05em;margin:18px 0 25px}.auth-visual>p:last-child{color:rgba(255,255,255,.72)}.auth-panel{background:#faf8f4;padding:clamp(34px,5vw,72px);display:grid;align-items:center}.auth-form{display:grid;gap:18px}.auth-form h2{font:500 48px/.94 "Playfair Display",serif;margin:0 0 4px;letter-spacing:-.035em}.auth-copy{margin:0 0 14px;color:var(--muted);font-size:13px;line-height:1.6}.auth-form label{display:grid;gap:9px;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.auth-form input{border:1px solid var(--line);background:#f3efe8;padding:18px;font:500 14px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.08em;text-transform:uppercase}.auth-form input:focus{outline:1px solid var(--ink);outline-offset:2px}.auth-form .primary{min-height:52px;margin-top:2px}.auth-form>a{text-align:center;color:var(--ink);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.auth-active .role-switch,.auth-active .avatar{display:none}.auth-active .topbar{justify-content:center}.auth-active .brand{width:224px}

@media(max-width:1050px){.hero{gap:1px}.agent-card{min-height:260px}}
@media(max-width:680px){
  .auth-gate{width:100%;margin:0;grid-template-columns:1fr;min-height:calc(100vh - 70px)}.auth-visual{min-height:330px;padding:36px 24px}.auth-visual h1{font-size:54px}.auth-panel{padding:38px 24px}
  .topbar{height:auto;padding:15px 18px 16px;background:#f5f2ec}.brand{width:156px}.avatar{width:38px;height:38px}
  .role-switch{margin-top:5px}.role-switch button{padding:11px 8px}
  .workspace{padding:22px 16px 44px}.client-mode{margin-bottom:16px}
  .hero{display:block;background:transparent}.hero-main{min-height:480px;padding:38px 28px;background:linear-gradient(180deg,rgba(10,9,8,.28),rgba(10,9,8,.88) 72%),url('/property-mcallen.png') center/cover}
  .hero-main:after{left:28px;top:28px}.hero h1{font-size:54px;line-height:.88;margin-bottom:22px}
  .agent-card{margin-top:1px;padding:28px;min-height:330px}.agent-person{align-items:flex-end}.agent-photo{width:78px;height:92px}
  .stats{margin-top:1px;margin-bottom:46px}.stat{padding:20px}.stat strong{font-size:30px}
  .section-heading{margin-top:48px}.section-heading h2{font-size:34px}
  .search-panel{gap:1px}.search-panel input,.search-panel select{border-radius:0}.search-panel .primary{grid-column:auto}.search-panel .secondary{grid-column:auto;background:#faf8f4}
  .property-grid{gap:1px;margin-inline:-16px;padding-inline:16px;background:transparent}.property-card{flex-basis:84vw}.property-image{height:260px}.property-body{padding:24px 20px 26px}
  .panel{border-radius:0;padding:25px 20px}.seller-hero{border-radius:0;min-height:390px}.seller-agent{border-radius:0}
  .workspace{padding-bottom:125px}.app-nav{bottom:max(10px,env(safe-area-inset-bottom));width:calc(100% - 20px);height:70px}.app-nav span{font-size:7px}.app-nav svg{width:19px;height:19px}
  .screen-header{margin:14px 0 34px}.screen-header h1{font-size:54px}.agent-contact-screen{grid-template-columns:1fr}.agent-contact-screen>.agent-person{padding:28px}.contact-action-grid{grid-template-columns:repeat(4,1fr)}.contact-action-grid a,.contact-action-grid button{min-height:98px}.profile-screen-form{grid-template-columns:1fr}.profile-screen-form .primary,.password-note{grid-column:1}.app-nav button{padding-inline:2px}.app-nav span{letter-spacing:.03em}
  .canonical-profile{align-items:flex-start;flex-direction:column}.canonical-profile .primary{width:100%}.sync-row{align-items:flex-start;grid-template-columns:1fr}.sync-row .stage{width:max-content}
}

.app-nav{background:rgba(255,255,255,.96);border-color:rgba(18,22,26,.13)}.app-nav button.active{background:#f7f8f9}.photo-editor{border-radius:8px}.property-detail-copy,.property-card>.property-footer{background:var(--card)}
html[data-theme="dark"] .app-nav{background:rgba(19,22,25,.96);border-color:rgba(255,255,255,.14)}html[data-theme="dark"] .app-nav button.active{background:#252a2f;color:#ff4b52}html[data-theme="dark"] .property-detail-copy,html[data-theme="dark"] .property-card>.property-footer{background:#15181b}

/* Pearl glass identity — mirrors the native app icon */
body{background:radial-gradient(circle at 88% 4%,rgba(102,148,164,.13),transparent 31rem),radial-gradient(circle at 5% 94%,rgba(180,0,11,.065),transparent 28rem),#f7f9fa}
.topbar{background:rgba(255,255,255,.78);border-bottom:1px solid rgba(255,255,255,.9);box-shadow:0 8px 34px rgba(19,34,43,.07);-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%)}
.panel,.agent-card,.stat,.property-card,.auth-panel,dialog{background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.92);box-shadow:0 20px 55px rgba(19,34,43,.075);-webkit-backdrop-filter:blur(22px) saturate(135%);backdrop-filter:blur(22px) saturate(135%)}
.property-card{border-radius:16px;overflow:hidden}.property-card:hover{transform:translateY(-3px);box-shadow:0 26px 65px rgba(19,34,43,.12)}
.primary,.secondary,.link-button,.text-button{border-radius:8px}.primary{box-shadow:0 9px 24px rgba(180,0,11,.16)}
.app-nav{background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.92);box-shadow:0 20px 55px rgba(19,34,43,.16);-webkit-backdrop-filter:blur(26px) saturate(160%);backdrop-filter:blur(26px) saturate(160%)}
.app-nav button.active{background:rgba(255,255,255,.72)}
html[data-theme="dark"] body{background:radial-gradient(circle at 88% 4%,rgba(102,148,164,.14),transparent 30rem),radial-gradient(circle at 5% 94%,rgba(180,0,11,.09),transparent 28rem),#0d0f11}
html[data-theme="dark"] .topbar,html[data-theme="dark"] .panel,html[data-theme="dark"] .agent-card,html[data-theme="dark"] .stat,html[data-theme="dark"] .property-card,html[data-theme="dark"] .auth-panel,html[data-theme="dark"] dialog{background:rgba(20,24,28,.78);border-color:rgba(255,255,255,.1);box-shadow:0 22px 60px rgba(0,0,0,.3)}
html[data-theme="dark"] .app-nav{background:rgba(20,24,28,.8);border-color:rgba(255,255,255,.12)}

/* Agent dashboard and free-tier foundation */
.agent-dashboard-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.agent-dashboard-metrics .stat{display:grid;gap:6px;padding:20px;border-radius:16px}.agent-dashboard-metrics span{font-size:8px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}.agent-dashboard-metrics strong{font:500 34px/1 "Playfair Display",serif}.agent-dashboard-metrics .plan-name{font-size:25px}.agent-dashboard-metrics small{color:var(--muted);font-size:9px}.agent-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.agent-dashboard-grid>.panel{margin:0}.dashboard-communication{grid-column:1/-1}.dashboard-event{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:18px;border-top:1px solid var(--line)}.dashboard-event h3{margin:5px 0;font:500 21px/1.15 "Playfair Display",serif}.dashboard-event p{margin:0;color:var(--muted);font-size:10px}.dashboard-listing{display:flex;width:100%;justify-content:space-between;gap:15px;padding:15px 0;border:0;border-top:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;cursor:pointer}.dashboard-listing span{font-size:11px}.dashboard-listing strong{white-space:nowrap;font-size:11px}.dashboard-communication>p:not(.eyebrow){max-width:620px;color:var(--muted);line-height:1.65}
@media(max-width:680px){.agent-dashboard-metrics{grid-template-columns:repeat(3,1fr);gap:6px}.agent-dashboard-metrics .stat{padding:14px 10px}.agent-dashboard-metrics strong{font-size:25px}.agent-dashboard-metrics .plan-name{font-size:16px}.agent-dashboard-metrics small{font-size:7px}.agent-dashboard-grid{grid-template-columns:1fr}.dashboard-communication{grid-column:auto}.dashboard-event{align-items:flex-start;flex-direction:column}.dashboard-event .secondary{width:100%}}
.website-addon{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:center;gap:30px;margin-top:18px}.website-addon h2{margin:9px 0 12px;font:500 clamp(32px,4vw,48px)/1 "Playfair Display",serif}.website-addon p,.website-addon small{color:var(--muted);line-height:1.65}.website-addon-actions{display:grid;gap:12px}.website-addon-actions .stage{justify-self:start}.website-addon-actions small{font-size:9px}@media(max-width:680px){.website-addon{grid-template-columns:1fr}.website-addon-actions .secondary{width:100%}}
@media(max-width:480px){body:not(.auth-active) .topbar .brand{width:108px}body:not(.auth-active) .top-actions{gap:4px}body:not(.auth-active) .header-icon{width:32px}body:not(.auth-active) .dashboard-button{padding-inline:5px}body:not(.auth-active) .topbar{padding-left:12px;padding-right:12px}}
.hub-section{margin:16px 0}.hub-section>.section-heading{padding:20px 4px 14px}.hub-section>.section-heading>small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.hub-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hub-module{margin:0;padding:24px;min-width:0}.hub-module-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hub-module h2{margin:7px 0 0;font-size:27px}.hub-status{width:9px;height:9px;border-radius:50%;background:#a9a6a1;box-shadow:0 0 0 5px rgba(120,120,120,.08)}.hub-status.online{background:#2e8a69;box-shadow:0 0 0 5px rgba(46,138,105,.1)}.hub-number{display:block;margin:24px 0 12px;font:500 40px/1 "Playfair Display",serif}.hub-module>p{min-height:58px;color:var(--muted);font-size:10px;line-height:1.65}.hub-module .button-row{margin-top:18px}.hub-module .link-button{min-height:42px;padding:0 14px;font-size:8px}@media(max-width:800px){.hub-modules{grid-template-columns:1fr}.hub-module>p{min-height:0}.hub-section>.section-heading{align-items:flex-end}}
@media(max-width:480px){body:not(.auth-active) .topbar .brand{width:108px}body:not(.auth-active) .top-actions{gap:4px}body:not(.auth-active) .header-icon{width:32px}body:not(.auth-active) .dashboard-button{padding-inline:5px}body:not(.auth-active) .topbar{padding-left:12px;padding-right:12px}}
@media(max-width:480px){.topbar .brand{width:108px}.top-actions{gap:4px}.header-icon{width:32px}.dashboard-button{padding-inline:5px}.topbar{padding-left:12px;padding-right:12px}}

/* RCR Free and Pro */
.free-plan-note{max-width:760px;margin:30px auto 0;padding:18px 22px;border:1px solid rgba(90,125,138,.22);border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(226,236,240,.6));box-shadow:var(--shadow-soft);text-align:center}.free-plan-note span,.pro-badge{font-size:9px;font-weight:800;letter-spacing:.18em;color:var(--red)}.free-plan-note p{margin:8px auto 0;color:var(--muted);font-size:12px;line-height:1.6}
.pro-offer{display:grid;grid-template-columns:minmax(300px,.92fr) minmax(420px,1.28fr);gap:1px;max-width:1100px;margin:0 auto;border:1px solid rgba(255,255,255,.9);border-radius:24px;overflow:hidden;background:rgba(255,255,255,.42);box-shadow:0 28px 80px rgba(16,24,32,.12);backdrop-filter:blur(26px) saturate(140%)}
.pro-offer-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,6vw,72px);background:linear-gradient(150deg,#11171b 0%,#1e2b31 58%,#761019 140%);color:#fff}.pro-offer-copy h2{margin:20px 0 16px;font:500 clamp(42px,5vw,68px)/.92 "Playfair Display",serif;letter-spacing:-.035em}.pro-offer-copy>p{margin:0;color:rgba(255,255,255,.7);line-height:1.75;font-size:13px}.pro-offer-copy .pro-badge{color:#ff9fa4}.pro-price{display:flex;align-items:baseline;gap:10px;margin:30px 0 20px}.pro-price strong{font:500 42px/1 "Playfair Display",serif}.pro-price span{font-size:11px;color:rgba(255,255,255,.65)}.pro-offer-copy .primary{width:100%;min-height:54px}.pro-offer-copy small{margin-top:14px;text-align:center;color:rgba(255,255,255,.5);font-size:9px;line-height:1.5}
.pro-feature-grid{display:grid;grid-template-columns:1fr 1fr;background:rgba(255,255,255,.76)}.pro-feature-grid article{min-height:190px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.pro-feature-grid article:nth-child(2n){border-right:0}.pro-feature-grid article:nth-last-child(-n+2){border-bottom:0}.pro-feature-grid article>span{font:600 9px/1 sans-serif;letter-spacing:.16em;color:var(--red)}.pro-feature-grid h3{margin:22px 0 10px;font:500 24px/1.05 "Playfair Display",serif}.pro-feature-grid p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}
html[data-theme="dark"] .free-plan-note{background:linear-gradient(135deg,rgba(29,36,40,.86),rgba(24,29,33,.72))}html[data-theme="dark"] .pro-offer{border-color:rgba(255,255,255,.11);background:rgba(19,23,27,.8)}html[data-theme="dark"] .pro-feature-grid{background:rgba(20,24,28,.85)}
@media(max-width:800px){.pro-offer{grid-template-columns:1fr;max-width:620px}.pro-offer-copy{padding:42px 28px}.pro-feature-grid article{min-height:165px;padding:24px 20px}}
@media(max-width:480px){.pro-offer{border-radius:18px}.pro-feature-grid{grid-template-columns:1fr}.pro-feature-grid article,.pro-feature-grid article:nth-child(2n),.pro-feature-grid article:nth-last-child(-n+2){min-height:auto;border-right:0;border-bottom:1px solid var(--line)}.pro-feature-grid article:last-child{border-bottom:0}.pro-offer-copy h2{font-size:44px}}

/* Broker command center */
.top-actions{display:flex;align-items:center;gap:8px}.header-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(18,22,26,.14);border-radius:10px;background:rgba(255,255,255,.66);color:var(--ink);font-size:17px;cursor:pointer;backdrop-filter:blur(16px)}.header-icon:hover{background:#fff;box-shadow:0 10px 26px rgba(20,30,36,.1)}.dashboard-button{min-height:40px;padding:0 17px;border:1px solid rgba(18,22,26,.16);border-radius:8px;background:rgba(255,255,255,.65);color:var(--ink);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(16px)}.dashboard-button.active{background:var(--ink);color:var(--card)}
.broker-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.broker-metrics .stat{display:grid;gap:5px;padding:18px;border-radius:16px}.broker-metrics span{font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--red)}.broker-metrics strong{font:500 34px/1 "Playfair Display",serif}.broker-metrics small{color:var(--muted);font-size:9px}.glance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.glance-card{margin:0;padding:22px}.glance-card h2{margin:8px 0 16px;font-size:24px}.glance-card p{color:var(--muted);font-size:10px;line-height:1.55}.glance-card strong{color:var(--ink)}.glance-person{display:flex;align-items:center;gap:10px}.glance-person .agent-photo{width:38px;height:38px}.broker-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:16px}.broker-calendar,.broker-roster{margin:0}.broker-event{display:grid;grid-template-columns:auto 70px 1fr auto;align-items:center;gap:16px;padding:18px 0;border-top:1px solid var(--line)}.broker-event>img{width:112px;aspect-ratio:16/9;object-fit:cover;border-radius:10px}.broker-event time{display:grid;gap:5px;text-align:center}.broker-event time strong{font:500 25px/1 "Playfair Display",serif}.broker-event time span,.broker-event p,.broker-event small,.broker-roster small{color:var(--muted);font-size:10px}.broker-event h3{margin:5px 0;font:500 20px/1.1 "Playfair Display",serif}.event-actions{display:grid;gap:7px}.event-actions .secondary{white-space:nowrap;padding:10px}.broker-roster>article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid var(--line)}.broker-roster>article>div{display:flex;align-items:center;gap:12px;min-width:0}.broker-roster .agent-photo{width:46px;height:46px}.broker-roster strong,.broker-roster small{display:block}.broker-roster small{margin-top:4px}.event-dialog{padding:0!important;background:#f8fafb!important;border:1px solid rgba(255,255,255,.95)!important}.event-dialog::backdrop,.center-dialog::backdrop{background:rgba(12,16,19,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.event-dialog form{width:min(760px,calc(100vw - 32px));max-height:min(860px,calc(100dvh - 32px));overflow:auto;background:#f8fafb;padding:30px}.event-dialog label,.event-dialog input,.event-dialog select,.event-dialog textarea{min-width:0;width:100%}.event-artwork small{display:block;margin:4px 0 10px;color:var(--muted);font-weight:400}.event-artwork>input[type=file]{padding:12px}.event-artwork>span{display:grid;place-items:center;min-height:125px;margin-top:9px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);overflow:hidden}.event-artwork img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.center-dialog article{width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:28px}.notification-item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid var(--line)}.notification-item h3{margin:6px 0;font:500 20px/1.1 "Playfair Display",serif}.notification-item p{margin:0;color:var(--muted);font-size:10px}html[data-theme="dark"] .dashboard-button,html[data-theme="dark"] .header-icon{background:rgba(31,36,40,.72);border-color:rgba(255,255,255,.15)}html[data-theme="dark"] .dashboard-button.active{background:#f5f6f7;color:#14171a}html[data-theme="dark"] .event-dialog,html[data-theme="dark"] .event-dialog form{background:#15191d!important}
@media(max-width:800px){.broker-metrics{grid-template-columns:repeat(3,1fr);gap:6px}.broker-metrics .stat{padding:13px 10px}.broker-metrics strong{font-size:28px}.broker-metrics small{font-size:7px}.glance-grid,.broker-grid{grid-template-columns:1fr}.broker-event{grid-template-columns:64px 1fr}.broker-event>img{grid-column:1/-1;width:100%}.broker-event>.event-actions{grid-column:2}.dashboard-button{padding:0 10px;font-size:8px}}
@media(max-width:480px){.topbar .brand{width:112px}.top-actions{gap:5px}.header-icon{width:34px;height:36px}.dashboard-button{min-height:36px;padding:0 6px;font-size:7px;letter-spacing:.04em}.avatar{width:36px;height:36px}.broker-calendar,.broker-roster{padding:20px}.broker-event{gap:12px}.broker-roster .section-heading{align-items:flex-start}.broker-roster .section-heading .link-button{flex:0 0 auto;padding-inline:10px}.form-pair{grid-template-columns:1fr}.notification-item{align-items:flex-start;flex-direction:column}.notification-item .secondary{width:100%}}

/* Mobile alignment, persistent brand bar, and expanded listing details */
.topbar{position:sticky;top:0;z-index:50;overflow:hidden}
.topbar .brand{height:52px;display:grid;place-items:center}
.topbar .brand img{width:100%;height:100%;max-height:48px;object-fit:contain;object-position:left center}
.property-facts,.property-remarks,.property-features{margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}
.property-facts>dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.property-facts>dl>div{padding:16px;background:rgba(255,255,255,.68)}
.property-facts dt,.property-features h3{margin:0 0 6px;font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.property-facts dd{margin:0;font-size:12px;font-weight:700;line-height:1.4}
.property-remarks>p:last-child,.property-features p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}
.property-features>div{padding:14px 0;border-bottom:1px solid var(--line)}.property-features>div:last-child{border-bottom:0}
html[data-theme="dark"] .property-facts>dl>div{background:rgba(24,29,33,.9)}

@media(max-width:680px){
  .topbar{height:82px;padding-top:13px;padding-bottom:13px}.topbar .brand{width:154px;height:54px}.topbar .brand img{max-height:48px}
  .property-grid{width:100%;max-width:100%;margin-left:0;margin-right:0;padding:8px 6vw 24px;gap:14px;scroll-padding-inline:6vw}
  .property-card{flex:0 0 88%;scroll-snap-align:center}
  .property-facts>dl{grid-template-columns:1fr 1fr}.property-detail-copy{padding:28px 24px}
  .auth-active .topbar{position:sticky;height:112px;padding:18px 20px;overflow:hidden}
  .auth-active .topbar .brand{width:min(205px,56vw);height:76px}
  .auth-active .topbar .brand img{max-height:68px;object-position:center}
  .auth-active main{padding-top:18px}
}

/* Premium role-specific entry — agent and client remain separate experiences */
.auth-active{
  min-height:100dvh;
  background:
    radial-gradient(circle at 12% 8%,rgba(180,0,11,.11),transparent 25rem),
    radial-gradient(circle at 88% 18%,rgba(99,147,164,.2),transparent 29rem),
    linear-gradient(150deg,#f9fbfc 0%,#edf2f4 48%,#f7f8f9 100%);
}
.auth-active .topbar{
  position:relative;
  height:96px;
  padding:20px clamp(24px,5vw,68px);
  display:flex;
  justify-content:center;
  overflow:visible;
  background:rgba(255,255,255,.58);
  border-bottom:1px solid rgba(255,255,255,.9);
  box-shadow:0 12px 42px rgba(24,34,43,.06);
  -webkit-backdrop-filter:blur(26px) saturate(150%);
  backdrop-filter:blur(26px) saturate(150%);
}
.auth-active .brand{width:min(220px,58vw);height:56px;display:grid;place-items:center}
.auth-active .brand img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.auth-active main{padding:clamp(18px,4vw,54px)}
.auth-active .auth-gate{
  width:min(1180px,100%);
  min-height:650px;
  margin:0 auto;
  grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);
  gap:16px;
  padding:16px;
  border:1px solid rgba(255,255,255,.92);
  border-radius:34px;
  background:rgba(255,255,255,.34);
  box-shadow:0 34px 100px rgba(25,42,52,.14),inset 0 1px 0 rgba(255,255,255,.9);
  -webkit-backdrop-filter:blur(28px) saturate(145%);
  backdrop-filter:blur(28px) saturate(145%);
  overflow:hidden;
}
.auth-active .auth-visual{
  min-height:618px;
  border-radius:23px;
  padding:clamp(34px,5vw,68px);
  background:
    linear-gradient(180deg,rgba(10,16,20,.05),rgba(8,13,17,.86)),
    url('/property-mcallen.png') center/cover;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);
}
.auth-client .auth-visual{background:linear-gradient(180deg,rgba(10,16,20,.03),rgba(8,13,17,.84)),url('/property-north-mcallen.png') center/cover}
.auth-active .auth-visual h1{font-size:clamp(54px,6vw,82px);line-height:.9;margin:14px 0 22px;text-wrap:balance}
.auth-active .auth-visual>p:last-child{max-width:420px;font-size:14px;line-height:1.7}
.auth-active .auth-panel{
  position:relative;
  padding:clamp(38px,5vw,66px);
  border-radius:23px;
  border:1px solid rgba(255,255,255,.94);
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,255,255,.64));
  box-shadow:0 22px 60px rgba(25,42,52,.09),inset 0 1px 0 #fff;
  overflow:hidden;
}
.auth-active .auth-panel:before{content:"AGENT ACCESS";position:absolute;top:24px;right:26px;color:rgba(20,27,31,.42);font-size:8px;font-weight:800;letter-spacing:.2em}
.auth-client .auth-panel:before{content:"CLIENT ACCESS"}
.auth-active .auth-form{gap:20px;animation:authReveal .55s cubic-bezier(.2,.75,.25,1) both}
.auth-active .auth-form h2{font-size:clamp(44px,5vw,62px);line-height:.92;letter-spacing:-.045em;text-wrap:balance}
.auth-active .auth-copy{max-width:390px;font-size:14px;line-height:1.65}
.auth-active .auth-form label{gap:10px;font-size:9px;letter-spacing:.15em}
.auth-active .auth-form input:not([type="checkbox"]){min-height:58px;border:1px solid rgba(22,31,37,.18)!important;border-radius:12px!important;background:rgba(255,255,255,.76)!important;padding:0 18px;box-shadow:inset 0 1px 2px rgba(20,30,36,.035),0 8px 24px rgba(25,42,52,.035)}
.auth-active .auth-form input:not([type="checkbox"]):focus{border-color:rgba(180,0,11,.72)!important;outline:4px solid rgba(180,0,11,.075)!important}
.auth-active .remember-device{grid-template-columns:30px 1fr;align-items:center;line-height:1.35}
.auth-active .remember-device input{width:25px;height:25px;accent-color:#b4000b}
.auth-active .auth-form .primary,.auth-active .auth-form .secondary{min-height:56px;border-radius:12px;font-size:10px;letter-spacing:.14em}
.auth-active .auth-form .primary{background:linear-gradient(135deg,#c4000d,#990009);box-shadow:0 14px 32px rgba(180,0,11,.22)}
@keyframes authReveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

@media(max-width:680px){
  .auth-active .topbar{height:82px;padding:14px 20px}.auth-active .brand{width:min(190px,54vw);height:48px}
  .auth-active main{padding:16px 12px 26px}
  .auth-active .auth-gate{display:block;min-height:calc(100dvh - 124px);padding:10px;border-radius:27px}
  .auth-active .auth-visual{display:none}
  .auth-active .auth-panel{min-height:calc(100dvh - 146px);padding:72px 26px 38px;border-radius:20px;align-items:start}
  .auth-active .auth-panel:before{top:29px;right:auto;left:27px}
  .auth-active .auth-form{width:100%;max-width:440px;margin:auto;align-self:center}
  .auth-active .auth-form h2{font-size:clamp(43px,13vw,56px)}
  .auth-active .auth-copy{font-size:13px;margin-bottom:6px}
  .auth-active .auth-form input:not([type="checkbox"]){min-height:56px;font-size:13px}
}

/* Product-grade premium pass */
:root{--product-red:#b30012;--product-navy:#17212a;--product-blue:#6f919e;--product-bg:#f5f7f8}
body{background:radial-gradient(circle at 85% 0,rgba(111,145,158,.16),transparent 27rem),linear-gradient(180deg,#fbfcfd 0,#f3f6f7 52%,#eef2f4 100%);font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.topbar{height:76px;padding-inline:clamp(18px,4vw,46px);background:rgba(255,255,255,.82);border-bottom:1px solid rgba(24,34,43,.07);box-shadow:0 12px 35px rgba(24,34,43,.055)}.brand{width:178px}
.workspace{max-width:1320px;padding-top:56px}.screen-header{max-width:760px;margin-bottom:42px}.screen-header .eyebrow,.section-heading .eyebrow{color:var(--product-red);font-size:9px;letter-spacing:.21em}.screen-header h1{font-size:clamp(54px,7vw,88px);line-height:.9;margin:12px 0 22px}.screen-header>p:last-child{font-size:14px;line-height:1.65;color:#66717a}
.search-panel{padding:10px;border:1px solid rgba(24,34,43,.08);border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 18px 55px rgba(24,34,43,.09);backdrop-filter:blur(22px);gap:8px}.search-panel input,.search-panel select{min-height:52px;border:1px solid rgba(24,34,43,.1)!important;border-radius:11px!important;background:#fff!important;padding:0 16px;color:var(--product-navy);font-size:12px}.search-panel .primary,.search-panel .secondary{min-height:52px;border-radius:11px}
.property-grid{gap:18px;background:transparent;padding-block:8px 24px}.property-card{border-radius:22px;background:#fff;border:1px solid rgba(24,34,43,.07);box-shadow:0 18px 55px rgba(24,34,43,.1);overflow:hidden}.property-card:hover{transform:translateY(-5px);box-shadow:0 28px 70px rgba(24,34,43,.15)}.property-image{height:285px;filter:saturate(.9) contrast(1.02)}.property-image:after{left:18px;bottom:18px;padding:8px 11px;border-radius:7px;background:rgba(14,19,23,.75);backdrop-filter:blur(12px);letter-spacing:.12em}.property-body{padding:25px 23px 19px}.property-price{font-size:32px;letter-spacing:-.025em}.property-address{margin-top:12px;color:var(--product-navy)}.property-meta{margin-top:7px;color:#6c7680}.property-card>.property-footer{padding:0 23px 22px}.favorite{height:38px;border-radius:9px;background:#f5f7f8}
.panel,.agent-card,.stat,.auth-panel,dialog{border-radius:20px;border:1px solid rgba(24,34,43,.07);box-shadow:0 18px 55px rgba(24,34,43,.075)}
.app-nav{height:72px;bottom:max(10px,env(safe-area-inset-bottom));border-radius:22px;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.95);box-shadow:0 20px 55px rgba(24,34,43,.18);padding:4px}.app-nav button{border:0;border-radius:16px;color:#7a838a}.app-nav button.active{background:#fff;color:var(--product-red);box-shadow:0 6px 18px rgba(24,34,43,.1)}.app-nav button.active:after{display:none}.app-nav svg{stroke-width:1.7}
.property-dialog{border-radius:24px}.property-gallery{height:min(56vh,500px)}.listing-attribution{border-radius:14px;overflow:hidden;border-color:rgba(24,34,43,.08)}.listing-attribution div{background:#f7f9fa}.gallery-arrow{border:0;background:rgba(255,255,255,.9)}
html[data-theme="dark"] body{background:radial-gradient(circle at 85% 0,rgba(111,145,158,.16),transparent 27rem),#0b0e11}html[data-theme="dark"] .search-panel{background:rgba(19,23,27,.82);border-color:rgba(255,255,255,.1)}html[data-theme="dark"] .property-card{background:#15191d;border-color:rgba(255,255,255,.09)}html[data-theme="dark"] .listing-attribution div{background:#1b2025}
@media(max-width:680px){
  .topbar{height:72px;padding:12px 18px}.brand{width:142px}.workspace{padding:34px 14px 124px}.screen-header{margin:4px auto 30px;max-width:100%;padding:0 10px}.screen-header h1{font-size:48px;line-height:.92;margin:11px 0 18px}.screen-header>p:last-child{font-size:13px;line-height:1.55;max-width:360px}
  .listing-search{padding:9px;grid-template-columns:1fr 1fr;gap:7px}.listing-search .listing-query{grid-column:1/-1}.listing-search input,.listing-search select,.listing-search button{min-height:50px}.listing-search .primary:last-of-type{grid-column:auto}.property-grid{margin-inline:-14px;padding-inline:14px;gap:14px}.property-card{flex-basis:89vw;border-radius:20px}.property-image{height:248px}.property-body{padding:22px 20px 17px}.property-price{font-size:29px}.property-card>.property-footer{padding:0 20px 20px}
  .app-nav{width:calc(100% - 18px);height:68px;padding:4px}.app-nav span{font-size:6px}.app-nav svg{width:18px;height:18px}.panel{border-radius:18px}.property-gallery{height:310px}
}

/* Listing discovery and MLS gallery */
.listing-search{grid-template-columns:minmax(260px,2fr) repeat(3,minmax(120px,1fr)) auto auto}.listing-query{min-width:0}
.property-gallery{position:relative;height:min(58vh,520px);background:#e9eef0;overflow:hidden}.property-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s ease}.gallery-count{position:absolute;right:18px;bottom:18px;padding:8px 12px;border-radius:999px;background:rgba(10,14,17,.72);color:#fff;font-size:11px;font-weight:700;backdrop-filter:blur(12px)}
.gallery-arrow{position:absolute;top:50%;translate:0 -50%;width:46px;height:46px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(255,255,255,.82);color:#15191c;font:300 32px/1 serif;box-shadow:0 8px 24px rgba(0,0,0,.16);backdrop-filter:blur(14px);cursor:pointer}.gallery-previous{left:16px}.gallery-next{right:16px}
.listing-attribution{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:25px 0 0;background:var(--line);border:1px solid var(--line)}.listing-attribution div{padding:17px;background:rgba(255,255,255,.58)}.listing-attribution dt{font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}.listing-attribution dd{margin:0;font-size:12px;font-weight:700}
html[data-theme="dark"] .listing-attribution div{background:rgba(20,24,28,.8)}
@media(max-width:800px){.listing-search{grid-template-columns:1fr 1fr}.listing-search .listing-query{grid-column:1/-1}.listing-search button{min-width:0}.property-gallery{height:300px}.listing-attribution{grid-template-columns:1fr}.gallery-arrow{width:40px;height:40px}}

/* Pearl glass identity — mirrors the native app icon */
body{background:
  radial-gradient(circle at 88% 4%,rgba(102,148,164,.13),transparent 31rem),
  radial-gradient(circle at 5% 94%,rgba(180,0,11,.065),transparent 28rem),
  #f7f9fa}
.topbar{background:rgba(255,255,255,.78);border-bottom:1px solid rgba(255,255,255,.9);box-shadow:0 8px 34px rgba(19,34,43,.07);-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%)}
.panel,.agent-card,.stat,.property-card,.auth-panel,dialog{background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.92);box-shadow:0 20px 55px rgba(19,34,43,.075);-webkit-backdrop-filter:blur(22px) saturate(135%);backdrop-filter:blur(22px) saturate(135%)}
.property-card{border-radius:16px;overflow:hidden}.property-card:hover{transform:translateY(-3px);box-shadow:0 26px 65px rgba(19,34,43,.12)}
.primary,.secondary,.link-button,.text-button{border-radius:8px}.primary{box-shadow:0 9px 24px rgba(180,0,11,.16)}
.app-nav{background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.92);box-shadow:0 20px 55px rgba(19,34,43,.16);-webkit-backdrop-filter:blur(26px) saturate(160%);backdrop-filter:blur(26px) saturate(160%)}
.app-nav button.active{background:rgba(255,255,255,.72)}
html[data-theme="dark"] body{background:radial-gradient(circle at 88% 4%,rgba(102,148,164,.14),transparent 30rem),radial-gradient(circle at 5% 94%,rgba(180,0,11,.09),transparent 28rem),#0d0f11}
html[data-theme="dark"] .topbar,html[data-theme="dark"] .panel,html[data-theme="dark"] .agent-card,html[data-theme="dark"] .stat,html[data-theme="dark"] .property-card,html[data-theme="dark"] .auth-panel,html[data-theme="dark"] dialog{background:rgba(20,24,28,.78);border-color:rgba(255,255,255,.1);box-shadow:0 22px 60px rgba(0,0,0,.3)}
html[data-theme="dark"] .app-nav{background:rgba(20,24,28,.8);border-color:rgba(255,255,255,.12)}

/* Refined light and night themes */
html{background:#f5f6f7;overflow-x:hidden;color-scheme:light}html[data-theme="dark"]{color-scheme:dark}body{width:100%;max-width:100%;overflow-x:hidden;background:#f5f6f7;color:var(--ink);transition:background-color .32s ease,color .32s ease}body:before{display:none}
:root{--ivory:#f5f6f7;--stone:#eceff1;--card:#fff;--line:rgba(18,22,26,.12);--muted:#687078;--ink:#14171a;--soft-ink:#252a2e;--shadow:0 20px 60px rgba(16,24,32,.08);--shadow-soft:0 8px 28px rgba(16,24,32,.055)}
.topbar{background:rgba(255,255,255,.9);border-color:var(--line)}.workspace{width:100%;min-width:0}.panel,.stat,.agent-card,.property-card,.auth-panel{background:var(--card)}
.primary,.secondary,.text-button,.link-button,.favorite,.icon-button,.client-mode,.client-mode button,.stage,.stage-select,.search-panel,dialog,.seller-task,.agent-task{border-radius:8px}.primary,.secondary,.link-button{transition:transform .18s ease,background-color .22s ease,color .22s ease,box-shadow .22s ease}.primary:active,.secondary:active,.link-button:active{transform:scale(.975)}
.screen-header{text-align:center;margin-left:auto;margin-right:auto}.screen-header>p:last-child{margin-left:auto;margin-right:auto}.screen-header .eyebrow{display:block}.empty{text-align:center;padding:38px 20px}
.workspace:not([hidden])>*{animation:surfaceIn .42s cubic-bezier(.2,.75,.25,1) both}.property-card{animation:cardIn .42s cubic-bezier(.2,.75,.25,1) both;transition:transform .22s ease,box-shadow .22s ease}.property-card:active{transform:scale(.985)}dialog[open]{animation:dialogIn .24s cubic-bezier(.2,.8,.3,1) both}dialog::backdrop{animation:backdropIn .2s ease both}
@keyframes surfaceIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes cardIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes dialogIn{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}@keyframes backdropIn{from{opacity:0}to{opacity:1}}

html[data-theme="dark"]{--ivory:#0d0f11;--stone:#202429;--card:#15181b;--line:rgba(255,255,255,.12);--muted:#a3aab1;--ink:#f5f6f7;--soft-ink:#e5e8ea;--shadow:0 22px 66px rgba(0,0,0,.34);--shadow-soft:0 10px 32px rgba(0,0,0,.22);background:#0d0f11}html[data-theme="dark"] body{background:#0d0f11;color:var(--ink)}html[data-theme="dark"] .topbar{background:rgba(18,21,24,.92)}html[data-theme="dark"] .brand img{filter:brightness(0) invert(1)}html[data-theme="dark"] .avatar{color:#fff;border-color:rgba(255,255,255,.72)}html[data-theme="dark"] .panel,html[data-theme="dark"] .stat,html[data-theme="dark"] .agent-card,html[data-theme="dark"] .property-card,html[data-theme="dark"] .auth-panel,html[data-theme="dark"] dialog{background:#15181b;color:var(--ink)}html[data-theme="dark"] .property-body,html[data-theme="dark"] .property-footer{background:#15181b}html[data-theme="dark"] .contact,html[data-theme="dark"] .seller-row,html[data-theme="dark"] .request-row,html[data-theme="dark"] .feedback,html[data-theme="dark"] .performance div,html[data-theme="dark"] .seller-task,html[data-theme="dark"] .agent-task{background:#1d2125;color:var(--ink)}html[data-theme="dark"] .secondary,html[data-theme="dark"] .link-button{background:#20252a;color:#f5f6f7;border-color:rgba(255,255,255,.16)}html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#101316!important;color:#f5f6f7!important;border-color:#50575e!important}html[data-theme="dark"] .app-nav{background:rgba(19,22,25,.96);border-color:rgba(255,255,255,.14)}html[data-theme="dark"] .app-nav button{color:#929aa1;border-color:rgba(255,255,255,.08)}html[data-theme="dark"] .app-nav button.active{background:#252a2f;color:#ff4b52}html[data-theme="dark"] .stage{background:#202c2a;color:#83c6b6}html[data-theme="dark"] .property-detail-copy>p{color:var(--muted)}

@media(max-width:680px){
  main,.workspace,.auth-gate{max-width:100%;overflow-x:clip}.workspace{padding-left:18px;padding-right:18px}.topbar{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}.screen-header{max-width:92%}.screen-header h1{overflow-wrap:anywhere}.section-heading{gap:10px}.section-heading>div{min-width:0}.section-heading h2{overflow-wrap:anywhere}.button-row{width:100%}.button-row>*{flex:1;min-width:0;text-align:center}.canonical-profile{text-align:center;align-items:center}.canonical-profile .agent-person{flex-direction:column;text-align:center}.canonical-profile .primary{width:min(100%,320px)}
  .property-grid{width:calc(100% + 36px);max-width:none}.property-card{border-radius:12px;overflow:hidden}.property-card>.property-footer{background:var(--card)}.search-panel{width:100%;overflow:hidden}.search-panel>*{min-width:0}
  dialog{margin:auto;inset:0;max-width:calc(100% - 24px)}dialog form{max-width:100%;overflow:hidden}.form-pair>*{min-width:0}.auth-panel{width:100%;max-width:100%;overflow:hidden}.auth-form{width:100%;min-width:0}.auth-form input{max-width:100%;box-sizing:border-box}
}
@media(prefers-reduced-motion:reduce){.workspace:not([hidden])>*,.property-card,dialog[open],dialog::backdrop{animation:none!important}}

/* Production mobile refinement */
.property-open{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.property-card>.property-footer{padding:0 20px 20px}.favorite{width:auto;height:36px;padding:0 14px;border:1px solid rgba(17,16,15,.2);font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;background:transparent;color:var(--ink)}
.app-nav{background:rgba(250,248,244,.96);border:1px solid rgba(17,16,15,.13);border-radius:18px;box-shadow:0 16px 48px rgba(17,16,15,.16);overflow:hidden}.app-nav button{color:#77716a;border-right:1px solid rgba(17,16,15,.08)}.app-nav button.active{color:var(--red);background:#fff}.app-nav button.active:after{content:"";position:absolute;top:0;width:26px;height:2px;background:var(--red)}.app-nav button{position:relative}
dialog input,dialog select,dialog textarea,.auth-form input,.profile-screen-form input,.profile-screen-form select{border:1.5px solid #b9b1a7!important;background:#fff!important;box-shadow:inset 0 1px 2px rgba(17,16,15,.035)}dialog input:focus,dialog select:focus,dialog textarea:focus,.auth-form input:focus{border-color:var(--red)!important;outline:3px solid rgba(180,0,11,.1)!important;outline-offset:0}
.photo-editor{width:min(100%,360px);height:auto!important;aspect-ratio:1;border-radius:4px;margin-inline:auto}.photo-editor span{background-position:center;background-size:cover}.canonical-profile .agent-photo{width:88px;height:88px;aspect-ratio:1;object-fit:cover}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin-top:1px}.settings-grid .panel{margin:0}.settings-grid h2{font:500 34px/1 "Playfair Display",serif;margin:0 0 12px}.settings-grid p:not(.eyebrow){color:var(--muted);line-height:1.65;font-size:12px}.link-button{display:inline-grid;place-items:center;text-decoration:none}
.agent-task{width:100%;display:grid;grid-template-columns:30px 1fr;align-items:center;gap:13px;border:1px solid var(--line);background:#fff;padding:16px;text-align:left;color:var(--ink)}.agent-task>span{width:27px;height:27px;border:1px solid #aaa197;display:grid;place-items:center}.agent-task strong,.agent-task small{display:block}.agent-task small{margin-top:5px;color:var(--muted);font-size:10px}.agent-task.complete{opacity:.58}.agent-task.complete strong{text-decoration:line-through}
.property-dialog{width:min(760px,calc(100% - 24px));padding:0;overflow:hidden}.property-dialog article{position:relative}.property-close{position:absolute;right:16px;top:16px;z-index:2;background:rgba(250,248,244,.94)}.property-detail-image{min-height:330px;background:linear-gradient(135deg,#d8d2c8,#bdb5aa);background-position:center;background-size:cover}.property-detail-copy{padding:34px}.property-detail-copy h2{font:500 clamp(36px,5vw,58px)/.95 "Playfair Display",serif;margin:0 0 14px}.property-detail-copy>p{color:var(--muted);line-height:1.6}.property-detail-price{font:500 30px/1 "Playfair Display",serif;color:var(--ink)!important}.detail-actions{display:flex;gap:9px;margin-top:24px}

@media(max-width:680px){
  .workspace{padding-top:32px}.screen-header{margin:6px 0 30px}.screen-header h1{font-size:44px;line-height:.94;letter-spacing:-.035em}.screen-header>p:last-child{font-size:14px;line-height:1.55}.section-heading h2{font-size:30px}.property-card{flex-basis:88vw}.property-image{height:240px}.property-price{font-size:25px}
  .app-nav{width:calc(100% - 24px);height:66px;bottom:max(8px,env(safe-area-inset-bottom))}.app-nav span{font-size:6.5px;letter-spacing:.04em}.app-nav svg{width:18px;height:18px}
  dialog{max-height:calc(100dvh - 28px);overflow:auto;border-radius:18px;width:calc(100% - 24px)}dialog form{padding:25px 22px;gap:14px}.dialog-heading h2{font-size:34px}.icon-button{border-radius:50%;border:1px solid var(--line);background:#fff}.photo-editor{width:min(100%,300px)}
  .settings-grid{grid-template-columns:1fr}.canonical-profile{gap:18px}.canonical-profile h2{font-size:30px}.canonical-profile .agent-person{align-items:center}.settings-grid h2{font-size:30px}
  .property-detail-image{min-height:260px}.property-detail-copy{padding:26px 22px}.property-detail-copy h2{font-size:38px}.detail-actions{display:grid}.auth-visual{display:none}.auth-gate{min-height:calc(100dvh - 70px)}.auth-panel{padding:34px 22px}.auth-form h2{font-size:42px}
}

/* Final theme precedence */
.app-nav{background:rgba(255,255,255,.96);border-color:rgba(18,22,26,.13)}.app-nav button.active{background:#f7f8f9}.photo-editor{border-radius:8px}.property-detail-copy,.property-card>.property-footer{background:var(--card)}
html[data-theme="dark"] .app-nav{background:rgba(19,22,25,.96);border-color:rgba(255,255,255,.14)}html[data-theme="dark"] .app-nav button.active{background:#252a2f;color:#ff4b52}html[data-theme="dark"] .property-detail-copy,html[data-theme="dark"] .property-card>.property-footer{background:#15181b}

/* Final pearl glass identity — mirrors the native app icon */
body{background:radial-gradient(circle at 88% 4%,rgba(102,148,164,.13),transparent 31rem),radial-gradient(circle at 5% 94%,rgba(180,0,11,.065),transparent 28rem),#f7f9fa}
.topbar{background:rgba(255,255,255,.78);border-bottom:1px solid rgba(255,255,255,.9);box-shadow:0 8px 34px rgba(19,34,43,.07);-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%)}
.panel,.agent-card,.stat,.property-card,.auth-panel,dialog{background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.92);box-shadow:0 20px 55px rgba(19,34,43,.075);-webkit-backdrop-filter:blur(22px) saturate(135%);backdrop-filter:blur(22px) saturate(135%)}
.property-card{border-radius:16px;overflow:hidden}.property-card:hover{transform:translateY(-3px);box-shadow:0 26px 65px rgba(19,34,43,.12)}
.primary,.secondary,.link-button,.text-button{border-radius:8px}.primary{box-shadow:0 9px 24px rgba(180,0,11,.16)}
.app-nav{background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.92);box-shadow:0 20px 55px rgba(19,34,43,.16);-webkit-backdrop-filter:blur(26px) saturate(160%);backdrop-filter:blur(26px) saturate(160%)}
.app-nav button.active{background:rgba(255,255,255,.72)}
html[data-theme="dark"] body{background:radial-gradient(circle at 88% 4%,rgba(102,148,164,.14),transparent 30rem),radial-gradient(circle at 5% 94%,rgba(180,0,11,.09),transparent 28rem),#0d0f11}
html[data-theme="dark"] .topbar,html[data-theme="dark"] .panel,html[data-theme="dark"] .agent-card,html[data-theme="dark"] .stat,html[data-theme="dark"] .property-card,html[data-theme="dark"] .auth-panel,html[data-theme="dark"] dialog{background:rgba(20,24,28,.78);border-color:rgba(255,255,255,.1);box-shadow:0 22px 60px rgba(0,0,0,.3)}
html[data-theme="dark"] .app-nav{background:rgba(20,24,28,.8);border-color:rgba(255,255,255,.12)}