/* Business identity and the discreet software signature. */
.kronos-brand{display:inline-flex;align-items:center;gap:10px;max-width:100%;text-align:left;white-space:normal;text-decoration:none;color:inherit}
.kronos-logo{display:block;width:64px;height:48px;flex:0 0 auto;object-fit:contain;border-radius:6px;background:#03152c}
.kronos-brand-text{display:flex;flex-direction:column;line-height:1.35;min-width:0}
.kronos-brand-footer{gap:7px;padding:0 8px;vertical-align:middle;opacity:.85}
.kronos-brand-footer .kronos-logo{width:32px;height:24px;border-radius:3px}
.kronos-brand-footer .kronos-brand-text strong{font-size:.68rem;font-weight:500;letter-spacing:0}
.kronos-brand-footer .kronos-brand-text>span{font-size:.6rem}
.business-brand{display:inline-flex;align-items:center;gap:12px;max-width:100%;white-space:normal;line-height:1.25}
.business-logo{display:block;width:76px;height:58px;object-fit:contain;object-position:center;background:#fff;border-radius:8px;padding:4px;flex-shrink:0}
/* Explicit flex bounds avoid intrinsic grid sizing clipping tall images. */
.hero .hero-inner{gap:18px;padding-top:18px;padding-bottom:18px}
.hero .business-home-logo{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex:0 0 96px;width:96px;height:96px;min-width:0;min-height:0;padding:6px;border-radius:12px;background:#fff;box-shadow:none}
.hero .business-home-logo img.business-logo{display:block;flex:0 1 auto;width:100%;height:100%;min-width:0;min-height:0;max-width:84px;max-height:84px;object-fit:contain;object-position:center;padding:0;border-radius:6px}
.hero .hero-inner>div:has(h1){min-width:0;flex:1}
.hero h1{font-size:clamp(1.4rem,2.7vw,2.1rem);overflow-wrap:anywhere}
.hero .theme-trigger{flex-shrink:0}
.business-logo-preview-frame,#logo-preview{max-width:100%;width:320px}
.business-logo-preview-frame{height:160px;display:flex;align-items:center;justify-content:center;border:1px solid #cbd5e1;border-radius:10px;padding:10px;background:#fff;box-sizing:border-box}
.business-logo-preview-frame img,#logo-preview img{display:block;width:100%;height:140px;max-width:100%;object-fit:contain;object-position:center}
@media(max-width:540px){
 .hero .hero-inner{gap:12px;flex-wrap:wrap}
 .hero .business-home-logo{flex-basis:72px;width:72px;height:72px;padding:4px}
 .hero .business-home-logo img.business-logo{max-width:64px;max-height:64px}
 .hero .hero-inner>div:has(h1){flex:1;min-width:150px}
 .hero h1{font-size:1.35rem}
 .hero p{font-size:.78rem}
 .business-brand{font-size:1rem}.business-logo{width:60px;height:46px}
 .footer-inner .copyright.kronos-brand{justify-content:center}
 .pos-brand{min-width:0!important}.pos-brand small{display:block;max-width:210px}
}

@media(max-width:540px){
 .page .workspace,.page .modules{grid-template-columns:minmax(0,1fr)}
 .page .workspace>*{min-width:0}
 .page .hero-inner{display:grid;grid-template-columns:72px minmax(0,1fr)}
 .page .hero-inner>div:has(h1){min-width:0}
 .page .hero .theme-trigger{grid-column:2;justify-self:start;margin-left:0}
 .page .hero h1{font-size:1.35rem;overflow-wrap:anywhere}
}