/* Approved Lulwa palette. Gold is decorative or paired with dark text. */
:root{--navy:#0B2239;--gold:#C9A66B;--ivory:#FAF8F3;--text:#394854;--line:#DED5C5}
*{box-sizing:border-box}
body.tenant-shell{margin:0;background:var(--ivory);color:var(--text);font:500 16px/1.8 Changa,Arial,sans-serif;overflow-wrap:anywhere}
[hidden]{display:none!important}
.tenant-shell header{background:#fff;border-bottom:1px solid var(--line);padding:24px max(24px,calc((100vw - 1080px)/2))}
.lulwa-brand{display:flex;align-items:center;gap:18px}
.lulwa-brand img{width:88px;height:88px;object-fit:contain;flex:none}
.lulwa-brand strong{display:block;color:var(--navy);font-size:20px;font-weight:700}
.lulwa-brand span{display:block;font:500 11px/1.8 Montserrat,Arial,sans-serif;letter-spacing:.1em;color:#62533F;text-align:right}
.tenant-shell h1{font-size:28px;line-height:1.5;color:var(--navy);margin:24px 0 6px}
.tenant-shell h2{font-size:21px;line-height:1.6;color:var(--navy)}
.tenant-shell header>p{margin:0;color:#52616C;font-size:14px}
.tenant-shell main{max-width:1080px;margin:28px auto;padding:0 24px 48px}
.tenant-shell .card,.staff-page article,.staff-page>form{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;margin:20px 0}
.tenant-shell .owner-login-card{margin:28px auto;border-top:4px solid var(--gold);padding:30px;width:min(100%,420px);box-shadow:0 8px 28px #0b223910}
.tenant-shell .owner-login-card h2{margin-top:0;text-align:center}
.tenant-shell label{display:block;margin:16px 0;font-size:14px}
.tenant-shell input,.tenant-shell select,.tenant-shell textarea{display:block;width:100%;max-width:100%;min-height:46px;border:1px solid #8A969E;border-radius:8px;padding:11px 12px;margin-top:7px;background:#fff;color:var(--navy);font:inherit}
.tenant-shell input[type=checkbox]{display:inline-block;width:20px;min-height:20px;margin:0 0 0 8px;vertical-align:middle;accent-color:var(--navy)}
.tenant-shell textarea{resize:vertical;min-height:110px}
.tenant-shell button{min-height:46px;max-width:100%;padding:10px 20px;margin:6px 0;border:1px solid var(--gold);border-radius:9px;background:var(--gold);color:var(--navy);font:700 15px/1.7 Changa,Arial,sans-serif;cursor:pointer}
.tenant-shell .owner-login-card button{width:100%;background:var(--gold);color:var(--navy)}
.tenant-shell button:hover{background:#D9BD8D;border-color:#D9BD8D}
.tenant-shell button:disabled{opacity:.55;cursor:wait}
.tenant-shell :is(button,input,select,textarea,a):focus-visible{outline:3px solid var(--navy);outline-offset:3px}
.tenant-shell button[type=reset],.tenant-shell #logout{background:#fff;color:var(--navy);border-color:#8A969E}
.tenant-shell .notice{background:#F4EDE0;border:1px solid var(--line);border-inline-start:4px solid var(--gold);border-radius:10px;padding:16px 20px;font-size:14px;line-height:1.9;color:#4E473D}
.tenant-shell small,.tenant-shell .muted{font-size:13px;color:#52616C;line-height:1.9}
.tenant-shell #status{white-space:pre-wrap;margin:14px 0;color:var(--navy)}
.tenant-shell #status:empty{display:none}
.tenant-shell .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px}
.tenant-shell .scroll{max-width:100%;overflow-x:auto}
.tenant-shell table{width:100%;border-collapse:collapse;font-size:14px}
.tenant-shell td,.tenant-shell th{text-align:right;padding:12px;border-bottom:1px solid var(--line)}
.tenant-shell th{background:#F4EDE0;color:var(--navy)}
.tenant-shell .stage{display:inline-block;padding:6px 12px;background:#F4EDE0;border:1px solid var(--line);border-radius:20px;color:var(--navy);font-size:13px}
.tenant-shell ol{line-height:2}
.tenant-shell a{color:var(--navy);text-decoration:underline;text-underline-offset:4px}
.tenant-shell pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.8 Montserrat,Arial,sans-serif}
.staff-page{max-width:960px;margin:0 auto!important;padding:24px}
.staff-page header{padding:16px 0;background:transparent}
.staff-page textarea[name=terms]{direction:ltr;text-align:left;font-family:Montserrat,monospace}
@media(max-width:600px){
 .tenant-shell header{padding:18px 20px}.lulwa-brand{gap:12px}.lulwa-brand img{width:68px;height:68px}.lulwa-brand strong{font-size:17px}.lulwa-brand span{font-size:9px;letter-spacing:.06em}
 .tenant-shell h1{font-size:24px;margin-top:18px}.tenant-shell h2{font-size:19px}.tenant-shell main{padding:0 16px 32px;margin-top:18px}
 .tenant-shell .card,.tenant-shell .owner-login-card,.staff-page article,.staff-page>form{padding:20px}.tenant-shell .notice{padding:12px 14px}.staff-page{padding:16px}.staff-page header{padding:12px 0}
 .tenant-shell input,.tenant-shell select,.tenant-shell textarea{font-size:16px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
