@import "./brand-tokens.css";
/* Shared screen design system. Printed financial documents retain their document styles. */
@media screen{
:root{--kr-ink:#105F50;--kr-primary:#105F50;--kr-accent:#F6F8F7;--kr-surface:#fff;--kr-canvas:#F6F8F7;--kr-border:#dce5d6;--kr-muted:#617160;--kr-radius:16px}
body{background:var(--kr-canvas);color:var(--kr-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
.unified-public-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;padding:18px max(20px,calc((100vw - 1248px)/2))!important;background:#fff!important;border-bottom:1px solid var(--kr-border);box-sizing:border-box}
.unified-public-header .public-brand{display:flex!important;align-items:center!important;gap:12px!important;margin:0!important;padding:0!important;text-decoration:none!important;color:var(--kr-ink)!important;flex-shrink:0}
.unified-public-header .public-brand>svg{width:44px;height:44px;flex-shrink:0}
.unified-public-header .public-brand strong{display:block;font-size:21px!important;font-weight:750!important;line-height:1.2!important;letter-spacing:-.5px!important}
.unified-public-header .public-brand small{display:block;font-size:10px!important;font-weight:450!important;letter-spacing:.3px!important;margin-top:4px;color:var(--kr-muted)}
.app-identity{display:none!important}.unified-public-header nav{display:flex!important;gap:22px!important;align-items:center!important;flex-wrap:wrap}
.unified-public-header nav a{font-size:13px!important;font-weight:600;display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;white-space:nowrap;text-decoration:none!important;color:var(--kr-ink);padding:9px 12px!important;border:0!important;border-radius:10px!important;background:transparent}
.unified-public-header nav a[aria-current=page]{background:#edf2e3!important;border:0!important;color:var(--kr-ink)!important}
.unified-public-header nav a:last-child{border:1px solid var(--kr-border)!important}
:where(.marketplace,.login-refresh,.terms-page,.workspace,.tenant-portal) :where(button,.button){border-radius:10px;min-height:42px;font-family:inherit}
:where(.marketplace,.login-refresh,.terms-page,.workspace,.tenant-portal) :where(input:not([type=checkbox]):not([type=radio]),select,textarea){font-family:inherit;border-radius:10px;border-color:var(--kr-border);color:var(--kr-ink);min-height:44px}
:where(.marketplace,.workspace,.tenant-portal) :where(.panel,.metric,.stat-card,.summary-card){border:1px solid var(--kr-border);border-radius:var(--kr-radius);background:var(--kr-surface);box-shadow:0 5px 18px #105F5004}
.workspace{background:var(--kr-canvas)}.workspace .topbar,.tenant-portal-header{background:var(--kr-surface);border-bottom:1px solid var(--kr-border)}
.workspace main h1,.tenant-portal h1{font-size:clamp(26px,3vw,36px);letter-spacing:-.8px;line-height:1.2}.workspace main h2{letter-spacing:-.4px}
.workspace table thead{background:#f0f4eb}.workspace table th{font-size:11px;letter-spacing:.35px}.workspace table td{border-color:#e7ecdf}
.workspace .filter-pills button.selected,.tenant-portal .filter-pills button.selected{background:var(--kr-primary);color:#fff}.workspace .note,.tenant-portal .note{border-radius:12px}
.login-refresh{min-height:calc(100svh - 82px)}.terms-page{background:#fff;border:1px solid var(--kr-border);border-radius:20px;max-width:960px;margin:28px auto;padding:clamp(20px,4vw,42px)}.terms-back{display:inline-block;margin:20px 24px 0;color:var(--kr-ink)}
.marketplace .signup-form{max-width:900px;margin:20px auto;border-radius:20px;border:1px solid var(--kr-border);padding:clamp(22px,4vw,40px);box-shadow:0 12px 32px #105F5006}.signup-grid{gap:20px}.signup-form h2{letter-spacing:-.6px}.signup-form label{line-height:1.5}
.marketplace:not(.home-finder-refresh) .market-hero{display:block!important;background:transparent;color:var(--kr-ink);padding:30px 0;border-radius:0}.marketplace:not(.home-finder-refresh) .market-hero h1{max-width:800px;font-size:clamp(30px,4vw,48px);letter-spacing:-1.2px}.marketplace:not(.home-finder-refresh) .market-hero p{color:var(--kr-muted);max-width:720px}.marketplace:not(.home-finder-refresh) .market-hero .eyebrow{color:#687d48}.marketplace:not(.home-finder-refresh) .market-hero .market-illustration{display:none}.marketplace:not(.home-finder-refresh) .market-highlights span{color:var(--kr-muted);border-color:var(--kr-border)}
.market-card,.seo-section{border-color:var(--kr-border);border-radius:var(--kr-radius)}.market-card-body>button{min-height:44px}.public-footer{background:#fff;border-top:1px solid var(--kr-border);color:var(--kr-muted)}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #8eaa57;outline-offset:3px}
@media(max-width:700px){.unified-public-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:16px!important}.unified-public-header nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px!important;width:100%}.unified-public-header nav a{font-size:clamp(10px,2.8vw,12px)!important;padding:8px 4px!important}.unified-public-header .public-brand strong{font-size:20px!important}.terms-page{margin:20px 14px}.login-refresh{min-height:auto}.workspace main{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.tenant-portal-header{flex-wrap:wrap;gap:12px}}
@media(display-mode:standalone),(display-mode:fullscreen){.unified-public-header .website-identity{display:none!important}.unified-public-header .app-identity{display:block!important}.unified-public-header{padding-top:max(16px,env(safe-area-inset-top))!important}.public-footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}}
}
@media print{.unified-public-header{display:none!important}}

/* The product name stays primary; module labels identify each experience. */
@media screen{.brand-module,.unified-public-header .public-brand .brand-module{font-size:11px!important;font-weight:750!important;letter-spacing:1.1px!important;text-transform:uppercase;margin-top:5px}.brand-description,.unified-public-header .public-brand .brand-description{font-size:10px!important;letter-spacing:0!important;line-height:1.4;max-width:230px;white-space:normal}.brand-copy{min-width:0}.brand-identity{display:block}.unified-public-header .public-brand{min-width:0}.brand-modern .brand-copy .brand-description{letter-spacing:0}.tenant-portal-header .brand-copy strong{color:#105F50}.tenant-portal-header .brand-copy small{color:#52655E}}

/* Original management green also covers sign-in and tenant screens. */
@media screen{.login-refresh,.tenant-portal{--green:#215641;--kr-primary:#215641;--kr-ink:#143e34;--kr-canvas:#f6f8f3;--kr-border:#dce5d6;--kr-muted:#526b60}.login-refresh .login-art{background:linear-gradient(155deg,#123d34,#102e29)}.tenant-portal{background:#f6f8f3;color:#143e34}.tenant-portal-header{background:#fff}.login-refresh .login-submit,.tenant-portal button:not(.secondary):not(.textbutton):not(.danger){background:#215641;color:#fff}.tenant-portal .filter-pills button:not(.selected){background:#fff;color:#215641}}

@media screen{.hotel-staff-form{display:grid;gap:16px;max-width:640px}.hotel-staff-form label:not(.hotel-property-choice){display:grid;gap:6px}.hotel-staff-form fieldset{border:1px solid var(--kr-border);border-radius:12px;padding:16px}.hotel-property-choice{display:flex;align-items:center;gap:10px;padding:8px 0}.hotel-property-choice input{min-height:0!important;width:18px;height:18px}.login-card>.textbutton{margin-top:16px}}
