/* Approved C / water: only brand surfaces change; business UI colors stay intact. */
.brand-mark{display:block;flex:none;width:46px;height:46px;border-radius:0;background:none;color:inherit;object-fit:contain}
.brand{gap:10px;min-width:0}
.brand .brand-wordmark{display:grid;gap:4px;font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;color:#302e2a;line-height:1.35;white-space:nowrap}
.brand-wordmark b,.brand-wordmark small{font-size:17px;font-weight:500;letter-spacing:.03em;color:inherit}
.brand-wordmark small{font-size:14px;letter-spacing:.01em}
.login-brand{display:flex;align-items:center;justify-content:center;gap:16px;margin:8px 0 22px}
.login-brand .brand-mark{width:66px;height:66px}
.login-card .login-brand h1{display:grid;gap:5px;font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;font-size:25px;font-weight:500;line-height:1.35;letter-spacing:.025em;color:#302e2a;margin:0;white-space:nowrap}
.login-brand h1 span:last-child{font-size:23px;letter-spacing:0}
.login-card>.muted{font-size:13px}
.mobile-brand-area{min-width:0;display:flex;align-items:center;gap:12px}
.mobile-workspace-label{font-size:10px;font-weight:700;color:var(--muted);white-space:nowrap}
@media(max-width:820px){
  .mobile-header .brand-mark{width:38px;height:38px}
  .mobile-header .brand{gap:7px}
  .mobile-header .brand-wordmark{gap:1px}
  .mobile-header .brand-wordmark b{font-size:15px}
  .mobile-header .brand-wordmark small{font-size:12px}
  .mobile-header{height:auto;min-height:72px;gap:8px}
  .mobile-brand-area{gap:3px;align-items:flex-start;flex-direction:column}
  .mobile-workspace-label{padding-left:45px;font-size:9px;line-height:1.2}
  .mobile-header-actions{flex:none}
}
@media(max-width:360px){
  .login-card{padding:24px 18px}
  .login-brand{gap:10px}
  .login-brand .brand-mark{width:50px;height:50px}
  .login-card .login-brand h1{font-size:21px}
  .login-brand h1 span:last-child{font-size:19px}
  .mobile-header{padding-left:10px;padding-right:10px;gap:6px}
  .mobile-header .brand-mark{width:32px;height:32px}
  .mobile-header .brand{gap:5px}
  .mobile-header .brand-wordmark b{font-size:14px}
  .mobile-header .brand-wordmark small{font-size:11px}
  .mobile-workspace-label{padding-left:37px}
}