/* The phone domain keeps the same app and permissions, with a compact shell. */
@media (max-width: 56.25rem) {
  body.hrvet-mobile-web { background: #f2f7f4; }
  body.hrvet-mobile-web .shell { min-height: 100dvh; padding-bottom: calc(5.25rem + env(safe-area-inset-bottom)); }
  body.hrvet-mobile-web .app-layout { min-width: 0; }
  body.hrvet-mobile-web .hrvet-header-stack { position: relative; }
  body.hrvet-mobile-web .app-topbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-auto-rows: auto !important;
    align-items: center !important;
    gap: .55rem !important;
    min-height: 4rem !important;
    padding: .55rem .7rem !important;
  }
  body.hrvet-mobile-web .topbar-hrvet-brand { display: none !important; }
  body.hrvet-mobile-web .topbar-clinic-brand {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: stretch !important;
    grid-template-columns: 2.45rem minmax(0, 1fr) !important;
    gap: .45rem !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 2.9rem !important;
    padding: .25rem .45rem !important;
    border-radius: .8rem !important;
  }
  body.hrvet-mobile-web .topbar-clinic-logo-wrap {
    width: 2.45rem !important;
    height: 2.3rem !important;
    border-radius: .6rem !important;
  }
  body.hrvet-mobile-web .topbar-clinic-logo-wrap img {
    max-width: 2.35rem !important;
    max-height: 2.2rem !important;
  }
  body.hrvet-mobile-web .topbar-clinic-brand .topbar-title { min-width: 0; }
  body.hrvet-mobile-web .topbar-clinic-brand .topbar-title strong {
    display: block;
    overflow: hidden;
    max-width: 100% !important;
    font-size: .83rem !important;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  body.hrvet-mobile-web .topbar-clinic-brand .topbar-title span { display: none !important; }
  body.hrvet-mobile-web .topbar-actions {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    align-items: center;
    justify-self: end !important;
    gap: .3rem !important;
    width: auto !important;
    margin: 0 !important;
  }
  body.hrvet-mobile-web .hrvet-topbar-clock { display: none !important; }
  body.hrvet-mobile-web .mobile-menu-toggle {
    min-width: 2.75rem;
    min-height: 2.75rem;
    justify-content: center;
    padding: 0 .5rem;
  }
  body.hrvet-mobile-web .mobile-menu-toggle > span:last-child { display: none; }
  body.hrvet-mobile-web .topbar-user-button {
    min-width: 2.75rem !important;
    width: 2.75rem !important;
    min-height: 2.75rem !important;
    padding: .2rem !important;
  }
  body.hrvet-mobile-web .topbar-user-button .topbar-avatar {
    width: 2.3rem !important;
    height: 2.3rem !important;
  }
  body.hrvet-mobile-web .horizontal-menu {
    position: fixed !important;
    z-index: 150 !important;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: .1rem !important;
    max-width: none !important;
    min-height: 4.6rem;
    padding: .35rem .45rem calc(.35rem + env(safe-area-inset-bottom)) !important;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    border-top: 1px solid #d8e9df;
    background: rgba(255,255,255,.98) !important;
    box-shadow: 0 -.5rem 1.5rem rgba(19,65,45,.12);
  }
  body.hrvet-mobile-web .horizontal-menu::-webkit-scrollbar { display: none; }
  body.hrvet-mobile-web .horizontal-link {
    flex: 0 0 4.9rem !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .2rem !important;
    min-height: 3.8rem !important;
    padding: .35rem .3rem !important;
    border-radius: .7rem !important;
    font-size: .68rem !important;
    line-height: 1.1;
    text-align: center;
  }
  body.hrvet-mobile-web .horizontal-link .horizontal-icon {
    flex: none;
    width: 1.25rem !important;
    height: 1.25rem !important;
  }
  body.hrvet-mobile-web .main-area,
  body.hrvet-mobile-web .content,
  body.hrvet-mobile-web .content-inner { min-width: 0; }
  body.hrvet-mobile-web .content { padding: .8rem .65rem 1.5rem !important; }
  body.hrvet-mobile-web .module-header { flex-wrap: wrap; }
  body.hrvet-mobile-web .table-wrap { max-width: 100%; overflow-x: auto; }
}

@media (max-width: 38rem) {
  body.hrvet-mobile-web .topbar-clinic-brand .topbar-title strong { font-size: .75rem !important; }
  body.hrvet-mobile-web .hrvet-topbar-message { min-width: 2.4rem; }
  body.hrvet-mobile-web .content { padding-inline: .55rem !important; }
  body.hrvet-mobile-web .form-grid { grid-template-columns: minmax(0, 1fr); }
  body.hrvet-mobile-web input,
  body.hrvet-mobile-web select,
  body.hrvet-mobile-web textarea { max-width: 100%; }
}

/* First phone workflows: home, reception, clinical queue and records. */
.prontuario-history-mobile-picker,
.prontuario-section-mobile-picker { display: none; }
@media (max-width: 64rem) {
  body.hrvet-mobile-web .app-theme-inicio .home-grid,
  body.hrvet-mobile-web .app-theme-recepcao .reception-board,
  body.hrvet-mobile-web .app-theme-recepcao .caixa-dashboard-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body.hrvet-mobile-web .app-theme-inicio .home-welcome-actions,
  body.hrvet-mobile-web .app-theme-recepcao .reception-hero,
  body.hrvet-mobile-web .app-theme-recepcao .caixa-page-hero {
    flex-direction: column;
    align-items: stretch;
  }
  body.hrvet-mobile-web .app-theme-inicio .home-record-button,
  body.hrvet-mobile-web .app-theme-inicio .record-open-button,
  body.hrvet-mobile-web .app-theme-recepcao .reception-hero-actions > *,
  body.hrvet-mobile-web .app-theme-recepcao .reception-create button[type=submit] {
    width: 100%;
    min-height: 2.75rem;
  }
  body.hrvet-mobile-web .app-theme-inicio .record-search-form,
  body.hrvet-mobile-web .app-theme-recepcao .reception-create .form-grid,
  body.hrvet-mobile-web .app-theme-recepcao .caixa-open-grid,
  body.hrvet-mobile-web .app-theme-recepcao .caixa-search-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body.hrvet-mobile-web .app-theme-inicio .home-record-modal { padding: .5rem; }
  body.hrvet-mobile-web .app-theme-inicio .home-record-dialog {
    width: 100%;
    max-height: calc(100dvh - 1rem);
  }
  body.hrvet-mobile-web .app-theme-inicio .home-record-modal-results {
    max-height: min(42dvh, 22rem);
  }
  body.hrvet-mobile-web .app-theme-recepcao .reception-case {
    min-width: 0;
    gap: .55rem;
  }
  body.hrvet-mobile-web .app-theme-recepcao .reception-case-main { min-width: 0; overflow-wrap: anywhere; }
  body.hrvet-mobile-web .app-theme-atendimentos .attendance-heading {
    flex-wrap: wrap;
    gap: .5rem;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .clinical-attendance .attendance-toolbar {
    overflow: visible;
    padding: .7rem;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .clinical-attendance .attendance-shortcuts {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
    width: 100%;
    min-width: 0 !important;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .clinical-attendance .attendance-icon-tool {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 3rem !important;
    padding: .65rem .5rem !important;
    border-radius: .7rem;
    font-size: .82rem !important;
    font-weight: 850;
    line-height: 1.2;
    text-align: center;
    white-space: normal !important;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .clinical-attendance .attendance-icon-tool svg {
    display: none !important;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .clinical-attendance .attendance-icon-tool span {
    display: block;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .clinical-attendance .attendance-shortcut-primary,
  body.hrvet-mobile-web .app-theme-atendimentos .clinical-attendance .attendance-restore-order {
    grid-column: 1 / -1;
    margin: 0;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .clinical-attendance .attendance-restore-order {
    display: none !important;
  }
  body.hrvet-mobile-web .app-theme-atendimentos #atendimentos_tabela {
    display: block;
    width: 100%;
    min-width: 0;
  }
  body.hrvet-mobile-web .app-theme-atendimentos #atendimentos_tabela thead { display: none; }
  body.hrvet-mobile-web .app-theme-atendimentos #atendimentos_tbody {
    display: grid;
    gap: .65rem;
  }
  body.hrvet-mobile-web .app-theme-atendimentos #atendimentos_tbody > .attendance-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: .4rem .7rem;
    padding: .75rem;
    border: 1px solid #d8e6df;
    border-radius: .85rem;
    box-shadow: 0 .4rem 1rem rgba(23,60,44,.07);
  }
  body.hrvet-mobile-web .app-theme-atendimentos #atendimentos_tbody > .attendance-row td {
    display: grid;
    gap: .12rem;
    min-width: 0;
    padding: 0;
    border: 0;
    overflow-wrap: anywhere;
  }
  body.hrvet-mobile-web .app-theme-atendimentos #atendimentos_tbody > .attendance-row td::before {
    content: attr(data-coluna);
    color: #62796c;
    font-size: .63rem;
    font-weight: 850;
    text-transform: uppercase;
  }
  body.hrvet-mobile-web .app-theme-atendimentos td[data-coluna="data_hora"]::before { content: "Data e hora" !important; }
  body.hrvet-mobile-web .app-theme-atendimentos td[data-coluna="responsavel"]::before { content: "Responsável" !important; }
  body.hrvet-mobile-web .app-theme-atendimentos td[data-coluna="especie"]::before { content: "Espécie" !important; }
  body.hrvet-mobile-web .app-theme-atendimentos td[data-coluna="raca"]::before { content: "Raça" !important; }
  body.hrvet-mobile-web .app-theme-atendimentos td[data-coluna="veterinario"]::before { content: "Veterinário" !important; }
  body.hrvet-mobile-web .app-theme-atendimentos td[data-coluna="observacao"]::before { content: "Observação" !important; }
  body.hrvet-mobile-web .app-theme-atendimentos td[data-coluna="prioridade"]::before { content: "Prioridade" !important; }
  body.hrvet-mobile-web .app-theme-atendimentos td[data-coluna="acoes"] {
    grid-column: 1 / -1;
  }
  body.hrvet-mobile-web .app-theme-atendimentos td[data-coluna="acoes"]::before { content: none !important; }
  body.hrvet-mobile-web .app-theme-atendimentos .attendance-row-actions,
  body.hrvet-mobile-web .app-theme-atendimentos .attendance-row-action {
    width: 100%;
    min-height: 2.75rem;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .attendance-patient-search,
  body.hrvet-mobile-web .app-theme-atendimentos .attendance-new-form {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .attendance-patient-search > *,
  body.hrvet-mobile-web .app-theme-atendimentos .attendance-new-form > * {
    grid-column: auto !important;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .clinical-attendance-modal {
    padding: .5rem;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .attendance-new-dialog {
    display: block !important;
    width: 100% !important;
    max-width: 36rem;
    max-height: calc(100dvh - 1rem) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: auto;
    border-radius: 1rem;
    scrollbar-width: thin;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .attendance-new-dialog .app-modal-header {
    position: sticky;
    top: 0;
    z-index: 5;
    padding: .85rem 1rem;
    background: #f2f7f4;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .attendance-new-dialog .app-modal-header button {
    flex: 0 0 2.75rem;
    width: 2.75rem;
    height: 2.75rem;
    min-height: 2.75rem;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .attendance-mobile-step {
    display: block !important;
    grid-column: 1 / -1 !important;
    margin: 0 0 .1rem;
    color: #265b40;
    font-size: .85rem;
    line-height: 1.2;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .attendance-patient-search {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .7rem;
    padding: 1rem;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .attendance-patient-search > label:nth-of-type(-n+2),
  body.hrvet-mobile-web .app-theme-atendimentos .attendance-patient-search > label:nth-of-type(5),
  body.hrvet-mobile-web .app-theme-atendimentos .attendance-patient-search > button {
    grid-column: 1 / -1 !important;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .attendance-patient-search label,
  body.hrvet-mobile-web .app-theme-atendimentos .attendance-new-form label {
    min-width: 0;
    font-size: .75rem;
    line-height: 1.3;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .attendance-patient-search input,
  body.hrvet-mobile-web .app-theme-atendimentos .attendance-new-form select,
  body.hrvet-mobile-web .app-theme-atendimentos .attendance-new-form textarea {
    width: 100%;
    min-height: 2.8rem;
    font-size: 1rem;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .attendance-patient-search button,
  body.hrvet-mobile-web .app-theme-atendimentos .attendance-new-form > button {
    width: 100%;
    min-height: 3rem;
    font-size: .9rem;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .attendance-patient-search .attendance-filter-submit {
    border: 1px solid var(--module-accent);
    border-radius: .7rem;
    background: var(--module-accent);
    color: #fff;
    font-weight: 850;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .attendance-patient-results {
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    padding: .75rem 1rem;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .attendance-patient-empty {
    padding: 1rem;
    border: 1px dashed #cbded3;
    border-radius: .7rem;
    background: #fff;
    text-align: center;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .attendance-patient-result {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: .4rem .65rem;
    min-height: 0;
    padding: .8rem;
    border-radius: .75rem;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .attendance-patient-result > div:first-child,
  body.hrvet-mobile-web .app-theme-atendimentos .attendance-patient-result > div:nth-child(2) {
    grid-column: 1 / -1;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .attendance-patient-result b {
    align-self: center;
    justify-self: end;
    padding: .35rem .5rem;
    border-radius: .5rem;
    background: #e8f4ec;
    font-size: .7rem;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .attendance-patient-result.is-selected {
    border-color: #36815b;
    background: #edf8f1;
    box-shadow: 0 0 0 2px rgba(54,129,91,.14);
  }
  body.hrvet-mobile-web .app-theme-atendimentos .attendance-new-form {
    gap: .75rem;
    padding: 1rem;
    scroll-margin-top: 4.5rem;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .attendance-patient-selected {
    min-height: 3rem;
    padding: .7rem .8rem;
    border-radius: .7rem;
    font-size: .8rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-layout {
    grid-template-columns: minmax(0, 1fr) !important;
    height: auto;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-history-mobile-picker {
    display: grid !important;
    gap: .4rem;
    min-width: 0;
    padding: .8rem;
    border: 1px solid #dce9e2;
    border-radius: .9rem;
    background: #f8fbf9;
    color: #315b47;
    font-size: .8rem;
    font-weight: 700;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-history-mobile-picker select {
    width: 100%;
    min-height: 3rem;
    padding: .65rem .75rem;
    border: 1px solid #b9d4c3;
    border-radius: .65rem;
    background: #fff;
    color: #244d36;
    font-size: 1rem;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-history {
    display: none !important;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-tabs-row {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: .55rem;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-tabs-row .prontuario-tabs {
    display: none !important;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-section-mobile-picker {
    display: grid !important;
    gap: .4rem;
    min-width: 0;
    padding: .8rem;
    border: 1px solid #cce4d7;
    border-radius: .9rem;
    background: linear-gradient(135deg, #f6fcf8, #eaf7ef);
    box-shadow: 0 5px 16px rgba(35, 78, 57, .07);
    color: #315b47;
    font-size: .8rem;
    font-weight: 800;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-section-mobile-select-wrap {
    position: relative;
    display: block;
    min-width: 0;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-section-mobile-select-wrap::after {
    content: '';
    position: absolute;
    right: 1rem;
    top: 50%;
    width: .55rem;
    height: .55rem;
    border-right: 2px solid #287653;
    border-bottom: 2px solid #287653;
    transform: translateY(-70%) rotate(45deg);
    pointer-events: none;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-section-mobile-picker select {
    appearance: none;
    width: 100%;
    min-height: 3.2rem;
    padding: .7rem 2.6rem .7rem .85rem;
    border: 1px solid #a7d1b7;
    border-radius: .7rem;
    background: #fff;
    color: #244d36;
    font-size: 1rem;
    font-weight: 750;
    box-shadow: 0 2px 6px rgba(35, 78, 57, .05);
  }
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-section-mobile-picker select:focus-visible {
    outline: 3px solid rgba(46, 125, 88, .3);
    outline-offset: 2px;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-tabs-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    min-width: 0;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-page {
    min-width: 0;
    overflow: visible;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-form {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-workspace {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    overscroll-behavior: auto !important;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-workspace section[data-prontuario-panel] .prontuario-editor-block {
    overflow: visible !important;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-workspace section[data-prontuario-panel] .prontuario-editor-block > .prontuario-rich-editor {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    overscroll-behavior: auto !important;
    touch-action: pan-y !important;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-workspace textarea {
    overscroll-behavior-y: auto !important;
    touch-action: pan-y !important;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-prescription-dialog[data-prescription-current-step="texto"] .prontuario-prescription-modal-editor {
    overscroll-behavior-y: auto !important;
    touch-action: pan-y !important;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-prescription-history > header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: .7rem;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-prescription-history > header > div {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-prescription-history > header > span {
    grid-column: 2;
    grid-row: 1;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-prescription-history-bw,
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-prescription-monochrome {
    display: flex !important;
    align-items: center;
    gap: .7rem;
    min-height: 3.1rem;
    padding: .65rem .8rem;
    border: 1px solid #cbded3;
    border-radius: .75rem;
    background: #f7fbf8;
    color: #294f3c;
    font-size: .8rem;
    font-weight: 800;
    line-height: 1.25;
    white-space: normal;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-prescription-history-bw {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    margin: 0;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-prescription-monochrome {
    flex: 1 1 100%;
    width: 100%;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-prescription-history-bw:has(input:checked),
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-prescription-monochrome:has(input:checked) {
    border-color: #7eb797;
    background: #ebf7ef;
    color: #20583c;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-prescription-history-bw input,
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-prescription-monochrome input {
    position: absolute !important;
    width: 1px !important;
    min-width: 1px !important;
    max-width: 1px !important;
    height: 1px !important;
    min-height: 1px !important;
    max-height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0;
    clip-path: inset(50%);
  }
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-bw-switch {
    position: relative;
    display: block !important;
    flex: 0 0 2.5rem;
    width: 2.5rem;
    min-width: 2.5rem;
    max-width: 2.5rem;
    height: 1.45rem;
    min-height: 1.45rem;
    max-height: 1.45rem;
    border: 1px solid #a9bbb0;
    border-radius: 999px;
    background: #c6d3ca;
    box-sizing: border-box;
    transition: background .15s ease;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-bw-switch::before {
    content: '';
    position: absolute;
    top: .16rem;
    left: .16rem;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.18);
    transition: transform .15s ease;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-prescription-history-bw input:checked + .prontuario-bw-switch,
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-prescription-monochrome input:checked + .prontuario-bw-switch {
    border-color: #287653;
    background: #287653;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-prescription-history-bw input:checked + .prontuario-bw-switch::before,
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-prescription-monochrome input:checked + .prontuario-bw-switch::before {
    transform: translateX(1.05rem);
  }
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-prescription-history-bw input:focus-visible + .prontuario-bw-switch,
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-prescription-monochrome input:focus-visible + .prontuario-bw-switch {
    outline: 3px solid rgba(46,125,88,.3);
    outline-offset: 2px;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-bw-text {
    flex: 1 1 auto;
    min-width: 0;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-head {
    grid-template-columns: minmax(0, 1fr) !important;
    max-height: none !important;
    overflow: visible !important;
    overscroll-behavior: auto !important;
    touch-action: auto !important;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-info-card,
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-collapsed-bar {
    touch-action: auto !important;
  }
  body.hrvet-mobile-web .app-theme-atendimentos .prontuario-editor-toolbar {
    max-width: 100%;
    overflow-x: auto;
  }
}