
:root{--ink:#302432;--accent:#684267;--paper:#f4f0f4;--line:#ded3de}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,sans-serif}header{background:#38263d;color:white;padding:25px max(20px,calc((100vw - 1080px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}header h1{font-size:25px;margin:0}header p{margin:4px 0;color:#e0cde0}.brand{font-size:12px;letter-spacing:.15em;text-transform:uppercase}main{max-width:1120px;margin:auto;padding:20px}nav{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}button,select,input,textarea{font:inherit;border:1px solid var(--line);border-radius:9px;padding:10px 13px;min-height:44px;max-width:100%}button{cursor:pointer;background:white;color:var(--ink)}button[aria-selected=true],.primary{background:var(--accent);color:white;border-color:var(--accent)}button:disabled{cursor:default;opacity:.6}select{background:white;color:var(--ink)}label{display:block;margin:12px 0}input,textarea{display:block;width:100%;background:white;color:var(--ink)}input[type=checkbox]{display:inline;width:auto;min-height:20px;vertical-align:middle;margin-right:10px}textarea{min-height:150px}h2{font-size:24px;margin:0 0 10px}h3{font-size:18px}p{margin:10px 0}.sub{color:#68586a}.notice{background:#efe4ef;border-left:4px solid var(--accent);padding:13px 17px;border-radius:0 9px 9px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:15px}.box{background:white;border:1px solid var(--line);border-radius:14px;padding:20px;margin:12px 0}.box h3{margin-top:0}.value{font-size:25px;font-weight:650}.badge{display:inline-block;background:#f0e8f0;border-radius:20px;font-size:13px;padding:3px 10px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:14px 0}.row:last-child{border:0}.empty{padding:26px 0;color:#68586a}table{border-collapse:collapse;width:100%}td,th{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:12px;overflow-wrap:anywhere}.scroll{overflow:auto}a{color:#684267;overflow-wrap:anywhere}summary{cursor:pointer;font-weight:650;min-height:44px;padding:10px 0}ol{padding-left:23px}li{margin:8px 0}.check{padding:13px 0;border-bottom:1px solid var(--line)}footer{font-size:13px;color:#68586a;padding:25px 0} [hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #97709a;outline-offset:3px}@media(max-width:580px){main{padding:14px}header{padding:20px}nav button{flex:1 1 40%;font-size:14px}.box{padding:17px}.value{font-size:23px}td,th{padding:8px}.scroll table{min-width:580px}}@media print{nav,header select{display:none}.panel{display:block!important;break-before:page}body{background:white}.box{break-inside:avoid}}
/* Luxure Villa — refreshed presentation */
:root{--ink:#173b32;--accent:#19634e;--paper:#f4f5ef;--line:#dbe4d9}
header{background:linear-gradient(120deg,#103f33,#19594a);padding:30px max(20px,calc((100vw - 1080px)/2));border-bottom:5px solid #b99a55}
header h1{font-size:32px;letter-spacing:-.5px}header p{color:#e4dfcd}.identity{display:flex;align-items:center;gap:16px;margin-bottom:12px}.luxure-logo{width:92px;height:92px;object-fit:contain;background:#101713;border:1px solid #c3a96a;border-radius:18px;padding:4px}.brand{color:#e4cd97;letter-spacing:3px}
main{padding-top:25px}nav{background:white;border:1px solid var(--line);padding:10px;border-radius:18px;position:sticky;top:10px;z-index:2;box-shadow:0 6px 25px #153b320b}nav button{border:0;background:#eef3eb;min-height:48px;border-radius:12px}nav button[aria-selected=true]{background:#19634e}.box{border-radius:20px;box-shadow:0 5px 22px #153b3208;padding:24px}.value{font-size:38px;color:#19634e}.notice{background:#f6efda;border-color:#ba9651;color:#514622}.badge{background:#e7efe0}.sub,.empty,footer{color:#60736a}a{color:#16634e}button.primary{background:#19634e}button,input,select,textarea{min-height:48px;border-radius:12px}h2{letter-spacing:-.4px}h3{color:#214d3d}.bubble{padding:15px;margin:10px 0;border:1px solid var(--line);border-radius:16px;background:#f3f6ee}.bubble time{display:block;font-size:12px;color:#617467}.bubble p{white-space:pre-wrap}dialog{border:1px solid var(--line);border-radius:22px;max-width:450px;width:90%;padding:28px}dialog::backdrop{background:#112d2577}#liveAccount{margin-right:12px}
@media(max-width:580px){header h1{font-size:25px}.luxure-logo{width:68px;height:68px}nav{position:static}nav button{flex:1 1 45%}.box{padding:19px}}

/* Luxure Villa — photo entrance and champagne palette */
:root{--ink:#272925;--accent:#32362e;--paper:#f6f4ef;--line:#e4dfd5;--gold:#b99d68}
body{background:var(--paper);color:var(--ink);font:15px/1.6 system-ui,-apple-system,sans-serif}
header{background:#fffefb;color:var(--ink);border-bottom:1px solid var(--line);padding:20px max(22px,calc((100vw - 1160px)/2));gap:24px;flex-wrap:wrap}
header>div:first-child{display:grid;grid-template-columns:64px 1fr;column-gap:16px;align-items:center}header .identity{display:contents}.luxure-logo{grid-row:1/4;width:64px;height:64px;border-radius:14px;padding:0;background:#151714;border:1px solid #b99d6840}.brand{font-size:10px;color:#817048;letter-spacing:2.5px;align-self:end}header h1{font-size:23px;letter-spacing:-.7px;line-height:1.25;grid-column:2}header p{font-size:12px;color:#7c7d72;grid-column:2;margin:3px 0 0}header label{margin:0;font-size:11px;color:#727469}header label span{display:block;margin-bottom:4px}header select{min-height:40px;font-size:13px;border-radius:8px;background:#fbfaf6;padding:8px 30px 8px 12px}#liveLoginButton{background:#30362e;color:#fff;border:1px solid #30362e;border-radius:8px;font-size:13px;min-height:42px;padding:10px 18px}#liveAccount{color:#6d7065;font-size:12px}
main{max-width:1200px;padding:30px 20px 50px}.entry-hero{position:relative;isolation:isolate;min-height:440px;display:flex;align-items:center;overflow:hidden;border-radius:22px;background:#343a35;margin-bottom:27px;box-shadow:0 16px 45px #25291f12}.entry-photo,.entry-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.entry-photo{object-position:center 57%}.entry-shade{z-index:-1;background:linear-gradient(90deg,#17221ee6 0%,#17221e9e 39%,#17221e19 75%),linear-gradient(0deg,#15251d55,transparent 60%)}.entry-content{max-width:590px;padding:58px;color:#fff}.entry-eyebrow{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#edd9b3;display:block;margin-bottom:22px}.entry-content h2{font-family:Georgia,'Times New Roman',serif;font-size:58px;line-height:1.1;font-weight:400;letter-spacing:-1.8px;margin:0 0 20px;text-wrap:balance}.entry-content p{color:#eeece3;font-size:15px;max-width:360px;margin:0 0 28px}.entry-actions{display:flex;gap:12px;flex-wrap:wrap}.entry-actions button{display:inline-flex;align-items:center;gap:24px;font-size:13px;min-height:46px;border-radius:8px;padding:12px 18px}.entry-actions .primary{background:#e4cfaa;color:#252b24;border:1px solid #e4cfaa}.entry-actions .hero-secondary{background:#fff1;color:#fff;border:1px solid #ffffff6b}.entry-location{position:absolute;bottom:27px;right:28px;font-size:10px;letter-spacing:2.7px;color:#fff}
button{background:#fffefb;border:1px solid var(--line);border-radius:9px;color:var(--ink);font-weight:500;transition:background .18s,box-shadow .18s,transform .18s,border-color .18s}button:hover:not(:disabled){box-shadow:0 5px 16px #232b2110;border-color:#b8ad94;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.48}.primary,button.primary{background:#32392e;color:#fff;border-color:#32392e}.primary:hover:not(:disabled){background:#424c39}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b99d68;outline-offset:3px}
nav{position:static;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;border:0;padding:0;background:transparent;box-shadow:none;margin:22px 0 26px;border-radius:0}nav button{display:flex;align-items:center;justify-content:flex-start;gap:10px;border:1px solid var(--line);border-radius:11px;background:#fffefb;padding:13px;font-size:12px;min-height:58px;text-align:left;line-height:1.4;box-shadow:0 2px 4px #24292202}nav svg{width:19px;height:19px;flex-shrink:0;color:#8a7856}nav button[aria-selected=true]{background:#343b31;border-color:#343b31;color:white;box-shadow:0 5px 12px #27321f12}nav button[aria-selected=true] svg{color:#e2cda8}
.notice{background:#eeebe3;border:1px solid #e2dccf;border-left:3px solid #b99d68;border-radius:9px;color:#716b5b;font-size:12px;padding:12px 16px;line-height:1.65}h2{font-size:25px;font-weight:550;letter-spacing:-.6px}h3{color:#414638;font-size:15px;font-weight:600}.box{background:#fffefb;border:1px solid var(--line);border-radius:15px;box-shadow:0 4px 15px #242a2103;padding:25px}.grid{gap:16px}.value{color:#414b36;font-size:40px;font-weight:500;letter-spacing:-1.2px}.badge{background:#eee8da;color:#6d6047}.sub,.empty,footer{color:#7b7c70}a{color:#74613e}input,textarea,select{border-radius:9px;border-color:#dfdbcf;background:#fffefb}input:focus,textarea:focus{border-color:#b99d68}.bubble{background:#f8f6ef;border-color:#e4dfd2;border-radius:13px}.bubble time{color:#868575}dialog{border-color:#ddd6c8;border-radius:17px}dialog::backdrop{background:#1f272a88}footer{border-top:1px solid var(--line);margin-top:30px;font-size:11px}
html[lang=th] .entry-content h2{font-family:system-ui,sans-serif;font-size:43px;line-height:1.4;letter-spacing:0}
@media(max-width:850px){nav{grid-template-columns:repeat(3,minmax(0,1fr))}.entry-content{padding:42px}.entry-content h2{font-size:49px}.entry-hero{min-height:420px}}
@media(max-width:580px){header{padding:16px;gap:14px}header>div:first-child{width:100%;grid-template-columns:52px 1fr}.luxure-logo{width:52px;height:52px;border-radius:11px}header h1{font-size:21px}header p{font-size:11px}.brand{font-size:9px}header label{flex:1}#liveAccount{display:none}main{padding:18px 14px 35px}.entry-hero{min-height:410px;border-radius:17px;margin-bottom:20px}.entry-content{padding:30px 24px 55px}.entry-content h2{font-size:41px;letter-spacing:-1px;max-width:290px}.entry-content p{font-size:13px;max-width:260px}.entry-photo{object-position:57% center}.entry-shade{background:linear-gradient(90deg,#17221ecf,#17221e62),linear-gradient(0deg,#17221e55,transparent)}.entry-eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:17px}.entry-actions{gap:8px}.entry-actions button{gap:12px;padding:10px 12px;font-size:12px}.entry-location{font-size:8px;right:20px;bottom:19px}nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:20px 0}nav button{font-size:11px;padding:11px;min-height:54px;flex:none}.box{padding:20px}html[lang=th] .entry-content h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){button{transition:none}button:hover:not(:disabled){transform:none}}
@media print{.entry-hero{display:none}}

/* Clear daily navigation; mobile shortcuts remain within thumb reach. */
nav{display:block;margin:22px 0 28px}.primary-navigation{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.primary-navigation button{font-size:14px;min-height:56px;padding:14px 18px;justify-content:center}.management-navigation{margin-top:12px;border:1px solid var(--line);background:#fffefb;border-radius:11px}.management-navigation summary{padding:12px 18px;color:#6f654f;font-size:13px;min-height:48px}.management-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 12px 12px}.management-tools button{font-size:12px}.panel>h2{margin:26px 0 16px}.panel{scroll-margin-top:18px}.entry-content{padding-top:46px;padding-bottom:46px}.entry-hero{min-height:390px}.entry-content h2{font-size:51px}.notice{margin-bottom:18px}
@media(max-width:850px){.management-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){body{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}header{gap:11px}main{padding-top:14px}.entry-hero{min-height:310px;align-items:center}.entry-content{padding:25px 22px 39px}.entry-content h2{font-size:35px;max-width:275px;margin-bottom:15px}.entry-content p{margin-bottom:19px}.entry-eyebrow{margin-bottom:13px}.entry-location{bottom:13px}.entry-actions button{min-height:44px}.primary-navigation{position:fixed;bottom:0;left:0;right:0;z-index:20;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;background:#fffefbf7;border-top:1px solid #e0d8c8;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));box-shadow:0 -5px 22px #22271d0a;backdrop-filter:blur(12px)}.primary-navigation button{flex-direction:column;gap:4px;font-size:10px;padding:7px 2px;min-height:57px;border:0;border-radius:10px;background:transparent;box-shadow:none;color:#77776b;text-align:center;line-height:1.2}.primary-navigation button[aria-selected=true]{background:#eee8dc;color:#313a2a;box-shadow:none}.primary-navigation svg{width:20px;height:20px;color:inherit}.primary-navigation button[aria-selected=true] svg{color:#7c6944}.management-navigation{margin-top:0}.management-tools button{padding:12px;min-height:60px;font-size:11px}.management-navigation summary{font-size:13px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#dashboard .grid .box:last-child{grid-column:1/-1}.grid .box{padding:18px 14px;margin:0}.grid .box h3{font-size:13px}.grid .box p{font-size:11px;line-height:1.6}.grid .value{font-size:33px}.box{margin:14px 0;padding:19px}.panel>h2{font-size:23px;margin-top:22px}label{font-size:13px}input,select,textarea{font-size:16px;min-height:48px}.row{align-items:flex-start}.row>*{max-width:100%}#liveChatForm{position:relative}#liveChatForm button{width:100%}.bubble{padding:14px}.bubble p{overflow-wrap:anywhere}dialog{max-height:85vh;overflow:auto}html[lang=th] .entry-content h2{font-size:29px}}
@media(max-width:360px){.entry-actions{flex-direction:column;align-items:flex-start}.entry-hero{min-height:335px}.entry-content h2{font-size:32px}.management-tools{grid-template-columns:1fr}}
@media print{.primary-navigation,.management-navigation{display:none}}

.notification-tools{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.notification-tools button{font-size:12px;padding:10px 14px}.notification-card p{font-size:12px;color:#797566}.unread-count{display:inline-block;background:#b99d68;color:#fff;border-radius:20px;padding:0 6px;font-size:10px;margin-left:5px}

/* Gold from the original Luxure Villa logo. */
:root{--gold:#c69b3e;--accent:#c69b3e}
.brand{color:#967222}.luxure-logo{border-color:#c69b3e66}.primary,button.primary,#liveLoginButton{background:linear-gradient(115deg,#ddbb6d,#c69b3e);border-color:#c69b3e;color:#211d12}.primary:hover:not(:disabled),button.primary:hover:not(:disabled),#liveLoginButton:hover{background:#dabb6b;border-color:#ad842a}.entry-actions .primary{background:#d8b35e;border-color:#d8b35e;color:#211d12}.entry-eyebrow{color:#efd394}nav svg{color:#b28b32}nav button[aria-selected=true]{background:#211f19;border-color:#c69b3e;color:#f5e7c4}nav button[aria-selected=true] svg{color:#d9b555}.entry-actions .hero-secondary{border-color:#d7b35e99}.badge{background:#f2e7cc;color:#79602d}.notice{border-left-color:#c69b3e}.value{color:#77602d}a{color:#84621b}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#c69b3e}footer{border-top-color:#e1d4b5}.management-navigation summary{color:#816527}.unread-count{background:#c69b3e;color:#211d12}
@media(max-width:580px){.primary-navigation button[aria-selected=true]{background:#f2e7cc;color:#5d481d;border:0}.primary-navigation button[aria-selected=true] svg{color:#a17a26}}

.calendar-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.calendar-toolbar>div{display:flex;align-items:center;gap:14px}.calendar-toolbar label{font-size:12px}.calendar-toolbar strong{text-transform:capitalize}.calendar-scroll{overflow:auto}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;min-width:320px}.calendar-weekday{font-size:11px;text-align:center;color:#85734d;padding:9px}.calendar-day{min-height:100px;background:#f8f6f0;border:1px solid #e6e0d3;border-radius:9px;padding:8px;display:flex;flex-direction:column;gap:4px}.calendar-day>span{font-size:12px}.outside-month{opacity:.5}.booking-chip{font-size:10px;min-height:25px;line-height:1.3;padding:4px 5px;background:#efdba9;color:#564221;border:0;border-radius:5px;text-align:left}.booking-chip.blocked{background:#e3e0d8;color:#5a5b52}.booking-chip.unknown{background:#fae7db;color:#805339}.calendar-day small{font-size:10px;color:#83765a}.calendar-stay{display:block;width:100%;text-align:left;margin:8px 0;font-size:13px}.dot-link{display:inline-block;background:#d5b15f;color:#282215;text-decoration:none;padding:12px 19px;border-radius:9px;margin:8px 0}@media(max-width:580px){.calendar-day{padding:5px;min-height:82px;border-radius:6px}.booking-chip{font-size:8px;padding:3px;min-height:23px}.calendar-grid{gap:3px}.calendar-toolbar strong{font-size:15px}.calendar-toolbar label{width:100%}}

#messengerBubble{position:fixed;right:24px;bottom:24px;z-index:35;width:58px;height:58px;border-radius:50%;border:1px solid #e1c375;background:linear-gradient(120deg,#ddbb6d,#c69b3e);color:#302716;display:grid;place-items:center;padding:0;box-shadow:0 7px 25px #352c2633}#messengerBubble .messenger-badge{position:absolute;right:-3px;top:-3px;background:#2a2922;border:2px solid #f6f4ef;color:#f9e8bc;min-width:21px;height:21px;border-radius:20px;font-size:10px;display:grid;place-items:center}#messengerDialog{position:fixed;inset:auto 24px 95px auto;z-index:34;margin:0;padding:0;width:370px;max-width:calc(100vw - 28px);height:min(560px,75dvh);max-height:none;border-radius:18px;box-shadow:0 18px 60px #24282133;border:1px solid #d8c8a3;overflow:hidden;background:#fffefb}#messengerDialog[open]{display:flex;flex-direction:column}.messenger-heading{padding:17px 20px;background:#27261f;color:#f5e3b9;display:flex;justify-content:space-between;align-items:center}.messenger-heading strong{font-size:16px}.messenger-heading span{display:block;font-size:11px;color:#d0bf9d}.messenger-heading button{background:transparent;border:0;color:#eed299;font-size:25px;min-height:36px;padding:0 8px}.messenger-tabs{display:flex;justify-content:space-between;padding:10px 19px;font-size:11px;border-bottom:1px solid #e7ddca}.messenger-tabs span{color:#8b6928}.messenger-tabs a{color:#8b6928;text-decoration:none}.messenger-messages{flex:1;overflow:auto;padding:10px 15px;min-height:80px}.messenger-messages .bubble{padding:10px 12px;margin:8px 0}.messenger-messages .bubble strong{font-size:11px}.messenger-messages .bubble p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0}.messenger-feedback{font-size:11px;color:#8c7956;margin:0;padding:0 17px}#bubbleCompose{padding:0 15px 14px;border-top:1px solid #e6ddc9}#bubbleCompose label{font-size:11px;margin:8px 0}#bubbleCompose textarea{min-height:62px;height:62px;resize:vertical;font-size:16px}#bubbleCompose button{width:100%;font-size:12px;min-height:42px}#messengerLogin{margin:12px 17px 17px;font-size:13px}@media(max-width:580px){#messengerBubble{right:16px;bottom:calc(86px + env(safe-area-inset-bottom,0px));width:52px;height:52px}#messengerDialog{right:14px;bottom:calc(146px + env(safe-area-inset-bottom,0px));width:calc(100vw - 28px);height:min(470px,65dvh);border-radius:16px}.messenger-heading{padding:13px 17px}}@media print{#messengerBubble,#messengerDialog{display:none!important}}

/* Slim photo banner, edge to edge. */
.entry-hero{width:100%;min-height:0;height:255px;margin:0;border-radius:0;box-shadow:none}.entry-photo{object-fit:cover;object-position:center 61%}.entry-content{max-width:1200px;width:100%;padding:24px max(22px,calc((100vw - 1160px)/2));margin:0}.entry-content h2{font-size:39px;line-height:1.1;max-width:560px;margin:0 0 10px}.entry-eyebrow{font-size:9px;margin-bottom:11px;letter-spacing:2.4px}.entry-content p{font-size:13px;margin:0 0 15px}.entry-actions button{min-height:38px;padding:8px 13px;font-size:11px;border-radius:7px}.entry-location{bottom:20px;right:max(22px,calc((100vw - 1160px)/2));font-size:9px}.entry-shade{background:linear-gradient(90deg,#17221ecc 0%,#17221e75 38%,#17221e0d 78%)}html[lang=th] .entry-content h2{font-size:32px;line-height:1.35}main{padding-top:24px}
@media(max-width:580px){.entry-hero{height:220px;min-height:0;border-radius:0;margin:0}.entry-photo{object-position:58% 60%}.entry-content{padding:19px 20px}.entry-content h2{font-size:29px;max-width:280px;margin-bottom:8px}.entry-content p{font-size:11px;max-width:260px;margin-bottom:12px}.entry-eyebrow{font-size:8px;margin-bottom:9px}.entry-actions{flex-direction:row;gap:7px}.entry-actions button{min-height:36px;padding:7px 10px;font-size:10px;gap:9px}.entry-location{font-size:7px;bottom:12px;right:18px}.entry-shade{background:linear-gradient(90deg,#17221ece 0%,#17221e75 50%,#17221e19 100%)}html[lang=th] .entry-content h2{font-size:24px}main{padding-top:15px}}
@media(max-width:360px){.entry-hero{height:235px}.entry-content h2{font-size:27px}.entry-actions{flex-direction:row}}
