/* Shared YooDee Living identity, matched to yoodee.pages.dev/assets/style.css. */
:root{--ink:#152f3b;--navy:#132e3c;--green:#2d635b;--teal:#2d635b;--muted:#62717a;--paper:#faf9f5;--bg:#faf9f5;--cream:#f0f1eb;--line:#e2e5df;--gold:#a88d61;--brand-accent:#29baa9;--font:'Manrope','Noto Sans Thai',sans-serif;--red:#b8393c}
body{font-family:var(--font);background:var(--paper);color:var(--ink);font-size:15px;line-height:1.8}
button,input,select,textarea{font:inherit}
h1,h2,h3{font-weight:500}
h1{letter-spacing:-.7px;line-height:1.45}
h2{font-size:21px}h3{font-size:17px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--green);outline-offset:4px}
.brand{position:relative;font-family:'Manrope',sans-serif;font-weight:700;font-size:32px;letter-spacing:-1.8px;line-height:1.2;padding-top:5px}
.brand::before{content:'';position:absolute;top:-6px;left:39px;width:12px;height:12px;border-left:3px solid #40ccb4;border-top:3px solid #40ccb4;transform:rotate(45deg)}
.brand>span{color:var(--brand-accent)}
.brand small{font-family:var(--font);font-size:9px;font-weight:500;letter-spacing:3px;line-height:1.7;margin-top:8px;color:var(--gold)}
.eyebrow{color:var(--green);font-size:10px;font-weight:600;letter-spacing:2.1px;line-height:1.8}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:var(--navy);color:#fff;border:1px solid var(--navy);border-radius:6px;padding:13px 20px;font-size:14px;font-weight:500;min-height:48px;transition:background .18s,transform .18s}
.btn:hover{background:#254953;transform:translateY(-1px)}
.btn:disabled{transform:none}
.secondary,.small-btn,.iconbtn{background:#edf0e8;color:var(--ink);border:1px solid var(--line);border-radius:6px;font-weight:500}
.small-btn{min-height:40px;font-size:13px;padding:8px 13px}
.danger{background:var(--red);color:white;border:1px solid var(--red);border-radius:6px;font-weight:600}
.card,.tile,.device,.stat{border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 5px 22px #132e3c04}
.textbtn,.text-btn{color:var(--green)}
.empty,.muted,.wide-note{color:var(--muted)}
dialog{background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 25px 100px #132e3c30}
dialog::backdrop{background:#132e3c88;backdrop-filter:blur(6px)}
.form input,.form select,.form textarea{background:#fff;border:1px solid var(--line);border-radius:6px;font-size:15px;line-height:1.7;min-height:46px}
.form label{font-size:13px;font-weight:500}
.notice{background:#f1ecdf;color:#786344;border:1px solid #e5ddca;border-radius:8px}
.tag{border-radius:5px;font-size:12px;font-weight:500;padding:4px 9px}
.tag.new,.tag.open,.tag.urgent{background:#fae7dc;color:#974724}
.tag.closed,.tag.completed,.tag.collected,.tag.resolved{background:#e9f1e8;color:#2d635b}
.tag.cancelled{background:#eff0ec;color:#62717a}
.record b{font-weight:600}
.record small{font-size:12px;line-height:1.8}
#toast{background:var(--navy);border-radius:8px}
.property-web .sidebar{background:var(--navy);padding-top:41px}
.property-web .sidebar .brand::before{left:49px}
.property-web .nav-item{font-size:13px;font-weight:500;border-radius:6px;min-height:48px}
.property-web .nav-item.active{background:#edf0e8;color:var(--ink)}
.property-web .nav-item>span{color:#b9a17b}
.property-web .property-label b{font-size:13px}
.property-web .property-label>span{font-size:10px}
.property-web .topbar{background:#faf9f5f2;border-color:var(--line)}
.property-web .topbar>div:first-child>span{font-size:11px}
.property-web .account b{font-size:13px}
.property-web .account small{font-size:11px}
.property-web .dashboard-hero{border-radius:40px 10px 10px 10px;background:var(--navy)}
.property-web .dashboard-hero:after{background:linear-gradient(90deg,#132e3ce8,#132e3cb8 42%,#132e3c15)}
.property-web .dashboard-hero .eyebrow{color:#dfcba8}
.property-web .dashboard-hero h1{font-weight:500;line-height:1.5}
.property-web .light-btn{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.property-web .ghost-btn{border-color:#c8d6d0;color:white;border-radius:6px}
.property-web .stats article{border-radius:10px;border-color:var(--line)}
.property-web .stats small{font-size:12px}
.property-web .stats article>span,.property-web .record-icon{background:#edf0e8;color:var(--green)}
.property-web .record b{font-size:14px}
.property-web .page-heading p:not(.eyebrow){font-size:14px;color:var(--muted)}
.property-web .filters button{border-radius:6px;font-size:12px}
.property-web .filters .selected{background:var(--navy);color:white}
.property-web .welcome-card{background:var(--paper)}
.property-web .welcome-card h1{font-size:clamp(34px,4vw,54px);font-weight:500;line-height:1.4}
.property-web .welcome-card>p:not(.eyebrow){font-size:15px}
.property-web .welcome-note{font-size:12px}
.property-mobile .topbar{padding-top:8px;margin-bottom:24px}
.property-mobile .brand small{margin-top:8px}
.property-mobile .avatar{background:#edf0e8;color:var(--green);border-radius:50%}
.property-mobile .hero{background:linear-gradient(90deg,#132e3cea,#132e3c99),url('assets/residence.webp') center/cover;border-radius:40px 10px 10px 10px;color:#fff;padding:28px}
.property-mobile .hero::after{display:none}
.property-mobile .hero h1{font-weight:500;letter-spacing:-.7px}
.property-mobile .hero .eyebrow{color:#dfcba8}
.property-mobile .hero p{color:#e1e7e3}
.property-mobile .hero .btn{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.property-mobile .hero .secondary{border:1px solid #c8d6d0;background:#132e3c55;color:white}
.property-mobile .tile{padding:19px;min-height:142px}
.property-mobile .tile strong{font-size:16px;font-weight:500}
.property-mobile .tile small{font-size:12px}
.property-mobile .tile-icon{background:#edf0e8;color:var(--green);border-radius:8px}
.property-mobile .tile-count{background:#edf0e8;color:var(--green);border-radius:6px}
.property-mobile .tile.sos{background:#fff3f0;border-color:#eccac1}
.property-mobile .tile.sos .tile-icon{background:#f8dcd7;color:var(--red)}
.property-mobile .nav{background:#faf9f5f2;border-color:var(--line)}
.property-mobile .nav button.selected{background:#edf0e8;color:var(--green);border-radius:6px}
.property-mobile .filters button{border-radius:6px}
.property-mobile .filters button.selected{background:var(--navy)}
.property-mobile .form-error{font-size:14px}
.property-mobile .welcome{max-width:640px;margin:7vh auto}
.property-mobile .welcome .hero{margin-top:32px;padding:30px 25px}
.property-mobile .welcome .btn{width:100%;min-height:52px}
.property-mobile .device button{border-radius:6px;background:#f0f1eb;color:#62717a}
.property-mobile .unit-chip{border-radius:6px;background:#edf0e8;color:var(--green)}
.property-mobile .history{border-color:#d9dfd4}
@media(max-width:600px){.property-web .brand,.property-mobile .brand{font-size:29px}.property-web .brand::before,.property-mobile .brand::before{left:35px}.property-web .sidebar .brand::before{left:45px}.property-web .nav-item{font-size:12px}.property-web .stats small{font-size:11px}.property-web .record b{font-size:14px}.property-web .record small{font-size:12px}.property-mobile .hero{padding:25px 23px}.property-mobile h1{font-size:28px}.property-mobile .tile{padding:16px}.property-mobile .nav button{font-size:11px}.property-mobile .welcome{margin:5vh auto;padding:25px}.property-mobile .welcome .hero{padding:27px 23px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}