#office-app{--office-accent:#2861e7;--office-tint:#edf3ff;--office-deep:#101f39}
#office-app[data-office-theme="cyan"]{--office-accent:#087e9b;--office-tint:#e7f6fa;--office-deep:#0c2939}
#office-app[data-office-theme="indigo"]{--office-accent:#5347c5;--office-tint:#efedff;--office-deep:#201d40}
#office-app .sidebar{background:var(--office-deep)}
#office-app .brand-mark,#office-app .nav-item.active,#office-app .button.primary{background:var(--office-accent);border-color:var(--office-accent)}
#office-app .button.primary:hover{filter:brightness(.93)}
#office-app .room-panel-head{background:var(--office-tint)}
#office-app .location-pill{color:var(--office-accent);background:var(--office-tint)}
#office-app[data-office-theme="cyan"] .floor-room[data-floor-room="study"] .floor-room-surface{fill:#e4f5f8;stroke:#abd6e1}
#office-app[data-office-theme="indigo"] .floor-room[data-floor-room="study"] .floor-room-surface{fill:#efedff;stroke:#c9c3ef}
#office-name{overflow-wrap:anywhere;max-width:900px;font-size:clamp(24px,2.3vw,32px)}
#office-welcome{max-width:850px;white-space:pre-line}
.office-identity{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:9px}
.office-identity .eyebrow{margin:0}
#office-code{display:inline-flex;color:var(--office-accent);background:var(--office-tint);padding:3px 9px;border-radius:6px;font-size:11px;font-weight:600;overflow-wrap:anywhere}
#office-code:empty{display:none}
.office-settings-dialog{width:min(580px,calc(100vw - 28px));padding:0}
.office-setting-intro{font-size:13px;color:#62748b;margin-bottom:21px;line-height:1.8}
.office-settings-dialog textarea{resize:vertical;min-height:88px;background:#fff;border:1px solid #dbe4f1;border-radius:9px;padding:11px 13px;width:100%}
.office-settings-dialog .field-label{margin-bottom:19px}
.office-link-box{background:#f1f6ff;border:1px solid #d9e6fc;border-radius:13px;padding:19px}
.office-link-box>strong{font-size:14px}.office-link-box>p{font-size:12px;color:#617590;margin:7px 0 13px}
.office-link-box>small{display:block;color:#617590;font-size:11px;margin-top:11px;line-height:1.7}.office-link-box .field-label{font-size:12px;margin-bottom:10px}
.office-link-box input{font-size:12px}.login-office-hint{padding:11px 13px;background:#edf3ff;border:1px solid #d4e2fb;color:#2458b8;font-size:12px;border-radius:9px;margin-bottom:18px;overflow-wrap:anywhere}
@media(max-width:760px){#office-name{font-size:26px}.office-identity{gap:6px}#office-code{font-size:10px}.management-navigation{flex-wrap:wrap}.management-navigation .nav-item{flex:1 1 40%}.office-settings-dialog .settings-body{padding:20px}}