/* Tela de Ajustes (abas + campos "outlined") e cabeçalho da visão dia da agenda. */

/* ---------- ajustes ---------- */
.ajustes-tela .faixa-abas { padding-left: 56px; }
.ajustes-tela .pagina { max-width: none; padding: 16px 48px 32px 32px; }
.ajustes-cartao { padding: 18px 16px 20px; }
.ajustes-cartao h3 { font-size: 16px; font-weight: 500; color: #212121; margin: 0 0 4px; }
.ajustes-cartao > h3 { margin-bottom: 14px; }
.ajustes-form { gap: 18px 8px; }
.ajustes-form h3 { margin: 6px 0 -4px; }
.ajustes-form h3:first-child { margin-top: 0; }
.ajustes-acoes { display: flex; justify-content: flex-end; margin-top: 4px; }

.campo-md { position: relative; display: block; }
.campo-md input, .campo-md select, .campo-md textarea { width: 100%; height: 44px; box-sizing: border-box; border: 1px solid #d0d0d0; border-radius: 4px; background: var(--branco);
  padding: 0 14px; font-size: 14px; color: var(--texto); font-family: inherit; }
.campo-md textarea { height: auto; min-height: 96px; padding: 12px 14px; resize: vertical; line-height: 1.45; }
.campo-md select { padding-right: 8px; cursor: pointer; }
.campo-md input:hover, .campo-md select:hover, .campo-md textarea:hover { border-color: #9e9e9e; }
.campo-md input:focus, .campo-md select:focus, .campo-md textarea:focus { outline: none; border-color: var(--marca); box-shadow: inset 0 0 0 1px var(--marca); }
.campo-md .rotulo { position: absolute; left: 10px; top: -7px; padding: 0 4px; background: var(--branco); font-size: 12px; line-height: 14px; color: #757575; pointer-events: none; max-width: calc(100% - 24px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.campo-md:focus-within .rotulo { color: var(--marca-escura); }
.campo-md .contador-md { display: block; text-align: right; font-size: 12px; color: #757575; margin-top: 3px; padding-right: 2px; }
.campo-md input:invalid:not(:placeholder-shown):not(:focus) { border-color: var(--perigo); }

.dias-semana { display: flex; gap: 22px; flex-wrap: wrap; }
.variaveis { font-size: 12px; color: var(--texto-2); margin-top: -8px; line-height: 1.6; }

.tabela-ajustes { border: 0; }
.tabela-ajustes td { border-bottom: 1px solid #eeeeee; padding: 8px 6px; }
.tabela-ajustes .entrada { height: 40px; border-color: #d0d0d0; }

/* ---------- agenda: cabeçalho da visão dia ---------- */
.cab-visao-dia .col { padding: 0; }
.cab-visao-dia .col.hoje { background: linear-gradient(#fbfdff, #f1f7fe); }
.cab-dia { position: relative; min-height: 88px; display: flex; align-items: flex-end; justify-content: center; padding: 8px 8px 22px; box-sizing: border-box; }
.cab-dia .data-dia { position: absolute; left: 8px; top: 10px; }
.cab-dia .dia-num { font-size: 24px; margin-top: 6px; }
.cab-dia .prof-centro { display: flex; align-items: center; gap: 8px; min-width: 0; max-width: 100%; font-size: 15px; color: #424242; text-transform: uppercase; }
.cab-dia .prof-centro span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cab-dia .avatar-prof { width: 28px; height: 28px; border-radius: 50%; flex: none; display: grid; place-items: center; color: #fff; font-size: 13px; font-weight: 500; }
.cab-visao-dia .col .dia-inteiro { padding: 0 8px 6px; }