/* Spacious outlined controls, matching the reference form's restrained borders. */
.office-content .mud-input-control {
    margin-top: 12px;
    margin-bottom: 12px;
}

.office-content .mud-input-outlined {
    border-radius: 4px;
    background: var(--mud-palette-surface);
}

.theme-light .office-content .mud-input-outlined {
    background: #fff;
    border-radius: 4px;
}

.office-content .mud-input-outlined .mud-input-outlined-border,
.theme-light .office-content .mud-input-outlined .mud-input-outlined-border {
    border-radius: 4px;
    border-color: var(--mud-palette-lines-inputs);
}

.theme-light .office-content .mud-input-outlined .mud-input-outlined-border {
    border-color: #bdbdbd;
}

.office-content .mud-input-outlined input.mud-input-slot,
.office-content .mud-input-outlined .mud-select-input {
    min-height: 56px;
    box-sizing: border-box;
}

.office-content .mud-input-outlined:hover:not(.mud-disabled):not(.mud-input-error) .mud-input-outlined-border {
    border-color: var(--mud-palette-text-primary);
}

.office-content .mud-input-outlined:focus-within:not(.mud-input-error) .mud-input-outlined-border {
    border-color: var(--mud-palette-primary);
    border-width: 2px;
}

.office-content .mud-input-outlined.mud-input-error .mud-input-outlined-border {
    border-color: var(--mud-palette-error);
}

.office-content .mud-input-outlined.mud-disabled {
    background: var(--mud-palette-action-disabled-background);
}

.office-content :is(.form-control, .form-select) {
    min-height: 56px;
    padding: 14px 16px;
    border: 1px solid var(--mud-palette-lines-inputs);
    border-radius: 4px;
    background-color: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
}

.office-content :is(.form-control, .form-select):focus {
    border-color: var(--mud-palette-primary);
    box-shadow: 0 0 0 1px var(--mud-palette-primary);
}

/* Organization identity across both workspace themes. */
.office-brand { display:flex; align-items:center; gap:12px; min-width:0; color:inherit; text-decoration:none; }
.office-brand img { flex:none; object-fit:contain; padding:5px; background:white; border:1px solid #d7e7dc; border-radius:50%; }
.office-brand strong { display:block; font-size:17px; line-height:1.25; }
.office-brand small { display:block; font-size:11px; margin-top:4px; opacity:.8; }
@media (max-width:600px) {
 .office-brand { gap:7px; }
 .office-brand img { width:38px; height:38px; padding:4px; }
 .office-brand strong { font-size:11px; }
 .office-brand small { font-size:9px; margin-top:2px; }
 .office-appbar .mud-toolbar { padding-left:4px; padding-right:4px; }
 .office-appbar .mud-icon-button { padding:6px; }
}