/* Workspace Settings: small, keyboard-accessible company menu identity editor. */
#settings-branding .instance-branding-summary{display:flex;align-items:center;gap:12px;min-width:0}
#settings-branding .instance-branding-summary>div{min-width:0}
#settings-branding .instance-branding-summary [data-instance-brand-name]{overflow-wrap:anywhere}
#settings-branding .instance-branding-logo{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:12px}
#settings-branding .instance-branding-logo img{max-width:33px;max-height:33px;object-fit:contain}
#settings-branding .instance-branding-meta{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:11px}
#settings-branding .instance-branding-meta span{width:10px;height:10px;border-radius:50%}
#settings-branding .branding-plan-hint{margin:0 16px 14px;color:var(--text-muted);font-size:12px;line-height:1.5}
#modal-edit-instance-branding{box-sizing:border-box;width:min(94vw,490px);max-height:min(90dvh,760px);padding:20px;border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--text);box-shadow:0 22px 60px rgba(0,0,0,.28);overflow:auto}
#modal-edit-instance-branding::backdrop{background:rgba(9,22,38,.68)}
.branding-dialog-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:14px}
.branding-dialog-head>div{display:grid;gap:4px;min-width:0}
.branding-dialog-head strong{font-size:18px}
.branding-dialog-head span,.branding-form small{color:var(--text-muted);font-size:12px;line-height:1.4}
.branding-dialog-head button{align-self:start;border:0;background:transparent;color:var(--text);font-size:26px;cursor:pointer}
.branding-form{display:grid;gap:12px}
.branding-form label{display:grid;gap:6px;min-width:0;font-size:12px;font-weight:600}
.branding-form input:not([type=color]),.branding-form select{box-sizing:border-box;width:100%;min-width:0;padding:10px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font:inherit}
.branding-form input[type=file]{font-size:12px}
.branding-form-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#modal-edit-instance-branding .branding-color-row{display:flex;gap:8px;align-items:stretch}
#modal-edit-instance-branding .branding-color-row input[type=color]{flex:0 0 54px;width:54px;min-height:38px;padding:3px;cursor:pointer}
#modal-edit-instance-branding .branding-color-row .branding-hex{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}
.branding-form input[type=color]{box-sizing:border-box;width:100%;min-height:38px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}
.branding-dialog-actions{display:flex;justify-content:flex-end;align-items:center;gap:9px;margin-top:6px}
.branding-dialog-actions button,.branding-reset-form button{min-height:38px;padding:7px 12px;border:1px solid var(--border);border-radius:9px;cursor:pointer}
.branding-reset-form{padding-top:10px}
.branding-reset-form button{background:transparent;color:var(--text-muted);font-size:12px}
@media(max-width:520px){#settings-branding>.settings-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px}#modal-edit-instance-branding{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:15px}}