body.agendamento-publico-layout { background: #f4f8fa; color: #102238; min-width: 0; }
.agendamento-publico-layout * { box-sizing: border-box; }
.ag-public-header { min-height: 68px; padding: 10px max(24px, calc((100vw - 1400px)/2)); display: flex; align-items: center; justify-content: space-between; gap: 16px; background: var(--bs-body-bg,#fff); border-bottom: 1px solid #dbe5eb; }
.ag-public-header .marca { margin: 0; font-size: 23px; white-space: nowrap; }
.ag-public-header > div { display: flex; align-items: center; gap: 18px; font-size: 13px; }
.ag-public-header .tema-menu { position: relative; z-index: 40; align-self: center; margin: 0; }
.ag-public-header .tema-menu > summary { width: 44px; min-width: 44px; height: 44px; min-height: 44px; display: grid; place-items: center; border: 1px solid #dbe5eb; border-radius: 10px; cursor: pointer; }
.ag-publico { width: min(100% - 40px, 1400px); margin: 0 auto; padding: 0 0 60px; }
.ag-intro { margin: 0 calc((min(100vw - 40px, 1400px) - 100vw)/2) 24px; padding: 26px max(24px, calc((100vw - 1400px)/2)); background: linear-gradient(112deg,#d8f4f1,#eef7f8 55%,#f3f8fa); display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.ag-intro h1 { font-size: clamp(24px,3vw,34px); line-height: 1.12; margin: 7px 0 6px; color: #102238; }
.ag-intro p { margin: 0; color: #52667c; }
.ag-selo { color: #087e77; font-size: 12px; font-weight: 700; }
.ag-vantagens { display: flex; flex-wrap: wrap; gap: 20px; }
.ag-vantagens > span { display: grid; grid-template-columns: 30px auto; column-gap: 8px; align-items: center; min-width: 125px; color: #078b81; font-size: 20px; }
.ag-vantagens strong,.ag-vantagens small { grid-column: 2; color: #102238; font-size: 12px; }
.ag-vantagens small { font-weight: 400; color: #52667c; }
.ag-grade { display: grid; grid-template-columns: minmax(0,1.8fr) minmax(300px,1fr); gap: 20px; align-items: start; }
.ag-esquerda,.ag-lateral { min-width: 0; }
.ag-lateral { display: grid; gap: 16px; position: sticky; top: 16px; }
.ag-card { background: var(--bs-body-bg,#fff); border: 1px solid #dce5ec; border-radius: 15px; box-shadow: 0 8px 24px #17334b0a; overflow: hidden; }
.ag-escolhas { padding: 20px; }
.ag-etapas { display: flex; justify-content: space-around; gap: 12px; margin: 0 0 18px; text-align: center; }
.ag-etapas span,.ag-etapas a { display: flex; flex-direction: column; align-items: center; gap: 4px; flex: 1; color: #8091a0; font-weight: 700; text-decoration: none; }
.ag-etapas .ativa { color: #008b80; }
.ag-etapas small { font-size: 12px; font-weight: 500; color: #536980; }
.ag-secao-titulo { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin: 6px 0 13px; }
.ag-secao-titulo:not(:first-of-type) { border-top: 1px solid #e6edf1; padding-top: 18px; margin-top: 20px; }
.ag-secao-titulo h2,.ag-empresa h2,.ag-continuar h2 { margin: 0; font-size: 18px; color: #102238; }
.ag-secao-titulo h2 span { display: inline-grid; place-items: center; background: #dff5f1; color: #007e76; border-radius: 8px; width: 29px; height: 29px; margin-right: 4px; }
.ag-link { background: transparent; border: 0; color: #007e76; font-size: 13px; cursor: pointer; padding: 6px; }
.ag-link[hidden] { display: none; }
.ag-filtro-lista { display: grid; grid-template-columns: auto minmax(180px,1fr) auto; align-items: center; gap: 10px; margin: 0 0 12px; color: #526980; font-size: 12px; }
.ag-filtro-lista label { font-weight: 650; color: #263d52; }
.ag-filtro-lista input { width: 100%; min-width: 0; min-height: 42px; padding: 8px 12px; border: 1px solid #d5e0e9; border-radius: 9px; background: var(--bs-body-bg,#fff); color: inherit; }
.ag-filtro-lista input:focus { outline: 2px solid #00a99c55; border-color: #009b90; }
.ag-opcoes [hidden] { display: none !important; }
.ag-filtro-vazio { margin: 0 0 12px; padding: 12px; border: 1px dashed #cbd9e2; border-radius: 9px; color: #526980; font-size: 13px; }
.ag-filtro-vazio[hidden] { display: none; }
.ag-opcoes { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; }
.ag-opcoes:not(.expandida) .ag-opcao:nth-child(n+5) { display: none; }
.ag-opcoes.filtrando .ag-opcao { display: flex; }
.ag-opcao { min-width: 0; min-height: 88px; display: flex; text-align: left; align-items: center; gap: 10px; padding: 12px; border: 1px solid #d5e0e9; border-radius: 11px; background: var(--bs-body-bg,#fff); color: #102238; cursor: pointer; }
.ag-opcao:hover,.ag-horarios button:hover,.ag-dias button:hover:not(:disabled) { border-color: #0bafa2; }
.ag-opcao.selecionada { border: 2px solid #009b90; background: #eaf9f6; padding: 11px; }
.ag-opcao > span:last-child { display: grid; gap: 3px; min-width: 0; }
.ag-opcao strong,.ag-opcao small,.ag-opcao b { overflow: hidden; text-overflow: ellipsis; }
.ag-opcao strong { font-size: 13px; }
.ag-opcao small { font-size: 12px; color: #526980; }
.ag-opcao b { font-size: 12px; color: #176178; }
.ag-opcao-icone,.ag-avatar { width: 35px; height: 35px; flex: 0 0 35px; display: grid; place-items: center; border-radius: 50%; background: #dff5f1; color: #007c75; font-weight: 800; }
.ag-galeria { display: inline-block; font-size: 12px; margin: 10px 0 0; color: #007e76; }
.ag-data-completa { display: flex; align-items: center; gap: 6px; font-size: 12px; }
.ag-data-completa input { min-height: 44px; border: 1px solid #d5e0e9; border-radius: 9px; padding: 6px; background: var(--bs-body-bg,#fff); color: inherit; }
.ag-dias { display: grid; grid-template-columns: 40px repeat(7,minmax(0,1fr)) 40px; gap: 7px; }
.ag-dias > button[data-ag-pagina="anterior"] { grid-column: 1; }
.ag-dias > button[data-ag-pagina="proxima"] { grid-column: 9; }
.ag-legenda-calendario { color: #587086; font-size: 12px; }
.ag-dias button,.ag-horarios button { min-height: 52px; border: 1px solid #d5e0e9; background: var(--bs-body-bg,#fff); color: #15314d; border-radius: 10px; cursor: pointer; }
.ag-dias button { display: grid; place-items: center; padding: 5px; }
.ag-dias button:disabled { opacity: .35; cursor: default; }
.ag-dias button.selecionada,.ag-horarios button.selecionada { color: #fff; background: #007e76; border-color: #007e76; }
.ag-dias small { font-size: 11px; }
.ag-horarios { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 8px; }
.ag-horarios button { min-height: 44px; padding: 6px 4px; font-size: 12px; white-space: nowrap; }
.ag-ajuda { font-size: 12px; color: #587086; line-height: 1.5; }
.ag-horario-ajuda { margin: -5px 0 12px; padding: 10px 12px; border: 1px solid #dcebe9; border-radius: 10px; background: #f4fbfa; }
.ag-horario-ajuda strong { color: #087f78; }
.ag-empresa-capa { height: 100px; background: radial-gradient(circle at 80% 20%,#5bd2c0,#027f78 70%,#075a60); display: flex; align-items: center; padding: 18px; }
.ag-empresa-capa span { width: 60px; height: 60px; display: grid; place-items: center; border-radius: 12px; background: #ffffffec; color: #007e76; font-size: 30px; font-weight: 800; }
.ag-empresa-capa img { max-width: 110px; max-height: 72px; object-fit: contain; padding: 7px; border-radius: 10px; background: #ffffffec; }
.ag-empresa-corpo,.ag-continuar { padding: 20px; }
.ag-empresa-corpo > p { margin: 5px 0 15px; color: #587086; }
.ag-empresa hr { border: 0; border-top: 1px solid #e3ebf0; }
.ag-empresa h3 { font-size: 16px; margin: 17px 0 12px; }
.ag-empresa dl { margin: 0; display: grid; gap: 8px; }
.ag-empresa dl > div { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; font-size: 13px; }
.ag-empresa dt { color: #64788b; }
.ag-empresa dd { margin: 0; text-align: right; font-weight: 600; }
.ag-empresa dl > .ag-total { border-top: 1px solid #e3ebf0; margin-top: 8px; padding-top: 12px; }
.ag-empresa .ag-total dd { color: #008c80; font-size: 18px; }
.ag-continuar { display: grid; gap: 10px; }
.ag-acao { min-height: 50px; padding: 12px; display: flex; align-items: center; justify-content: space-between; border: 1px solid #d7e1e9; border-radius: 10px; color: #102238; text-decoration: none; }
.ag-acao.principal,.ag-continuar form button { background: #007e76; color: #fff; border-color: #007e76; }
.ag-continuar form { display: grid; gap: 9px; }
.ag-continuar form input { width: 100%; min-height: 44px; }
.ag-continuar form button { min-height: 48px; border-radius: 10px; cursor: pointer; }
.ag-continuar form button:disabled { opacity: .5; cursor: default; }
.ag-trocar-conta { display: grid; gap: 10px; padding-top: 12px; border-top: 1px solid #d7e1e9; }
.ag-trocar-conta p { margin: 0; }
.ag-trocar-conta form button.ag-acao { width: 100%; background: transparent; color: #102238; border: 1px solid #d7e1e9; text-align: left; font: inherit; }
.ag-trocar-conta form button.ag-acao:hover,.ag-trocar-conta form button.ag-acao:focus-visible { border-color: #007e76; color: #007e76; }
.ag-visitante { border: 1px solid #d7e1e9; border-radius: 10px; padding: 12px; }
.ag-visitante summary { cursor: pointer; font-weight: 700; min-height: 44px; display: flex; align-items: center; }
.ag-visitante form { padding-top: 12px; }
.ag-visitante label { font-size: 12px; font-weight: 600; }
.ag-visitante input { border: 1px solid #d5e0e9; border-radius: 9px; padding: 9px; background: var(--bs-body-bg,#fff); color: inherit; }
.ag-privacidade { font-size: 11px; color: #64788b; margin: 8px 0 0; }
.ag-erro { display: block; width: 100%; min-width: 0; box-sizing: border-box; margin: 12px 0 20px; padding: 12px 16px; border: 1px solid #eebbbb; border-radius: 10px; background: #fff1f0; color: #a02724; overflow-wrap: anywhere; }
.ag-erro strong { display: block; margin-bottom: 4px; }
.ag-erro ul { display: block; width: 100%; margin: 0; padding-left: 20px; }
.ag-erro li { display: list-item; max-width: 100%; overflow-wrap: anywhere; }
.ag-confirmacao { width: min(92vw,520px); padding: 24px; border: 1px solid #dce5ec; border-radius: 15px; background: var(--bs-body-bg,#fff); color: inherit; box-shadow: 0 20px 80px #0004; }
.ag-confirmacao::backdrop { background: #09212dbb; }
.ag-confirmacao h2 { font-size: 23px; margin: 0 0 12px; }
.ag-confirmacao > div { display: flex; justify-content: end; gap: 8px; margin-top: 20px; }
.ag-confirmacao button { min-height: 44px; padding: 8px 14px; border-radius: 9px; border: 1px solid #d5e0e9; background: transparent; color: inherit; cursor: pointer; }
.ag-confirmacao [data-ag-confirmar-envio] { background: #007e76; color: #fff; border-color: #007e76; }
.ag-acompanhamento { max-width: 760px; padding-top: 32px; }
.ag-acompanhamento-card { padding: clamp(20px,5vw,40px); }
.ag-acompanhamento-card h1 { margin: 10px 0 8px; font-size: clamp(25px,4vw,34px); }
.ag-acompanhamento-card > p { color: #526980; line-height: 1.6; }
.ag-acompanhamento-card dl { display: grid; gap: 0; margin: 24px 0; border: 1px solid #dce5ec; border-radius: 11px; overflow: hidden; }
.ag-acompanhamento-card dl > div { display: flex; justify-content: space-between; gap: 16px; padding: 13px 16px; border-bottom: 1px solid #e6edf1; }
.ag-acompanhamento-card dl > div:last-child { border-bottom: 0; }
.ag-acompanhamento-card dt { color: #64788b; }
.ag-acompanhamento-card dd { margin: 0; text-align: right; font-weight: 650; }
.ag-status-selo { display: inline-flex; padding: 7px 11px; border-radius: 99px; font-size: 12px; font-weight: 750; }
.ag-status-aprovado { color: #087450; background: #def5e9; }
.ag-status-pendente { color: #875a00; background: #fff1cf; }
.ag-status-recusado { color: #a02724; background: #ffebea; }
.ag-acompanhamento-card .ag-acao { width: fit-content; margin-top: 18px; }
.ag-acompanhamento-acoes { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.ag-acompanhamento-acoes .ag-acao { margin-top: 0; cursor: pointer; font: inherit; }
.ag-acompanhamento-acoes [role="status"] { font-size: 12px; color: #087e76; }
body.agendamento-publico-layout .ag-publico > section:not(.ag-intro):not(.ag-card) { margin-top: 24px; }
body.agendamento-publico-layout .lista-publica-agendamento { display: grid; gap: 8px; }
@media(max-width:1050px) { .ag-opcoes { grid-template-columns: repeat(2,minmax(0,1fr)); } .ag-horarios { grid-template-columns: repeat(4,minmax(0,1fr)); } .ag-vantagens { display: none; } }
@media(max-width:760px) { .ag-grade { display: flex; flex-direction: column; } .ag-esquerda,.ag-lateral { width: 100%; } .ag-lateral { position: static; } .ag-etapas small { font-size: 10px; } .ag-dias { grid-template-columns: 32px repeat(7,minmax(0,1fr)) 32px; gap: 3px; } .ag-dias button { min-width: 0; } .ag-data-completa { width: 100%; justify-content: space-between; } }
@media(max-width:520px) { .ag-filtro-lista { grid-template-columns: 1fr auto; } .ag-filtro-lista label { grid-column: 1 / -1; } .ag-acompanhamento-card dl > div { align-items: start; flex-direction: column; gap: 4px; } .ag-acompanhamento-card dd { text-align: left; } }
@media(max-width:440px) { .ag-publico { width: min(100% - 24px,1400px); } .ag-public-header { padding-inline: 12px; } .ag-public-header > div { gap: 8px; } .ag-public-header > div > span { display: none; } .ag-intro { margin-inline: -12px; padding: 22px 16px; } .ag-escolhas { padding: 14px; } .ag-opcoes { grid-template-columns: repeat(2,minmax(0,1fr)); } .ag-opcao { padding: 9px; gap: 6px; } .ag-opcao-icone,.ag-avatar { width: 29px; height: 29px; flex-basis: 29px; } .ag-dias { grid-template-columns: 28px repeat(7,minmax(0,1fr)) 28px; } .ag-dias small { font-size: 9px; } .ag-dias strong { font-size: 12px; } .ag-horarios { grid-template-columns: repeat(3,minmax(0,1fr)); } }
html[data-bs-theme-mode="dark"] body.agendamento-publico-layout { background: #111b25; color: #e5f0f3; }
html[data-bs-theme-mode="dark"] body.agendamento-publico-layout .tema-icone-sol { display: none; }
html[data-bs-theme-mode="dark"] body.agendamento-publico-layout .tema-icone-lua { display: block; }
html[data-bs-theme-mode="dark"] .ag-public-header,html[data-bs-theme-mode="dark"] .ag-card,html[data-bs-theme-mode="dark"] .ag-opcao,html[data-bs-theme-mode="dark"] .ag-dias button,html[data-bs-theme-mode="dark"] .ag-horarios button { background: #1b2935; color: #e5f0f3; border-color: #344653; }
html[data-bs-theme-mode="dark"] .ag-intro { background: linear-gradient(112deg,#143f43,#192c38); }
html[data-bs-theme-mode="dark"] .ag-intro h1,html[data-bs-theme-mode="dark"] .ag-intro p,html[data-bs-theme-mode="dark"] .ag-vantagens strong,html[data-bs-theme-mode="dark"] .ag-secao-titulo h2,html[data-bs-theme-mode="dark"] .ag-empresa h2,html[data-bs-theme-mode="dark"] .ag-continuar h2 { color: #e5f0f3; }
html[data-bs-theme-mode="dark"] .ag-opcao.selecionada,html[data-bs-theme-mode="dark"] .ag-dias button.selecionada,html[data-bs-theme-mode="dark"] .ag-horarios button.selecionada { background: #086d68; border-color: #13b5a7; color: #fff; }
html[data-bs-theme-mode="dark"] body.agendamento-publico-layout .ag-public-header .marca,html[data-bs-theme-mode="dark"] body.agendamento-publico-layout .ag-public-header a { color: #e5f0f3 !important; }
html[data-bs-theme-mode="dark"] .ag-public-header .marca-destaque,html[data-bs-theme-mode="dark"] .ag-link,html[data-bs-theme-mode="dark"] .ag-opcao b { color: #6de0d2; }
html[data-bs-theme-mode="dark"] .ag-opcao small,html[data-bs-theme-mode="dark"] .ag-etapas small,html[data-bs-theme-mode="dark"] .ag-ajuda,html[data-bs-theme-mode="dark"] .ag-empresa dt,html[data-bs-theme-mode="dark"] .ag-empresa-corpo > p { color: #b8cbd6; }
html[data-bs-theme-mode="dark"] .ag-horario-ajuda { background: #102b2b; border-color: #285654; }
html[data-bs-theme-mode="dark"] .ag-data-completa input,html[data-bs-theme-mode="dark"] .ag-public-header .tema-menu summary { background: #253745; color: #e5f0f3; border-color: #435766; color-scheme: dark; }
html[data-bs-theme-mode="dark"] .ag-acao { color: #e5f0f3; border-color: #435766; }
html[data-bs-theme-mode="dark"] .ag-trocar-conta { border-color: #435766; }
html[data-bs-theme-mode="dark"] .ag-trocar-conta form button.ag-acao { color: #e5f0f3; border-color: #435766; }
html[data-bs-theme-mode="dark"] .ag-visitante,html[data-bs-theme-mode="dark"] .ag-visitante input { border-color: #435766; }
html[data-bs-theme-mode="dark"] .ag-filtro-lista label,html[data-bs-theme-mode="dark"] .ag-acompanhamento-card h1 { color: #e5f0f3; }
html[data-bs-theme-mode="dark"] .ag-filtro-lista input,html[data-bs-theme-mode="dark"] .ag-acompanhamento-card dl { background: #1b2935; color: #e5f0f3; border-color: #435766; }
html[data-bs-theme-mode="dark"] .ag-acompanhamento-card > p,html[data-bs-theme-mode="dark"] .ag-acompanhamento-card dt { color: #b8cbd6; }
html[data-bs-theme-mode="dark"] .ag-status-aprovado { color: #9fe7be; background: #174434; }
html[data-bs-theme-mode="dark"] .ag-status-pendente { color: #f5d887; background: #51421c; }
html[data-bs-theme-mode="dark"] .ag-status-recusado { color: #ffb6b2; background: #512b2b; }

/* Ações de continuidade sempre acessíveis, inclusive antes de chegar ao fim da página. */
body.agendamento-publico-layout { padding-bottom: max(300px, 34vh); }
.ag-continuar { position: fixed; z-index: 1050; inset-inline: 0; bottom: 0; width: 100%; max-height: min(68dvh, 600px); overflow: auto; overscroll-behavior: contain; padding: 14px max(20px, calc((100vw - 1400px)/2)) calc(14px + env(safe-area-inset-bottom)); border: 1px solid #dce5ec; border-bottom: 0; border-radius: 16px 16px 0 0; background: color-mix(in srgb, var(--bs-body-bg,#fff) 96%, transparent); box-shadow: 0 -10px 34px #17334b18; backdrop-filter: blur(14px); grid-template-columns: repeat(4,minmax(0,1fr)); align-items: center; }
.ag-continuar h2 { grid-column: 1 / -1; }
.ag-continuar > .ag-privacidade { grid-column: 1 / -1; margin: 0; }
.ag-continuar .ag-acao { min-width: 0; }
.ag-titulo-datas > div { display: flex; align-items: center; gap: 12px; }
.ag-abrir-calendario { min-height: 40px; padding: 7px 11px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid #d5e0e9; border-radius: 9px; background: var(--bs-body-bg,#fff); color: #007e76; font: inherit; font-size: 12px; font-weight: 650; cursor: pointer; }
.ag-abrir-calendario:hover,.ag-abrir-calendario:focus-visible { border-color: #009b90; outline: 2px solid #00a99c33; }
.ag-calendario-dialog { width: min(92vw,380px); max-width: 380px; padding: 18px; border: 1px solid #dce5ec; border-radius: 16px; background: var(--bs-body-bg,#fff); color: #102238; box-shadow: 0 22px 70px #10223835; }
.ag-calendario-dialog::backdrop { background: #10223888; backdrop-filter: blur(3px); }
.ag-calendario-cabecalho { display: grid; grid-template-columns: 44px 1fr 44px; align-items: center; gap: 8px; margin-bottom: 14px; }
.ag-calendario-cabecalho h3 { margin: 0; text-align: center; text-transform: capitalize; font-size: 16px; }
.ag-calendario-cabecalho button,.ag-calendario-fechar { min-height: 44px; border: 1px solid #d5e0e9; border-radius: 9px; background: transparent; color: inherit; cursor: pointer; }
.ag-calendario-cabecalho button:disabled { opacity: .4; cursor: default; }
.ag-calendario-grade { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 5px; }
.ag-calendario-dia-semana { display: grid; place-items: center; min-height: 30px; color: #64788b; font-size: 12px; font-weight: 700; }
.ag-calendario-dia { min-width: 0; min-height: 42px; border: 1px solid #dce5ec; border-radius: 9px; background: var(--bs-body-bg,#fff); color: inherit; cursor: pointer; }
.ag-calendario-dia:hover:not(:disabled),.ag-calendario-dia:focus-visible { border-color: #009b90; outline: 2px solid #00a99c33; }
.ag-calendario-dia:disabled { opacity: .35; cursor: default; background: #f3f6f8; }
.ag-calendario-dia.selecionada { background: #007e76; border-color: #007e76; color: #fff; font-weight: 750; }
.ag-calendario-fechar { width: 100%; margin-top: 14px; color: #007e76; font-weight: 700; }
.ag-miniatura { overflow: hidden; background: #e8f5f3; }
.ag-miniatura img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ag-opcao .ag-miniatura { width: 46px; height: 46px; flex-basis: 46px; border-radius: 10px; }
.ag-opcao .ag-avatar.ag-miniatura { border-radius: 50%; }
html[data-bs-theme-mode="dark"] .ag-continuar { background: color-mix(in srgb, #1b2935 96%, transparent); border-color: #344653; box-shadow: 0 -10px 34px #0005; }
html[data-bs-theme-mode="dark"] .ag-abrir-calendario,html[data-bs-theme-mode="dark"] .ag-calendario-dialog,html[data-bs-theme-mode="dark"] .ag-calendario-dia,html[data-bs-theme-mode="dark"] .ag-calendario-cabecalho button,html[data-bs-theme-mode="dark"] .ag-calendario-fechar { background: #1b2935; color: #e5f0f3; border-color: #435766; }
html[data-bs-theme-mode="dark"] .ag-calendario-dia:disabled { background: #253745; }
html:not([data-bs-theme-mode="dark"]) .ag-opcao.selecionada { color: #102238; background: #eaf9f6; }
html:not([data-bs-theme-mode="dark"]) .ag-opcao.selecionada strong { color: #102238; }
html:not([data-bs-theme-mode="dark"]) .ag-opcao.selecionada small { color: #435d73; }
html:not([data-bs-theme-mode="dark"]) .ag-opcao.selecionada b { color: #075f59; }
html[data-bs-theme-mode="dark"] .ag-opcao.selecionada { color: #fff; }
html[data-bs-theme-mode="dark"] .ag-opcao.selecionada strong { color: #fff; }
html[data-bs-theme-mode="dark"] .ag-opcao.selecionada small { color: #e0f0f0; }
html[data-bs-theme-mode="dark"] .ag-opcao.selecionada b { color: #b4fff4; }
html:not([data-bs-theme-mode="dark"]) body.agendamento-publico-layout .ag-opcao:hover,
html:not([data-bs-theme-mode="dark"]) body.agendamento-publico-layout .ag-opcao:focus-visible { background: #eaf9f6; color: #102238; }
html:not([data-bs-theme-mode="dark"]) body.agendamento-publico-layout .ag-opcao:hover strong,
html:not([data-bs-theme-mode="dark"]) body.agendamento-publico-layout .ag-opcao:focus-visible strong { color: #102238; }
html:not([data-bs-theme-mode="dark"]) body.agendamento-publico-layout .ag-opcao:hover small,
html:not([data-bs-theme-mode="dark"]) body.agendamento-publico-layout .ag-opcao:focus-visible small { color: #435d73; }
html:not([data-bs-theme-mode="dark"]) body.agendamento-publico-layout .ag-opcao:hover b,
html:not([data-bs-theme-mode="dark"]) body.agendamento-publico-layout .ag-opcao:focus-visible b { color: #075f59; }
html[data-bs-theme-mode="dark"] body.agendamento-publico-layout .ag-opcao:hover,
html[data-bs-theme-mode="dark"] body.agendamento-publico-layout .ag-opcao:focus-visible { background: #243b47; color: #f4fbfc; }
html[data-bs-theme-mode="dark"] body.agendamento-publico-layout .ag-opcao:hover strong,
html[data-bs-theme-mode="dark"] body.agendamento-publico-layout .ag-opcao:focus-visible strong { color: #fff; }
html[data-bs-theme-mode="dark"] body.agendamento-publico-layout .ag-opcao:hover small,
html[data-bs-theme-mode="dark"] body.agendamento-publico-layout .ag-opcao:focus-visible small { color: #d1e0e7; }
html[data-bs-theme-mode="dark"] body.agendamento-publico-layout .ag-opcao:hover b,
html[data-bs-theme-mode="dark"] body.agendamento-publico-layout .ag-opcao:focus-visible b { color: #b4fff4; }
@media(max-width:760px) {
    body.agendamento-publico-layout { padding-bottom: max(330px, 40vh); }
    .ag-continuar { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; padding-inline: max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right)); }
    .ag-continuar h2,.ag-continuar > .ag-ajuda,.ag-continuar > .ag-privacidade,.ag-continuar > form,.ag-continuar > .ag-trocar-conta,.ag-continuar > .ag-visitante { grid-column: 1 / -1; }
    .ag-continuar .ag-acao { min-height: 46px; }
    .ag-continuar form button { min-height: 48px; }
    .ag-continuar:has(.ag-visitante[open]) { max-height: min(78dvh,720px); }
    .ag-titulo-datas > div { width: 100%; justify-content: space-between; }
    .ag-abrir-calendario { min-height: 44px; }
}
@media(max-width:440px) {
    body.agendamento-publico-layout { padding-bottom: max(350px, 44vh); }
    .ag-opcao .ag-miniatura { width: 36px; height: 36px; flex-basis: 36px; }
    .ag-continuar { gap: 7px; }
    .ag-continuar h2 { font-size: 16px; }
    .ag-continuar > .ag-ajuda,.ag-continuar > .ag-privacidade { font-size: 11px; }
}