/* LAND VIỆT NAM V8 COMMERCIAL PRO — header contrast, tablet/mobile navigation, property detail, admin RBAC */
:root{--lv8-navy:#071b2d;--lv8-navy2:#0c3852;--lv8-gold:#f5c542;--lv8-gold2:#ffd968;--lv8-text:#142936;--lv8-muted:#687b85;--lv8-line:#dce6eb;--lv8-bg:#f5f8fa}
body{color:var(--lv8-text)!important;background:var(--lv8-bg)!important}
/* Header: never allow white text to disappear on white background. */
.lv15-header{background:#fff!important;border-bottom:1px solid #d9e3e8!important;box-shadow:0 6px 22px rgba(7,27,45,.08)!important}
.lv15-brand{color:var(--lv8-navy)!important}
.lv15-brand b{color:#081923!important;font-size:20px!important;font-weight:950!important}
.lv15-brand small{color:#687b85!important;font-weight:900!important}
.lv15-nav a,.lv15-tablet-nav a{color:#173646!important;background:transparent!important;font-weight:850!important}
.lv15-nav a:hover,.lv15-tablet-nav a:hover{color:#075c86!important;background:#edf5f8!important}
.lv15-actions{color:var(--lv8-navy)!important}
.lv15-notification-link{background:#fff!important;color:#071b2d!important;border:1px solid #cbd9e1!important;box-shadow:0 3px 12px rgba(7,27,45,.07)!important}
.lv15-notification-link:hover{background:#f4f8fa!important;border-color:#9fb8c5!important}
.lv15-favorite{background:#fff!important;color:#071b2d!important;border:1px solid #cbd9e1!important;font-weight:900!important}
.lv15-register{color:#173646!important;background:#eef4f7!important;border-radius:10px!important;padding:10px 11px!important}
.lv15-login{color:#fff!important;background:#071b2d!important;border-radius:10px!important;padding:10px 13px!important}
.lv15-user summary{background:#fff!important;color:#173646!important;border-color:#cbd9e1!important}
.lv15-user-menu{background:#fff!important;color:#173646!important}
.lv15-tablet-nav{background:#fff!important;border-top:1px solid #edf1f3!important}
.lv15-tablet-nav a.auth{color:#071b2d!important;background:#edf4f7!important;margin-left:8px!important}
.lv15-tablet-nav a.auth.login{background:#071b2d!important;color:#fff!important}
.lv15-post-btn{background:linear-gradient(135deg,#f5c542,#eab72f)!important;color:#071b2d!important}
/* Keep the hamburger available on tablet and phone. */
.lv15-menu-btn{background:#fff!important;border:1px solid #cbd9e1!important;display:none;cursor:pointer}
.lv15-menu-btn span{background:#071b2d!important}
/* Marketplace property detail */
.lv3-detail{background:#f5f8fa!important}
.lv3-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}
.lv3-topbar-left,.lv3-topbar-right{display:flex;align-items:center;gap:7px}
.lv3-back,.lv3-share{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 11px;border:1px solid #d6e2e8;border-radius:10px;background:#fff;color:#244454;text-decoration:none;font-size:11px;font-weight:900;cursor:pointer}
.lv3-back:hover,.lv3-share:hover{border-color:#a6bfcb;background:#f7fafb}
.lv3-category-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:8px}
.lv3-category-chip{display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border-radius:99px;background:#edf5f8;color:#075c86;font-size:9px;font-weight:950}
.lv3-count-badge{position:absolute;right:12px;bottom:12px;z-index:3;padding:6px 9px;border-radius:99px;background:rgba(7,27,45,.82);color:#fff;font-size:9px;font-weight:900;backdrop-filter:blur(6px)}
.lv3-gallery-main{position:relative!important}
.lv3-gallery-main:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.06),transparent 35%,rgba(0,0,0,.12))}
.lv3-gallery-badges{z-index:4!important}
.lv3-detail-card{box-shadow:0 9px 28px rgba(7,27,45,.05)!important}
.lv3-detail-card h1{color:#102b3b!important}
.lv3-detail-price{color:#a96f00!important}
.lv3-facts{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.lv3-fact{background:#f8fafb!important}
.lv3-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 9px}
.lv3-section-title h2{margin:0!important;font-size:18px!important;color:#102d3e!important}
.lv3-section-title small{font-size:9px;color:#87949c}
.lv3-amenities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.lv3-amenity{display:flex;gap:7px;align-items:center;padding:10px 11px;border:1px solid #e0e8ec;border-radius:11px;background:#fff;color:#284856;font-size:10px;font-weight:800}
.lv3-amenity b{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#eaf7ef;color:#16804e;font-size:10px}
.lv3-similar-card{display:block;background:#fff;border:1px solid #e0e8ec;border-radius:14px;overflow:hidden;text-decoration:none;color:#183645;transition:.16s}
.lv3-similar-card:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(7,27,45,.08)}
.lv3-similar-img{height:150px;background:#edf2f4;overflow:hidden;position:relative}
.lv3-similar-img img{width:100%;height:100%;object-fit:cover;display:block}
.lv3-similar-body{padding:10px}
.lv3-similar-body h3{font-size:11px;line-height:1.45;margin:0 0 5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lv3-similar-price{font-size:13px;font-weight:950;color:#a96f00}
.lv3-similar-meta{font-size:8px;color:#71828a;margin-top:5px}
.lv-mobile-contactbar{border:1px solid #d5e1e7!important;background:#fff!important}
.lv-mobile-contact-actions a{box-shadow:0 3px 8px rgba(7,27,45,.06)}
/* Admin combined Dashboard / Control Center */
.admin .dashboard-combined{background:linear-gradient(135deg,#102f45,#0b4d6a)!important;color:#fff!important;box-shadow:0 8px 18px rgba(7,27,45,.12)}
.admin .dashboard-combined:hover{color:#fff!important;background:linear-gradient(135deg,#0b3854,#09658e)!important}
.admin .top .crumb{color:#526b78!important}
.admin .mobile-admin-menu summary{color:#071b2d!important;background:#edf4f7!important;border:1px solid #d4e0e6}
.admin .mobile-admin-menu a{color:#173646!important}
.admin-permission-hero{display:flex;align-items:center;justify-content:space-between;gap:16px}
.admin-permission-hero h1{font-size:25px!important}
.admin-permission-hero p{color:#d1e0e7!important}
/* Payment settings contrast */
.settings-card .head h3,.settings-card label{color:#173646!important}
.settings-card .input,.settings-card input,.settings-card select,.settings-card textarea{color:#173646!important;background:#fff!important}
.settings-card .btnx.primary{background:#071b2d!important;color:#fff!important}
.settings-card .btnx.gold{background:#f5c542!important;color:#071b2d!important}
@media(max-width:1199px){
 .lv15-header-inner{height:72px!important;min-height:72px!important}
 .lv15-menu-btn{display:flex!important;flex:0 0 42px!important;width:42px!important;height:42px!important}
 .lv15-nav{display:none!important}
 .lv15-brand{min-width:0;max-width:calc(100% - 250px)!important}
 .lv15-brand b{font-size:19px!important}
 .lv15-tablet-nav{display:flex!important}
 .lv15-mobile-drawer{display:block!important;position:fixed!important;inset:0!important;z-index:6500!important;visibility:hidden!important;pointer-events:none!important}
 .lv15-mobile-drawer.open{visibility:visible!important;pointer-events:auto!important}
 .lv3-detail-grid{grid-template-columns:minmax(0,1.55fr) minmax(290px,.72fr)!important}
}
@media(max-width:900px){
 .lv15-tablet-nav{display:none!important}
 .lv15-brand{max-width:calc(100% - 90px)!important}
 .lv15-actions .lv15-favorite,.lv15-actions .lv15-register,.lv15-actions .lv15-login,.lv15-actions .lv15-user,.lv15-actions .lv15-post-btn{display:none!important}
 .lv15-actions{position:absolute!important;right:12px!important}
 .lv15-actions .lv15-notification-link{display:grid!important;width:44px!important;height:44px!important}
 .lv3-detail-grid{display:block!important}
 .lv3-side{margin-top:12px!important}
 .lv3-seller{position:static!important}
 .lv-mobile-contactbar{display:flex!important;position:sticky!important;top:72px!important;z-index:850!important;align-items:center;gap:8px;margin:0 0 10px!important;padding:8px!important;border-radius:13px!important;box-shadow:0 8px 22px rgba(7,27,45,.09)!important}
 .lv3-facts{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .lv3-amenities{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
 body{font-size:15px!important;padding-bottom:74px}
 .lv15-header-inner{height:70px!important;min-height:70px!important;padding:0 10px!important;gap:8px!important}
 .lv15-menu-btn{display:flex!important;width:40px!important;height:40px!important;flex:0 0 40px!important;z-index:6601!important}
 .lv15-brand{max-width:none!important;flex:1!important;min-width:0!important;margin:0!important;gap:8px!important}
 .lv-brand-mark{width:46px!important;height:46px!important;border-radius:13px!important}
 .lv15-brand b{font-size:18px!important;white-space:nowrap!important}
 .lv15-brand small{font-size:6.8px!important;letter-spacing:.8px!important}
 .lv15-actions{right:9px!important;top:13px!important}
 .lv15-actions .lv15-notification-link{width:42px!important;height:42px!important}
 .lv15-mobile-drawer{display:block!important}
 .lv3-topbar{margin-bottom:8px}
 .lv3-back,.lv3-share{min-height:36px;padding:0 10px;font-size:10px}
 .lv3-category-line{margin-bottom:7px}
 .lv3-gallery-main{min-height:260px!important;border-radius:15px!important}
 .lv3-count-badge{right:9px;bottom:9px}
 .lv3-detail-card{padding:15px!important}
 .lv3-detail-card h1{font-size:22px!important}
 .lv3-detail-price{font-size:23px!important}
 .lv3-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .lv3-amenities{grid-template-columns:1fr}
 .lv3-similar-img{height:125px}
 .lv3-related{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .admin-permission-hero{display:block}
 .admin-permission-hero .btnx{margin-top:12px}
}
@media(max-width:390px){
 .lv15-brand b{font-size:16px!important}.lv15-brand small{display:none!important}
 .lv-mobile-contact-actions a{padding:0 8px!important;font-size:9px!important}
 .lv-mobile-contact-copy{display:none!important}
 .lv-mobile-contactbar{justify-content:flex-end!important}
}
.v8-admin-kpis{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.v8-admin-quick{padding:16px;margin-bottom:15px}.v8-admin-quick h3{margin:3px 0 11px;color:#102d3e;font-size:15px}.v8-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.v8-quick-grid a{display:block;padding:11px;border:1px solid #e0e8ec;border-radius:12px;background:#fff;text-decoration:none;color:#173646}.v8-quick-grid a:hover{border-color:#b8cdd7;background:#f8fbfc}.v8-quick-grid b{display:block;font-size:10px}.v8-quick-grid small{display:block;color:#7a8a92;font-size:8px;margin-top:4px;line-height:1.4}
@media(max-width:1100px){.v8-admin-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}.v8-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.v8-admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v8-quick-grid{grid-template-columns:1fr}}

/* V8.1 — Mobile/tablet header: 3-zone layout, centered LAND VIỆT NAM logo */
@media (max-width:1199px){
  .lv15-header-inner{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    height:72px!important;
    min-height:72px!important;
    padding:0 14px!important;
  }
  .lv15-menu-btn{
    display:flex!important;
    position:relative!important;
    z-index:20!important;
    flex:0 0 42px!important;
    width:42px!important;
    height:42px!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:5px!important;
    border-radius:12px!important;
  }
  .lv15-menu-btn span{display:block!important;width:19px!important;height:2px!important;border-radius:3px!important}
  .lv15-brand{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:max-content!important;
    max-width:calc(100% - 150px)!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    z-index:10!important;
  }
  .lv15-brand .lv-brand-mark{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
    background:#071b2d!important;
    border:2px solid #f5c542!important;
    border-radius:13px!important;
    box-shadow:0 5px 14px rgba(7,27,45,.16)!important;
  }
  .lv15-brand .lv-brand-mark img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important}
  .lv15-brand b{font-size:18px!important;line-height:1!important;white-space:nowrap!important;color:#071b2d!important}
  .lv15-brand small{display:block!important;margin-top:3px!important;font-size:7px!important;line-height:1!important;letter-spacing:.85px!important;white-space:nowrap!important;color:#657984!important}
  .lv15-nav,.lv15-tablet-nav{display:none!important}
  .lv15-actions{position:relative!important;right:auto!important;top:auto!important;margin-left:auto!important;z-index:20!important;display:flex!important;align-items:center!important}
  .lv15-actions .lv15-favorite,.lv15-actions .lv15-register,.lv15-actions .lv15-login,.lv15-actions .lv15-user,.lv15-actions .lv15-post-btn{display:none!important}
  .lv15-actions .lv15-notification-link{display:grid!important;width:42px!important;height:42px!important;border-radius:12px!important}
  .lv15-mobile-drawer{display:block!important;position:fixed!important;inset:0!important;z-index:6500!important;visibility:hidden!important;pointer-events:none!important}
  .lv15-mobile-drawer.open{visibility:visible!important;pointer-events:auto!important}
}
@media (max-width:650px){
  .lv15-header-inner{height:68px!important;min-height:68px!important;padding:0 10px!important}
  .lv15-menu-btn{width:40px!important;height:40px!important;flex-basis:40px!important;border-radius:11px!important}
  .lv15-brand{max-width:calc(100% - 108px)!important;gap:7px!important}
  .lv15-brand .lv-brand-mark{width:42px!important;height:42px!important;min-width:42px!important;border-radius:12px!important}
  .lv15-brand b{font-size:16px!important;letter-spacing:-.25px!important}
  .lv15-brand small{font-size:6.2px!important;letter-spacing:.55px!important}
  .lv15-actions .lv15-notification-link{width:40px!important;height:40px!important}
}
@media (max-width:390px){
  .lv15-brand{max-width:calc(100% - 92px)!important;gap:5px!important}
  .lv15-brand .lv-brand-mark{width:38px!important;height:38px!important;min-width:38px!important}
  .lv15-brand b{font-size:14px!important}
  .lv15-brand small{display:none!important}
}
/* Prevent inherited desktop/mobile rules from hiding the centered logo or hamburger. */
@media (min-width:1200px){.lv15-menu-btn{display:none!important}.lv15-brand{position:static!important;transform:none!important}}


/* V8.2 CHAT PRO — Facebook-style messenger, listing context and mobile-safe composer */
.v5-chat-property-label{display:block!important;color:#075c86!important;font-weight:850!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v5-chat-property-label.muted{color:#81909a!important}
.v5-inbox-welcome .big{width:58px;height:58px;margin:0 auto 12px;border-radius:18px;display:grid;place-items:center;background:#eaf3f8;color:#075c86;font-size:28px}
.v5-inbox-welcome p{max-width:420px!important;font-size:12px!important;color:#647680!important}
.v5-inbox-hint{display:inline-block;margin-top:8px;padding:7px 10px;border-radius:999px;background:#f3f7f9;color:#70818a;font-size:9px;font-weight:800}
.v5-property-chip .property-copy{min-width:0;flex:1}
.v5-property-chip .property-copy em{display:block;font-style:normal;color:#7c8d95;font-size:8px;margin-top:3px}
.v5-chat-head{position:relative;z-index:4;box-shadow:0 1px 7px rgba(7,27,45,.05)}
.v5-message-stream{scroll-behavior:smooth;overscroll-behavior:contain}
.v5-msg-row{padding:0 2px}
.v5-bubble{position:relative;max-width:min(72%,560px);border-radius:18px 18px 18px 5px;padding:10px 12px}
.v5-msg-row.mine .v5-bubble{background:#075c86;color:#fff;border-color:#075c86;border-radius:18px 18px 5px 18px}
.v5-msg-row.mine .v5-bubble:after{content:'';position:absolute;right:-4px;bottom:0;border-left:7px solid #075c86;border-top:7px solid transparent}
.v5-msg-row:not(.mine) .v5-bubble:after{content:'';position:absolute;left:-4px;bottom:0;border-right:7px solid #fff;border-top:7px solid transparent}
.v5-quick-replies button{transition:.15s ease}.v5-quick-replies button:hover{background:#eaf3f8;border-color:#a9c4d2;color:#075c86}
.v5-chat-composer{position:relative;z-index:5;box-shadow:0 -5px 18px rgba(7,27,45,.06)}
.v5-chat-form{background:#f7f9fa;border:1px solid #dbe5ea;border-radius:17px;padding:4px;align-items:center}
.v5-chat-form textarea{border:0!important;background:transparent!important;box-shadow:none!important;min-height:38px;max-height:110px;padding:9px 8px}
.v5-chat-action{width:38px;height:38px;flex:0 0 38px;border:0;background:transparent;border-radius:12px}
.v5-chat-action:hover{background:#e8f1f5}
.v5-send{height:38px;min-width:56px;padding:0 13px;border-radius:13px;background:#075c86;color:#fff}
.v5-send:hover{background:#064b6d}
@media(max-width:800px){
  .v5-chat-page{height:calc(100dvh - 70px - 74px)!important;min-height:0!important;padding:0!important;overflow:hidden!important}
  .v5-chat-shell{height:100%!important;min-height:0!important;display:flex!important;overflow:hidden!important}
  .v5-chat-mainpanel{height:100%!important;min-height:0!important;display:flex!important;overflow:hidden!important}
  .v5-chat-head{height:58px!important;min-height:58px!important;flex:0 0 58px!important;padding:0 9px!important}
  .v5-chat-head .actions .optional{display:none!important}
  .v5-chat-context{flex:0 0 auto!important;padding:6px 8px!important}
  .v5-property-chip{padding:7px 8px!important;gap:7px!important}
  .v5-property-chip .pic{width:34px;height:34px;flex:0 0 34px}
  .v5-property-chip .property-copy b{font-size:9px!important}
  .v5-property-chip .property-copy small{font-size:7px!important}
  .v5-property-chip .property-copy em{font-size:7px!important}
  .v5-property-chip .push{font-size:8px!important;padding:7px 8px!important;flex:0 0 auto}
  .v5-message-stream{min-height:0!important;flex:1 1 auto!important;overflow-y:auto!important;padding:10px 8px 8px!important}
  .v5-bubble{max-width:82%!important;padding:9px 10px!important;border-radius:17px 17px 17px 5px!important}
  .v5-bubble .body{font-size:13px!important;line-height:1.45!important}
  .v5-bubble .meta{font-size:7px!important}
  .v5-bubble img{max-width:min(72vw,250px)!important;max-height:250px!important}
  .v5-bubble video{max-width:min(76vw,280px)!important;max-height:220px!important}
  .v5-quick-replies{flex:0 0 auto!important;padding:5px 7px!important;gap:5px!important;max-height:43px!important;overflow-x:auto!important;overflow-y:hidden!important}
  .v5-quick-replies button{font-size:8px!important;padding:6px 8px!important}
  .v5-chat-composer{flex:0 0 auto!important;padding:6px 7px calc(7px + env(safe-area-inset-bottom))!important}
  .v5-chat-form{gap:2px!important;border-radius:16px!important;padding:3px!important}
  .v5-chat-form textarea{font-size:13px!important;min-height:38px!important;max-height:82px!important}
  .v5-chat-action{width:36px!important;height:36px!important;flex-basis:36px!important;font-size:16px!important}
  .v5-send{height:36px!important;min-width:50px!important;padding:0 10px!important;font-size:11px!important}
  .v5-chat-note{display:none!important}
}
@media(max-width:420px){
  .v5-chat-page{height:calc(100dvh - 68px - 70px)!important}
  .v5-chat-head .identity b{font-size:12px!important}
  .v5-chat-head .identity small{font-size:7px!important}
  .v5-chat-head .v5-iconbtn{width:32px;height:32px}
  .v5-chat-head .v5-chat-avatar{width:36px;height:36px;flex-basis:36px}
  .v5-chat-context .property-copy em{display:none}
  .v5-quick-replies{display:none!important}
  .v5-chat-composer{padding-top:5px!important}
}
