@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#202a25;--muted:#758078;--green:#286b48;--line:#e6e9e4;--paper:#f6f7f4}*{box-sizing:border-box}html,body{height:100%;margin:0}body{overflow:hidden;color:var(--ink);background:var(--paper);font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button{cursor:pointer;color:inherit}.topbar{height:68px;position:relative;z-index:600;background:#fff;border-bottom:1px solid #e9ece8;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-shadow:0 2px 8px #202a2508}.brand{display:flex;gap:9px;align-items:center;color:inherit;text-decoration:none;font:800 18px Manrope;letter-spacing:-1px;flex-shrink:0}.brand>b{display:grid;place-items:center;background:var(--green);color:white;border-radius:10px;width:34px;height:34px;font:800 24px Georgia}.brand small{display:block;font:700 7px 'DM Sans';letter-spacing:1px;color:#849087;margin-top:1px}.modules{display:flex;gap:5px;padding:4px;background:#f2f4f1;border-radius:11px}.module{border:0;background:transparent;border-radius:8px;padding:9px 18px;color:#69756c;font-size:12px;font-weight:600}.module.active{background:#fff;color:#275d3e;box-shadow:0 1px 4px #1e2b221a}.account-actions{display:flex;gap:8px;align-items:center}.account-actions button{border:0;background:transparent;padding:9px 12px;font-size:11px}.account-actions .post{background:#24372c;color:#fff;border-radius:8px;font-weight:700;padding:10px 13px}.map-app{height:calc(100dvh - 68px);min-height:400px;position:relative;background:#e7eddf;isolation:isolate}#map{position:absolute;inset:0;z-index:1;background:#e9efe4}.leaflet-container{font:12px 'DM Sans',sans-serif}.leaflet-control-attribution{font-size:9px!important;background:#ffffffd9!important;border-radius:4px 0 0 0;padding:2px 5px!important}.leaflet-control-attribution a{color:#385f43!important}.leaflet-control-zoom{display:none!important}.map-controls{position:absolute;z-index:450;top:18px;left:20px;width:min(410px,calc(100vw - 40px));display:grid;grid-template-columns:1fr auto auto;gap:7px}.searchbar{height:46px;display:flex;align-items:center;background:#fff;border:1px solid #e4e8e2;border-radius:11px;box-shadow:0 4px 16px #24332915;padding:0 12px;min-width:0}.searchbar>span{font-size:21px;color:#78837b;margin-right:8px}.searchbar input{border:0;outline:0;min-width:0;width:100%;font-size:12px;color:#27352b;background:transparent}.searchbar input::placeholder{color:#9aa39b}.control-button{height:46px;border:1px solid #e4e8e2;border-radius:10px;background:#fff;box-shadow:0 4px 16px #24332915;padding:0 12px;font-size:11px;font-weight:600;color:#435249;white-space:nowrap}.locate{display:flex;align-items:center;gap:7px}.locate>span:first-child{color:#32754b;font-size:18px}.filter-toggle{min-width:45px}.filterbox{position:absolute;top:54px;left:0;width:min(410px,calc(100vw - 40px));display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px #1f332322}.filterbox label{display:grid;gap:5px;font-size:10px;color:#68756b}.filterbox input,.filterbox select{width:100%;height:35px;border:1px solid #e1e6df;border-radius:7px;padding:0 8px;background:white;font-size:11px}.filterbox .wide{grid-column:1/-1}.filterbox button{border:0;border-radius:7px;height:35px;background:#f0f3ef;font-size:10px}.filterbox button.apply{background:var(--green);color:white;font-weight:700}.suggestions{position:absolute;top:53px;left:0;width:min(290px,100%);background:#fff;padding:5px;border-radius:10px;box-shadow:0 6px 20px #24332920}.suggestions button{display:block;border:0;background:none;border-radius:6px;text-align:left;width:100%;padding:10px;color:#435249;font-size:11px}.suggestions button:hover{background:#f2f5f1}.map-tools{position:absolute;z-index:400;top:18px;right:377px;display:grid;gap:6px}.map-tools button{width:38px;height:38px;border:1px solid #e1e6df;border-radius:9px;background:#fff;box-shadow:0 3px 12px #24332918;font-size:20px;color:#47584c}.map-note{position:absolute;z-index:400;left:20px;bottom:16px;display:flex;align-items:center;gap:7px;padding:8px 11px;background:#fff;border:1px solid #e5e9e3;border-radius:20px;box-shadow:0 3px 12px #24332915;font-size:10px;color:#536057}.map-note button{border:0;border-left:1px solid #e5e9e3;background:transparent;padding-left:9px;font-size:10px;color:#32734c}.live-dot{width:7px;height:7px;border-radius:50%;background:#50a56b;box-shadow:0 0 0 3px #50a56b22}.map-stats{position:absolute;z-index:400;bottom:17px;left:50%;transform:translateX(-50%);display:flex;align-items:baseline;gap:6px;white-space:nowrap;background:#263b2e;color:white;border-radius:9px;padding:8px 12px;box-shadow:0 4px 15px #1c2a2080}.map-stats b{font:800 17px Manrope;color:#bee2b4}.map-stats span{font-size:9px}.map-stats small{font-size:8px;color:#c3d0c5;margin-left:3px}.results-panel{position:absolute;z-index:400;right:16px;top:16px;bottom:16px;width:342px;background:#fffffffa;border:1px solid #e2e7e0;border-radius:14px;box-shadow:0 6px 22px #26332920;display:flex;flex-direction:column;overflow:hidden;transition:transform .22s,width .22s}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;padding:17px 16px 11px;border-bottom:1px solid #edf0eb}.panel-head small{font-size:8px;letter-spacing:1.2px;color:#688372;font-weight:700}.panel-head h1{font:700 16px Manrope;margin:5px 0 3px;letter-spacing:-.4px}.panel-head p{font-size:10px;color:#7c867f;margin:0}.panel-head>button{width:29px;height:29px;border:0;border-radius:8px;background:#f1f4f0;font-size:17px;color:#66746a}.cards{padding:6px 10px;overflow:auto;flex:1}.card{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:9px 6px;border-bottom:1px solid #edf0eb;cursor:pointer;border-radius:8px}.card:hover,.card.selected{background:#f4f7f2}.photo{height:77px;position:relative;border-radius:8px;overflow:hidden;background:#e7ece5}.photo img{width:100%;height:100%;object-fit:cover}.photo label,.photo mark{position:absolute;left:5px;top:5px;border:0;border-radius:4px;background:#fffffff0;padding:4px 5px;font-size:8px;color:#4e5c52}.photo mark{left:auto;right:5px;background:#f8edd2;color:#70552b}.heart{position:absolute;right:5px;bottom:5px;border:0;border-radius:50%;width:23px;height:23px;background:#fff;color:#45604e;font-size:15px;line-height:1}.info{min-width:0;padding:2px 0}.info h2{font:700 11px/1.4 Manrope;margin:0 0 5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.info>strong{font:700 12px Manrope;color:#32734c}.info>strong small{font:400 9px 'DM Sans';color:#859087}.meta{font-size:8px;color:#758078;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.place{font-size:8px;color:#68766d;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-foot{border-top:1px solid #edf0eb;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;color:#8a948c;font-size:8px}.panel-foot button{border:0;background:none;color:#53735d;font-size:9px}.results-panel.collapsed{height:auto;bottom:auto}.results-panel.collapsed .cards,.results-panel.collapsed .empty,.results-panel.collapsed .panel-foot{display:none}.results-panel.collapsed .panel-head{border:0;padding-bottom:14px}.results-panel.collapsed .panel-head>button{transform:rotate(180deg)}.show-results{display:none}.map-privacy{position:absolute;z-index:300;bottom:2px;left:20px;transform:translateY(100%);font-size:8px;color:#5d6a60}.empty{padding:26px 16px;text-align:center;font-size:11px;line-height:1.7;color:#738077}.empty small{font-size:9px}.pin{width:max-content;min-width:38px;height:30px;padding:0 9px;border:2px solid #fff;border-radius:17px 17px 17px 3px;transform:rotate(-45deg);background:#276a47;color:#fff;box-shadow:0 2px 6px #21332950;font:700 10px 'DM Sans';display:grid;place-items:center}.pin>span{transform:rotate(45deg)}.pin.sale{background:#355d81}.pin.goods{background:#b27d39}.pin.active{background:#202b25;z-index:100!important;transform:rotate(-45deg) scale(1.2)}.you-dot{width:18px;height:18px;border:4px solid white;border-radius:50%;background:#357feb;box-shadow:0 0 0 8px #357feb30,0 2px 7px #2228}.veil{position:fixed;inset:0;background:#17231dcc;z-index:1000;display:grid;place-items:center;padding:16px}.dialog{background:white;border-radius:15px;padding:25px;width:min(470px,100%);max-height:90dvh;overflow:auto;position:relative;box-shadow:0 15px 50px #14221955}.dialog h2{font:700 20px Manrope;margin:8px 0}.dialog p{font-size:11px;color:#758078;line-height:1.6}.dialog label{display:grid;gap:6px;margin-top:12px;font-size:10px;color:#6a776e}.dialog input,.dialog select{border:1px solid #e2e7e1;border-radius:7px;height:37px;padding:0 9px;background:white}.dialog aside{background:#f3f6f1;padding:11px;border-radius:8px;color:#748077;font-size:10px;line-height:1.5;margin-top:12px}.dialog .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.actions button{background:#eef0ec;border:0;border-radius:7px;padding:10px 12px;font-size:10px}.actions .green{background:#286b48;color:white}.dialog .detailimg{width:100%;height:185px;object-fit:cover;border-radius:9px;margin-bottom:12px}.price{color:#32734c}.x{position:absolute;right:13px;top:13px;width:28px;height:28px;border:0;border-radius:50%;font-size:18px;background:#f1f3ef}.check{display:flex!important;align-items:center}.check input{height:auto!important}#toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);opacity:0;background:#233b2c;color:#fff;padding:12px 16px;border-radius:8px;font-size:11px;transition:.2s;z-index:1200;pointer-events:none;box-shadow:0 5px 18px #1114}#toast.show{opacity:1;transform:translate(-50%,0)}.hidden{display:none!important}
@media(max-width:900px){.map-controls{width:min(410px,calc(100vw - 32px));left:16px}.results-panel{right:12px;width:310px}.map-tools{right:338px}.map-stats{left:25%;bottom:18px}.map-note{left:14px;bottom:17px}.map-privacy{left:14px}}
@media(max-width:640px){.topbar{height:60px;padding:0 12px;gap:8px}.brand{gap:6px;font-size:16px}.brand>b{width:30px;height:30px}.brand small{font-size:6px}.modules{gap:1px;padding:3px}.module{padding:8px 9px;font-size:10px}.account-actions{gap:2px}.account-actions #login{display:none}.account-actions .post{font-size:10px;padding:9px}.map-app{height:calc(100dvh - 60px);min-height:420px}.map-controls{top:10px;left:10px;width:calc(100vw - 20px);grid-template-columns:minmax(0,1fr) auto auto;gap:5px}.searchbar{height:42px;padding:0 9px}.searchbar input{font-size:11px}.control-button{height:42px;padding:0 9px;font-size:10px}.locate{width:42px;justify-content:center;padding:0}.locate-text{display:none}.filter-toggle{min-width:42px}.filter-toggle span{display:none}.filterbox{top:48px;width:min(410px,calc(100vw - 20px))}.suggestions{top:48px}.results-panel{left:0;right:0;top:auto;bottom:0;width:auto;height:min(45dvh,360px);border-radius:16px 16px 0 0;border-bottom:0;transform:translateY(calc(100% - 53px));transition:transform .25s;height:min(49dvh,380px)}.results-panel.open{transform:translateY(0)}.panel-head{padding:10px 14px 8px;min-height:54px;cursor:pointer}.panel-head h1{font-size:14px;margin:3px 0}.panel-head small{font-size:7px}.panel-head p{font-size:9px}.panel-head>button{width:28px;height:28px}.cards{padding:2px 9px}.card{grid-template-columns:82px 1fr;padding:7px 5px;gap:8px}.photo{height:68px}.info h2{font-size:10px}.info>strong{font-size:11px}.place,.meta{font-size:8px}.panel-foot{padding:8px 12px}.map-tools{top:auto;bottom:78px;right:12px;gap:5px}.map-tools button{width:34px;height:34px}.map-note{left:10px;bottom:58px;font-size:9px;padding:7px 9px}.map-note button{font-size:9px}.map-stats{left:auto;right:11px;bottom:58px;transform:none;padding:6px 9px;gap:4px}.map-stats b{font-size:14px}.map-stats span{font-size:8px}.map-stats small{display:none}.map-privacy{display:none}.show-results{display:none}}

/* Page frame: compact header, generous map, reserved ad inventory, compact footer. */
body{overflow-x:hidden;overflow-y:auto}.topbar{height:auto;min-height:76px;padding:9px max(calc((100% - 1440px)/2),3vw);gap:18px}.slogan{display:grid;gap:3px;min-width:150px;flex:1;padding-left:4px}.slogan strong{font:700 12px Manrope;color:#2d4736}.slogan span{font-size:10px;color:#7b877e}.map-app{height:78dvh;min-height:560px;max-height:980px;width:100%;margin:0 auto}.ad-section{max-width:1440px;margin:0 auto;padding:28px max(24px,3vw) 30px}.ad-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.ad-heading small{font-size:8px;font-weight:700;letter-spacing:1.3px;color:#6f8574}.ad-heading h2{font:700 19px Manrope;letter-spacing:-.5px;margin:5px 0 0}.ad-heading p{max-width:340px;margin:0;color:#7d8980;font-size:10px;text-align:right;line-height:1.5}.ad-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ad-slot{height:104px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;padding:14px 16px;border:1px dashed #cbd6cb;border-radius:11px;background:linear-gradient(115deg,#f2f5f0,#f8f9f7);color:#6e7a71}.ad-slot>span{font-size:7px;letter-spacing:1px;color:#87948a}.ad-slot>b{font:600 12px Manrope;color:#56665a}.ad-slot>small{font-size:9px;color:#929b94}.site-footer{min-height:76px;border-top:1px solid #e7ebe6;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px max(calc((100% - 1440px)/2),3vw);color:#849087}.site-footer .brand{font-size:16px}.site-footer .brand>b{width:29px;height:29px;font-size:20px;border-radius:8px}.site-footer .brand small{font-size:6px}.site-footer nav{display:flex;gap:22px}.site-footer nav a{color:#647168;text-decoration:none;font-size:9px}.site-footer nav a:hover{color:var(--green)}.site-footer>small{white-space:nowrap;font-size:8px}
@media(max-width:1000px){.topbar{padding-left:20px;padding-right:20px;gap:12px}.slogan{min-width:115px}.slogan strong{font-size:10px}.slogan span{font-size:8px}.module{padding-left:12px;padding-right:12px}.ad-section{padding-left:20px;padding-right:20px}.site-footer{padding-left:20px;padding-right:20px}.site-footer nav{gap:13px}}
@media(max-width:640px){.topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:34px 28px;gap:5px 8px;min-height:76px;padding:7px 10px}.topbar .brand{grid-column:1;grid-row:1}.slogan{grid-column:2;grid-row:1;min-width:0;padding:0;gap:1px;align-self:center}.slogan strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slogan span{font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .modules{grid-column:1/4;grid-row:2;justify-self:center}.topbar .module{padding:6px 14px;font-size:9px}.account-actions{grid-column:3;grid-row:1}.account-actions .post{padding:8px 9px;font-size:9px}.map-app{height:72dvh;min-height:490px;max-height:none}.ad-section{padding:22px 12px 24px}.ad-heading{display:block;margin:0 3px 12px}.ad-heading h2{font-size:16px}.ad-heading p{text-align:left;font-size:9px;margin-top:5px}.ad-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ad-slot{height:94px;padding:10px;border-radius:9px}.ad-slot>b{font-size:10px}.ad-slot>small{font-size:8px}.site-footer{min-height:76px;padding:10px 12px;display:grid;grid-template-columns:1fr auto;gap:8px}.site-footer nav{grid-column:1/3;grid-row:2;display:flex;flex-wrap:wrap;gap:8px 15px}.site-footer nav a{font-size:8px}.site-footer>small{font-size:7px}}

/* Keep the map as the primary full-screen experience; advertising follows below it. */
.map-app{height:calc(100svh - 76px);min-height:620px;max-height:none}
.pin.services{background:#8553a5}
.listing-tooltip{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.listing-tooltip:before{display:none!important}
.map-popup{width:238px;display:grid;gap:6px;padding:12px;border:1px solid #e4e9e2;border-radius:11px;background:#fff;color:var(--ink);box-shadow:0 8px 28px #1f332333;font:11px 'DM Sans',sans-serif;white-space:normal}
.map-popup small{font-size:9px;color:#758078}
.map-popup b{font:700 12px/1.35 Manrope,sans-serif}
.map-popup strong{color:var(--green);font:700 12px Manrope,sans-serif}
.map-popup span{font-size:10px;line-height:1.45;color:#67736a}
.map-popup button{border:0;border-top:1px solid #edf0eb;padding:8px 0 0;background:transparent;text-align:left;color:var(--green);font-size:10px;font-weight:700}
@media(max-width:640px){.map-app{height:calc(100svh - 76px);min-height:520px}.topbar .modules{max-width:100%;overflow-x:auto;justify-self:stretch;justify-content:center}.topbar .module{padding-left:clamp(8px,3vw,14px);padding-right:clamp(8px,3vw,14px);white-space:nowrap}}

/* Bilingual controls and readable long-form notice. */
.listing-tooltip.leaflet-tooltip-interactive{pointer-events:auto}
.veil.disclaimer-open .dialog{width:min(780px,100%);padding:25px clamp(18px,4vw,34px)}
.disclaimer-body{color:#38443b;font-size:12px;line-height:1.65}
.disclaimer-body h3{margin:20px 0 5px;color:#274b34;font:700 13px Manrope,sans-serif}
.disclaimer-body p{margin:7px 0 10px;font-size:11px;line-height:1.65}
.disclaimer-body a{color:#286b48;text-decoration:underline;text-underline-offset:2px}
.disclaimer-body .disclaimer-stamp{margin-top:18px;border-top:1px solid #e7ebe6;padding-top:12px;color:#778278;font-size:10px}

/* Adjacent language choices, stable address-group popup and apartment labels. */
.language-choices{display:flex;align-items:center;gap:3px;padding:3px;background:#f1f4f0;border:1px solid #e3e8e2;border-radius:10px;flex-shrink:0}
.lang-option{display:inline-flex!important;align-items:center;gap:4px;border:0!important;border-radius:7px;background:transparent!important;padding:6px 7px!important;color:#68756b;font-size:9px!important;font-weight:700}
.lang-option.active{background:#fff!important;color:#275d3e;box-shadow:0 1px 4px #1e2b221a}
.lang-option span:first-child{font-size:15px;line-height:1}
.listing-popup .leaflet-popup-content-wrapper{padding:0;border-radius:13px;box-shadow:0 10px 30px #1b2a2040}
.listing-popup .leaflet-popup-content{margin:0;width:320px!important;max-width:min(320px,calc(100vw - 52px));}
.building-popup{max-height:min(65dvh,500px);overflow:auto;display:grid;gap:8px;padding:14px;color:var(--ink);font:11px 'DM Sans',sans-serif}
.building-popup>small{font-size:8px;letter-spacing:1px;color:#718076;font-weight:700}
.building-popup>b{font:700 14px Manrope,sans-serif;color:#27372d}
.building-list{display:grid;gap:9px}
.floor-group{display:grid;gap:5px;border-top:1px solid #e9ede8;padding-top:8px}
.floor-group>strong{font:700 10px Manrope;color:#506257}
.popup-listing{position:relative;display:grid;grid-template-columns:1fr auto;gap:4px 7px;padding:8px;border:1px solid #e6ebe5;border-radius:8px;background:#fafbf9}
.popup-listing>span{font-size:8px;color:#758078}
.popup-listing>b{grid-column:1/-1;font:700 10px/1.4 Manrope}
.popup-listing>em{align-self:center;color:var(--green);font-style:normal;font-size:10px;font-weight:700}
.popup-listing>button{justify-self:end;border:0;border-radius:6px;background:#286b48;color:white;padding:6px 8px;font-size:9px;font-weight:700}
.unit-address{font-size:8px;color:#496651;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.unit-address-detail{padding:8px 10px;border-radius:7px;background:#f3f6f1;color:#5a685e;font-size:10px}
@media(max-width:640px){.account-actions{gap:3px}.language-choices{gap:1px;padding:2px}.lang-option{gap:2px;padding:5px 5px!important;font-size:8px!important}.lang-option span:first-child{font-size:13px}.account-actions .post{padding:8px 7px;font-size:8px}.listing-popup .leaflet-popup-content{max-width:calc(100vw - 48px)}}
.building-hint{margin:0;color:#758078;font-size:9px;line-height:1.45}

/* Optional poster profiles, gated contact flow and service feedback demo. */
.poster-profile{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px;margin:13px 0;border:1px solid #e7ece5;border-radius:10px;background:#fafbf9}
.poster-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#dcebdd;color:#286b48;font:800 13px Manrope,sans-serif;letter-spacing:-.3px}
.poster-profile-main{min-width:0;display:grid;gap:3px}
.poster-profile-main>b{font:700 11px Manrope,sans-serif;color:#29382e}
.poster-profile-main>span,.verification-state{font-size:9px;color:#768279}
.verification-state{color:#a27632}
.profile-rating{display:grid;justify-items:end;gap:2px}
.profile-rating strong{color:#a87922;font:700 12px Manrope,sans-serif}
.profile-rating small{font-size:8px;color:#879188;white-space:nowrap}
.avatar-note{grid-column:1/-1;margin:0!important;color:#879188!important;font-size:8px!important}
.rating-summary{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:4px 8px;padding:11px;margin:10px 0;border-radius:9px;background:#fff9ed;border:1px solid #f0e4c9}
.rating-summary>strong{color:#a87922;font:700 14px Manrope,sans-serif}
.rating-summary>span{font-size:9px;color:#7c8178}
.rating-summary>small{grid-column:1/-1;font-size:9px;line-height:1.5;color:#80867e}
.review-action{display:block;width:100%;border:0;border-radius:7px;padding:10px;margin-top:10px;font-size:10px;font-weight:700}
.confirm-hint{display:block;margin-top:6px;color:#7b867d;font-size:9px;text-align:center}
.card-rating{margin-top:4px;color:#a87922;font-size:9px;font-weight:700}
.card-rating small{color:#879188;font-size:8px;font-weight:400}
.star-picker{display:flex;gap:5px;margin:12px 0}
.star-picker button{width:40px;height:40px;border:1px solid #e6e9e4;border-radius:8px;background:#fafbf9;color:#bac1bb;font-size:23px}
.star-picker button.selected,.star-picker button:hover{background:#fff8e8;border-color:#ead7aa;color:#d49a26}
.dialog textarea{width:100%;min-height:84px;resize:vertical;border:1px solid #e2e7e1;border-radius:7px;padding:9px;background:white;font:11px/1.5 'DM Sans',sans-serif;color:var(--ink)}
.dialog button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:480px){.poster-profile{grid-template-columns:38px minmax(0,1fr) auto;padding:9px;gap:7px}.poster-avatar{width:38px;height:38px}.profile-rating small{white-space:normal;text-align:right;max-width:70px}}

/* Admin dashboard prototype. */
.admin-body{min-height:100%;height:auto;overflow:auto;background:#f4f6f3;color:#26342a}.admin-topbar{height:64px;position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:#fff;border-bottom:1px solid #e5eae4}.admin-topbar>div{display:flex;align-items:center;gap:18px}.demo-badge{border:1px solid #efdfba;border-radius:20px;padding:6px 10px;background:#fff9ea;color:#88621e;font-size:8px;font-weight:700;letter-spacing:.4px}.back-link{color:#42654d;text-decoration:none;font-size:10px;font-weight:700}.admin-shell{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100dvh - 64px)}.admin-sidebar{position:sticky;top:64px;align-self:start;height:calc(100dvh - 64px);padding:22px 13px;background:#fff;border-right:1px solid #e6ebe5;display:flex;flex-direction:column;gap:5px}.admin-sidebar>small{padding:4px 10px 13px;font-size:8px;font-weight:700;letter-spacing:1.1px;color:#8a968d}.admin-nav{width:100%;display:flex;align-items:center;gap:10px;border:0;border-radius:7px;padding:10px;color:#69766d;background:transparent;text-align:left;font-size:12px}.admin-nav:hover{background:#f3f6f2}.admin-nav.active{background:#eaf2e9;color:#286b48;font-weight:700}.admin-nav i{margin-left:auto;border-radius:10px;padding:2px 6px;background:#f8ead3;color:#936622;font-size:8px;font-style:normal}.sidebar-foot{margin-top:auto;border-top:1px solid #e8ece7;padding:13px 8px 0;color:#8b958d;font-size:8px;line-height:1.7}.admin-content{min-width:0;padding:27px clamp(18px,3vw,42px) 50px}.admin-view{display:none}.admin-view.active{display:block}.admin-page-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:21px}.admin-page-title>div>small{color:#65816c;font-size:8px;letter-spacing:1.3px;font-weight:700}.admin-page-title h1{margin:5px 0 4px;font:700 22px Manrope,sans-serif;letter-spacing:-.5px}.admin-page-title p,.panel-copy{margin:0;color:#7e8980;font-size:10px;line-height:1.55}.admin-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:15px}.admin-kpis.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-kpis article,.admin-panel{background:#fff;border:1px solid #e6ebe5;border-radius:10px;box-shadow:0 3px 12px #26332906}.admin-kpis article{padding:15px}.admin-kpis article small{display:block;color:#7d8980;font-size:9px}.admin-kpis article strong{display:block;margin:7px 0 5px;color:#29392f;font:800 24px Manrope,sans-serif}.admin-kpis article span{font-size:8px;color:#718579}.admin-kpis article span.warm{color:#ad792e}.admin-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.admin-panel{min-width:0;padding:17px;margin-bottom:14px}.admin-grid-two .admin-panel{margin:0}.admin-panel h2{margin:0 0 5px;font:700 13px Manrope,sans-serif}.admin-panel>p:not(.panel-copy):not(.form-hint){font-size:10px;color:#7b867d;line-height:1.6}.admin-panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}.admin-panel-title h2{margin:0}.admin-panel-title p{margin:4px 0 0;color:#89938b;font-size:9px}.text-button{border:0;background:transparent;color:#3b7450;font-size:9px;font-weight:700}.soft-label{padding:5px 8px;border-radius:5px;background:#f2f5f0;color:#7b877e;font-size:8px}.activity-row{display:grid;grid-template-columns:9px 1fr auto;align-items:start;gap:9px;padding:10px 0;border-top:1px solid #eef1ed}.activity-dot{width:7px;height:7px;margin-top:3px;border-radius:50%}.green-dot{background:#58a76c}.amber-dot{background:#d79c38}.blue-dot{background:#6195c5}.red-dot{background:#d66d62}.activity-row b,.activity-row small{display:block}.activity-row b{font-size:10px}.activity-row small,.activity-row time{margin-top:3px;color:#89938b;font-size:8px}.module-bars>div{margin:14px 0}.module-bars label{display:flex;justify-content:space-between;margin-bottom:6px;color:#647168;font-size:9px}.module-bars label b{color:#3c5944}.module-bars>div>span{display:block;height:7px;border-radius:5px;background:#edf1ec;overflow:hidden}.module-bars i{display:block;height:100%;border-radius:5px;background:#4c9662}.admin-callout{margin-top:14px;padding:10px 11px;border-left:3px solid #83a988;border-radius:4px;background:#f2f6f1;color:#647568;font-size:9px;line-height:1.55}.admin-table-panel{margin-top:14px}.table-scroll{overflow:auto;width:100%}.admin-panel table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}.admin-panel th{padding:9px 10px;background:#f7f8f6;color:#77837a;font-size:8px;font-weight:600}.admin-panel td{padding:10px;border-top:1px solid #edf0ec;color:#48564c;font-size:9px}.admin-panel td small{display:block;margin-top:3px;color:#879188;font-size:8px}.status-pill{display:inline-block;padding:4px 7px;border-radius:12px;font-size:8px;font-weight:700;white-space:nowrap}.status-pill.amber{background:#fff4de;color:#986d26}.status-pill.red{background:#ffeded;color:#ad5750}.status-pill.blue{background:#eaf2fa;color:#527da3}.status-pill.green{background:#eaf4e9;color:#34764a}.table-action{border:1px solid #e1e8e0;border-radius:5px;padding:5px 7px;background:#fff;color:#426b4b;font-size:8px}.small-select{max-width:155px;border:1px solid #e3e8e2;border-radius:6px;padding:7px;background:#fff;color:#68756c;font-size:9px}.role-row{display:grid;gap:3px;padding:10px 0;border-top:1px solid #edf0ec}.role-row b{font-size:10px}.role-row span{color:#829087;font-size:9px}.setting-check{display:flex;align-items:center;gap:8px;margin:11px 0;color:#57655b;font-size:9px}.setting-check input{accent-color:#286b48}.field-label{display:grid;gap:6px;margin:12px 0;color:#69766d;font-size:9px}.field-label input,.field-label select,.field-label textarea{width:100%;min-height:36px;border:1px solid #e0e6df;border-radius:6px;padding:8px 10px;background:#fff;color:#344239;font:10px 'DM Sans',sans-serif}.field-label textarea{height:72px;resize:vertical;line-height:1.5}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-primary,.admin-outline{border:0;border-radius:6px;padding:9px 12px;background:#286b48;color:white;font-size:9px;font-weight:700}.admin-outline{border:1px solid #dce5da;background:#fff;color:#42694a}.form-hint{margin:9px 0 0;color:#89938b;font-size:8px;line-height:1.6}.channel-choice{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #edf0ec}.channel-choice>div{display:grid;gap:4px}.channel-choice b{font-size:10px}.channel-choice span{font-size:8px;color:#89938b}.channel-choice>strong{color:#758078;font-size:9px;white-space:nowrap}.channel-choice.recommended>strong{color:#3f7c4d}.channel-choice.recommended b:after{content:'  · ĐỀ XUẤT';color:#458354;font-size:7px}.switch{position:relative;display:inline-block;width:34px;height:19px}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;border-radius:15px;background:#c8d0c9;cursor:pointer}.switch span:before{content:'';position:absolute;left:3px;top:3px;width:13px;height:13px;border-radius:50%;background:#fff;transition:.18s}.switch input:checked+span{background:#4a8a59}.switch input:checked+span:before{transform:translateX(15px)}.policy-grid{display:grid;grid-template-columns:1fr 1fr}.seo-state{display:flex;align-items:center;gap:8px;padding:10px 0;border-top:1px solid #eef1ed}.seo-state code{flex:1;overflow:hidden;text-overflow:ellipsis;color:#56665a;font-size:8px}.char-counter{text-align:right;color:#8a958c;font-size:8px}.upload-zone{position:relative;display:grid;justify-items:center;gap:6px;margin:14px 0;padding:24px 10px;border:1px dashed #becdbf;border-radius:8px;background:#fafcf9;text-align:center}.upload-zone>span{font-size:22px;color:#4f8c5d}.upload-zone>b{font-size:10px}.upload-zone>small{color:#849087;font-size:8px}.upload-zone input{width:100%;font-size:9px}.import-summary{margin:12px 0;padding:10px;border-radius:6px;background:#f0f6ef;color:#45684b;font-size:9px;line-height:1.5}.export-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.admin-toast{position:fixed;bottom:18px;left:50%;z-index:20;transform:translate(-50%,15px);opacity:0;transition:.2s;padding:10px 14px;border-radius:8px;background:#243b2d;color:#fff;font-size:10px;pointer-events:none}.admin-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:850px){.admin-shell{grid-template-columns:180px minmax(0,1fr)}.admin-sidebar{padding-left:8px;padding-right:8px}.admin-nav{font-size:10px}.admin-content{padding:20px 15px 40px}.admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.admin-topbar{height:58px;padding:0 12px}.demo-badge{font-size:6px;padding:5px 7px}.admin-topbar>div{gap:9px}.back-link{font-size:8px}.admin-shell{display:block}.admin-sidebar{position:sticky;top:58px;z-index:4;height:auto;padding:7px;flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid #e5eae4}.admin-sidebar>small,.sidebar-foot{display:none}.admin-nav{width:auto;flex:0 0 auto;gap:5px;padding:8px;font-size:9px}.admin-nav i{display:none}.admin-content{padding:17px 11px 35px}.admin-page-title h1{font-size:18px}.admin-page-title p{font-size:9px}.admin-kpis article{padding:11px}.admin-kpis article strong{font-size:20px}.admin-grid-two{grid-template-columns:1fr}.admin-panel{padding:13px}.policy-grid{grid-template-columns:1fr}.admin-page-title{align-items:flex-start}.admin-page-title>.admin-primary,.admin-page-title>.admin-outline{white-space:nowrap}.field-pair{gap:7px}}
.chat-demo-bubble{max-width:88%;margin:12px 0;padding:10px 12px;border-radius:10px 10px 10px 2px;background:#edf5eb;color:#46654b;font-size:10px;line-height:1.55}
.admin-phone-number{display:grid;gap:4px;margin:13px 0;padding:13px;border:1px solid #dae6d8;border-radius:9px;background:#f3f8f1;color:#286b48;font:700 18px Manrope,sans-serif;letter-spacing:.5px}.admin-phone-number small{font:400 9px 'DM Sans',sans-serif;color:#7b887e;letter-spacing:0}.direct-contact{display:grid;gap:4px;margin:12px 0;padding:11px;border:1px solid #dce9db;border-radius:9px;background:#f5f9f3}.direct-contact>b{font-size:9px;color:#65766a}.direct-contact>strong{font:700 13px Manrope,sans-serif;color:#286b48}.direct-contact>small{font-size:8px;color:#849087}.phone-consent{font-size:9px!important;line-height:1.45;color:#596a5e!important}.provider-meter{padding:11px 0;border-top:1px solid #edf0ec}.provider-meter>div{display:grid;gap:4px}.provider-meter b{font-size:10px}.provider-meter span{font-size:8px;color:#89938b}.provider-meter>i{display:block;height:7px;margin-top:8px;border-radius:8px;background:#edf1ec;overflow:hidden}.provider-meter em{display:block;height:100%;border-radius:8px;background:#53a069}.key-row{display:grid;grid-template-columns:1fr auto;gap:7px;padding:10px 0;border-top:1px solid #edf0ec}.key-row>div{display:grid;gap:4px}.key-row b{font-size:9px}.key-row small{font-size:8px;color:#89938b}.key-row input{grid-column:1/-1;width:100%;height:34px;border:1px solid #e0e6df;border-radius:6px;padding:0 9px;font-size:9px}
.admin-callout a{color:#3d7148;text-underline-offset:2px}
.editable-row{display:grid;grid-template-columns:minmax(0,1fr) 110px 55px 24px;align-items:center;gap:7px;padding:7px 0;border-top:1px solid #edf0ec}.editable-row>input,.workflow-step>input,.admin-panel td input:not([type=checkbox]){width:100%;height:29px;border:1px solid #e1e7e0;border-radius:5px;padding:0 7px;font-size:9px}.editable-row code{color:#758078;font-size:8px}.editable-row label{display:flex;align-items:center;gap:3px;color:#728076;font-size:8px}.editable-row input[type=checkbox],.admin-panel td input[type=checkbox]{accent-color:#286b48}.row-remove{border:0;border-radius:5px;background:#f6eeee;color:#a15e57;font-size:14px;line-height:20px}.filter-preview-chips{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.filter-preview-chips>span{padding:7px 9px;border:1px solid #e5ebe4;border-radius:15px;background:#fafbf9;color:#5c6b60;font-size:8px}.workflow-tabs{display:flex;gap:6px;margin:-4px 0 14px;overflow:auto}.workflow-tabs button{flex:0 0 auto;border:1px solid #e3e9e2;border-radius:6px;padding:8px 11px;background:#fff;color:#68756c;font-size:9px}.workflow-tabs button.active{border-color:#cbdccb;background:#eef5ed;color:#347248;font-weight:700}.workflow-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:9px}.workflow-flow article{min-height:112px;display:grid;align-content:start;gap:7px;padding:11px;border:1px solid #e5ebe4;border-radius:8px;background:#fafbf9}.workflow-flow article small{color:#698170;font-size:7px;letter-spacing:.6px;font-weight:700}.workflow-flow article b{font:700 10px Manrope,sans-serif}.workflow-flow article span{color:#7f8b82;font-size:8px;line-height:1.5}.workflow-flow>i{color:#6a8d6f;font-size:14px;font-style:normal;text-align:center}.workflow-step{display:grid;grid-template-columns:100px minmax(0,1fr) 155px 24px;align-items:center;gap:8px;padding:9px 0;border-top:1px solid #edf0ec}.workflow-step>b{font:700 9px Manrope,sans-serif}.workflow-step>span{color:#839087;font-size:8px;line-height:1.45}.workflow-step select{min-width:0;border:1px solid #e2e7e1;border-radius:5px;padding:6px;background:#fff;color:#657168;font-size:8px}.workflow-step>input{font:700 9px Manrope,sans-serif}.admin-panel td select{max-width:160px;border:1px solid #e2e7e1;border-radius:4px;padding:5px;font-size:8px}
@media(max-width:900px){.workflow-flow{grid-template-columns:1fr 18px 1fr}.workflow-flow>i:nth-of-type(2){display:none}.editable-row{grid-template-columns:minmax(0,1fr) 90px 52px 22px}.workflow-step{grid-template-columns:80px minmax(0,1fr) 125px 22px}}
@media(max-width:640px){.editable-row{grid-template-columns:minmax(0,1fr) 72px 47px 20px;gap:4px}.workflow-flow{grid-template-columns:1fr}.workflow-flow>i{transform:rotate(90deg)}.workflow-flow>i:nth-of-type(2){display:block}.workflow-step{grid-template-columns:70px minmax(0,1fr) 22px;gap:6px}.workflow-step>span{grid-column:2;grid-row:2}.workflow-step select{grid-column:1/3;grid-row:3}.workflow-step .row-remove{grid-column:3;grid-row:1}.admin-panel th,.admin-panel td{padding:8px 7px}}
.safety-notice{display:grid;gap:5px;margin:12px 0;padding:11px 12px;border:1px solid #eedcb7;border-left:3px solid #c48a30;border-radius:8px;background:#fff9ed;color:#6f5731}.safety-notice>b{font:700 10px Manrope,sans-serif;color:#805e24}.safety-notice>span{font-size:9px;line-height:1.55;color:#76694f}

.auth-tabs{display:flex;gap:6px;padding:4px;margin:14px 0 4px;background:#f0f4ef;border-radius:9px}.auth-tabs button{flex:1;border:0;border-radius:7px;background:transparent;padding:9px;color:#59685d;font-size:11px}.auth-tabs button.active{background:#fff;color:#245f3d;font-weight:700;box-shadow:0 1px 4px #1e2b221a}.admin-shortcut{display:inline-flex;align-items:center;padding:8px 10px;border:1px solid #e3e8e1;border-radius:8px;color:#52665a;text-decoration:none;font-size:10px;font-weight:600}.admin-shortcut:hover{background:#f2f6f1;color:#286b48}

.admin-access{display:flex;gap:6px;align-items:center}.admin-access input{width:155px;height:32px;border:1px solid #e0e5df;border-radius:7px;padding:0 8px;font:11px inherit}.admin-access .demo-badge{white-space:nowrap}.api-live strong{color:#28724a}.admin-access .hidden{display:none!important}
@media(max-width:980px){.admin-access input{width:115px}.admin-access .demo-badge{display:none}}@media(max-width:640px){.admin-access input{width:80px}.admin-access .admin-outline{padding:6px;font-size:9px}}