com botao so na ponta) */ .aur .rf-disp-card { display: flex; align-items: center; justify-content: space-between; gap: 14px; width: 100%; text-align: left; padding: 14px 16px; cursor: pointer; font-family: var(--font); color: var(--ink); transition: transform .16s ease, border-color .16s ease; } .aur .rf-disp-card:hover { transform: translateY(-1px); border-color: var(--lilac); } .aur .rf-disp-card:focus-visible { outline: 2px solid var(--brand2); outline-offset: 2px; } .aur .rf-disp-main { display: flex; flex-direction: column; gap: 3px; min-width: 0; } .aur .rf-disp-main strong { font-size:14.5px; font-weight: 700; } .aur .rf-disp-side { display: flex; align-items: center; gap: 10px; flex-shrink: 0; color: var(--ink-soft); } /* navegacao (descarta o trabalho) longe da acao irreversivel */ .aur .rf-back { display: flex; } .aur .rf-pac { display: flex; align-items: center; gap: 13px; padding: 13px 16px; } .aur .rf-pac-av { width: 38px; height: 38px; flex-shrink: 0; border-radius: 12px; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg, var(--brand), var(--brand2)); } .aur .rf-pac-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .aur .rf-pac-txt strong { font-size:16px; font-weight: 750; letter-spacing: -.02em; } /* margin:0 anula `input{margin:4px 0 14px}` de 04-utils-views-units.css:221, que inflava 18px cada linha da tabela de conferencia */ .aur .rf-qtd { width: 84px; margin: 0; font-family: var(--font); font-size:13px; font-weight: 700; color: var(--ink); text-align: right; font-variant-numeric: tabular-nums; background: rgba(255,255,255,.5) !important; border: 1px solid var(--line) !important; border-radius: 10px !important; padding: 7px 9px; outline: none; } .aur .rf-qtd:focus { border-color: var(--brand2) !important; box-shadow: 0 0 0 3px rgba(92,111,58,.18) !important; } .aur .rf-qtd:disabled { opacity: .45; cursor: not-allowed; } /* linha fora da entrega: continua legivel, mas sai do primeiro plano */ .aur .au-table tr.rf-row-off td { opacity: .5; } .aur .au-table tr.rf-row-off td:first-child { opacity: 1; } .aur .rf-confirm { padding: 14px 16px; display: flex; flex-direction: column; gap: 14px; } .aur .rf-ret { display: flex; gap: 12px; flex-wrap: wrap; align-items: flex-start; } .aur .rf-ret > .au-fld { flex: 1 1 260px; min-width: 220px; } /* revelado pelo JS com style.display = 'flex' (regra 6): a direcao vem daqui */ .aur .rf-ret-extra { flex: 2 1 340px; gap: 12px; flex-wrap: wrap; } .aur .rf-ret-extra > .au-fld { flex: 1 1 160px; min-width: 150px; } .aur .rf-actionbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; border-top: 1px solid var(--line); padding-top: 12px; } .aur .rf-resumo { display: flex; flex-direction: column; gap: 2px; font-size:13px; } .aur .rf-resumo strong { font-weight: 750; letter-spacing: -.01em; } /* ============================================================ 5. FORMULARIOS EM MODAL (#reg-modal nao e .view-section: nenhum antidoto de dark mode do aurora-legacy-reset o alcanca) ============================================================ */ #reg-modal .rf-modal { display: flex; flex-direction: column; gap: 16px; } #reg-modal .rf-group { display: flex; flex-direction: column; gap: 10px; } #reg-modal .rf-group-t { margin: 0; display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; font-size:10.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--brand2); border-bottom: 1px solid var(--line); padding-bottom: 6px; } #reg-modal .rf-group-t .au-hint { text-transform: none; letter-spacing: 0; font-weight: 600; color: var(--ink-soft); } /* o kit (.au-fld) precisa vencer 12-modais.css, que pinta input/select do .modal-box */ #reg-modal .rf-modal .au-fld input, #reg-modal .rf-modal .au-fld select, #reg-modal .rf-modal .au-fld textarea { font-family: var(--font); font-size:13px; color: var(--ink); background: rgba(255,255,255,.5); border: 1px solid var(--line); border-radius: 11px; padding: 9px 12px; width: 100%; margin: 0; } #reg-modal .rf-modal .au-fld input:focus, #reg-modal .rf-modal .au-fld select:focus, #reg-modal .rf-modal .au-fld textarea:focus { border-color: var(--brand2); box-shadow: 0 0 0 3px rgba(92,111,58,.18); outline: none; } #reg-modal .rf-modal .au-fld .au-hint { font-size:12px; color: var(--ink-soft); line-height: 1.4; } /* checkboxes: repoe a grade que vinha de .reg-proc-checks/.reg-chk (regras mortas aqui) */ #reg-modal .rf-checks { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 8px; } #reg-modal .rf-chk { display: flex; align-items: center; gap: 8px; font-size:13px; font-weight: 600; color: var(--ink); border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.4); padding: 9px 12px; cursor: pointer; } #reg-modal .rf-chk:hover { border-color: var(--lilac); } #reg-modal .rf-chk input { width: 15px; height: 15px; accent-color: var(--brand); margin: 0; flex-shrink: 0; } #reg-modal .rf-chk-solo { margin-top: 2px; } /* objeto da operacao (o medicamento) como cabecalho, nao como hint apagado */ #reg-modal .rf-obj { display: flex; align-items: center; gap: 12px; } #reg-modal .rf-obj-ico { width: 36px; height: 36px; flex-shrink: 0; border-radius: 12px; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg, var(--brand), var(--brand2)); } #reg-modal .rf-obj-txt { display: flex; flex-direction: column; gap: 1px; min-width: 0; } #reg-modal .rf-obj-txt strong { font-size:16px; font-weight: 750; letter-spacing: -.02em; color: var(--ink); } /* CATMAT — o popup vinha de 4 style= inline, sem item ativo nem foco por teclado */ #reg-modal .rf-ac { position: relative; } #reg-modal .rf-ac-pop { position: absolute; z-index: 60; left: 0; right: 0; top: 100%; max-height: 240px; overflow: auto; margin-top: 4px; padding: 4px; } #reg-modal .rf-ac-item { display: flex; align-items: baseline; gap: 8px; width: 100%; text-align: left; font-family: var(--font); font-size:12px; color: var(--ink); background: none; border: none; border-radius: 9px; padding: 8px 10px; cursor: pointer; } #reg-modal .rf-ac-item + .rf-ac-item { border-top: 1px solid var(--line); } #reg-modal .rf-ac-item:hover, #reg-modal .rf-ac-item:focus-visible { background: rgba(92,111,58,.12); outline: none; } #reg-modal .rf-ac-item span { color: var(--ink-soft); } #reg-modal .rf-ac-empty { padding: 9px 11px; } /* exportacao BNAFAR: uma acao, dois escopos (eram dois botoes irmaos na barra de busca) */ #reg-modal .rf-escopo { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; } #reg-modal .rf-escopo-op { display: flex; align-items: center; gap: 12px; text-align: left; cursor: pointer; font-family: var(--font); color: var(--ink); border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.42); padding: 13px 14px; transition: transform .16s ease, border-color .16s ease; } #reg-modal .rf-escopo-op:hover { transform: translateY(-1px); border-color: var(--lilac); } #reg-modal .rf-escopo-ico { width: 34px; height: 34px; flex-shrink: 0; border-radius: 11px; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg, var(--brand), var(--brand2)); } #reg-modal .rf-escopo-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; } #reg-modal .rf-escopo-txt strong { font-size:14.5px; font-weight: 700; } /* ============================================================ 6. TEMA ESCURO (nunca fundo preto: superficie translucida) ============================================================ */ body.theme-dark .aur .rf-alert, .aur[data-theme="dark"] .rf-alert, body.theme-dark .aur .rf-search, .aur[data-theme="dark"] .rf-search, body.theme-dark .aur .rf-qtd, .aur[data-theme="dark"] .rf-qtd, body.theme-dark .aur .rf-loading, .aur[data-theme="dark"] .rf-loading { background: rgba(255,255,255,.06); } body.theme-dark #reg-modal .rf-modal .au-fld input, body.theme-dark #reg-modal .rf-modal .au-fld select, body.theme-dark #reg-modal .rf-modal .au-fld textarea, body.theme-dark #reg-modal .rf-chk, body.theme-dark #reg-modal .rf-escopo-op, #reg-modal.aur[data-theme="dark"] .rf-modal .au-fld input, #reg-modal.aur[data-theme="dark"] .rf-modal .au-fld select, #reg-modal.aur[data-theme="dark"] .rf-modal .au-fld textarea, #reg-modal.aur[data-theme="dark"] .rf-chk, #reg-modal.aur[data-theme="dark"] .rf-escopo-op { background: rgba(255,255,255,.07); color: var(--ink); } body.theme-dark #reg-modal .rf-ac-item:hover, #reg-modal.aur[data-theme="dark"] .rf-ac-item:hover { background: rgba(147,185,80,.16); } /* ============================================================ 7. RESPONSIVO ============================================================ */ @media (max-width: 900px) { .aur .rf-bar { align-items: flex-start; } .aur .rf-bar-acts { margin-left: 0; width: 100%; } .aur .rf-bar-acts .btn { width: 100%; justify-content: center; } .aur .rf-hero-sep { display: none; } .aur .rf-hero-acts { width: 100%; } .aur .rf-hero-acts .btn { flex: 1 1 auto; justify-content: center; } } @media (max-width: 640px) { .aur .rf-alert { flex-basis: 100%; } .aur .rf-disp-card { align-items: flex-start; flex-direction: column; } .aur .rf-actionbar { flex-direction: column; align-items: stretch; } .aur .rf-actionbar .btn { justify-content: center; } }