.cafe-logo{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border:1px solid var(--line);border-radius:12px;background:var(--white);overflow:hidden;color:var(--teal);font-weight:700;font-size:20px}
.cafe-logo img{width:100%;height:100%;object-fit:contain;padding:3px}
/* Platform identity stays separate from editable merchant branding. */
.sidebar .brand.platform-brand{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:0;margin:0 0 16px;text-align:left;color:var(--ink);letter-spacing:0;white-space:normal}
.platform-mark{display:block;flex-shrink:0;width:40px;height:40px}
.platform-wordmark{display:block;width:auto;height:28px}
.sidebar .brand.platform-brand>.platform-brand-name{display:block;min-width:0;font-size:20px;font-weight:700;line-height:1.2}
.sidebar .platform-brand small{display:block;font-size:12px;line-height:1.4;letter-spacing:0;color:var(--muted);font-weight:500;margin-top:4px}
/* A zero flex basis prevents a long tenant name from displacing header controls. */
.topbar>.outlet-switch{flex:1 1 0;min-width:0;width:0}
.outlet-switch>.outlet-identity{flex:1 1 0;min-width:0;overflow:hidden}
.outlet-switch>svg{flex-shrink:0}
.outlet-switch>.cafe-logo{width:42px;height:42px;border-radius:10px;font-size:16px}
.outlet-switch .outlet-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.outlet-switch .outlet-identity small{color:var(--muted)}
.cafe-logo-preview img{object-fit:contain!important;background:var(--white)}
.cafe-logo-preview{background:var(--white)!important}
.cafe-profile-settings{margin-top:12px}
.cafe-profile-settings p{font-size:12px;line-height:1.6;color:var(--muted);margin-bottom:12px}
@media(max-width:1366px) and (min-width:651px){
 .sidebar .brand.platform-brand{flex-direction:column;gap:8px;justify-content:center;text-align:center;margin:0 auto 12px}
 .platform-mark{width:36px;height:36px}
 .platform-wordmark{height:20px;margin:0 auto}
 .sidebar .brand.platform-brand>.platform-brand-name{font-size:14px}
 .sidebar .platform-brand small{font-size:10px;line-height:1.4;margin-top:4px}
}
@media(max-width:650px){
 .sidebar .brand.platform-brand{margin-bottom:12px}
 .outlet-switch>.cafe-logo{width:34px;height:34px;font-size:14px}
 .outlet-switch small{margin-top:1px}
}