/* style/odoo.css — o que o APP (index.html) desenha para um trabalho vindo do Odoo (v348).
Dono: js/data/index.js (odooJobsHtml, odooReportHtml). Ate a v347 estas regras eram style= inline no HTML gerado; o Rafael pediu
HTML, CSS e JS separados. Os valores sao os mesmos de antes — a E8 nao muda (o harness nao tem tarefa do Odoo em tela).
.odoonote a linha de estado da secao MY JOBS · ODOO vazia ('synced 02:08 — no open task…')
.odooreport o cartao Report result no bloco do trabalho (#m-odoo): tres botoes iguais, o texto de estado embaixo
.odooomw v349: o cartao On my way, acima do Report result, mesmo desenho (os tempos em botoes iguais)
.odoosheet v350: o cartao Measure sheet (a planilha anexada a tarefa: estado + Load), entre os dois */
#odoojobs .odoonote{margin:0 0 10px}
.card.odooreport,.card.odooomw,.card.odoosheet{margin:0 0 14px;max-width:560px}
.odooreport .seg3,.odooomw .seg3,.odoosheet .seg3{display:flex;width:100%}
.odooreport .seg3 button,.odooomw .seg3 button,.odoosheet .seg3 button{flex:1;min-width:0;align-items:center;justify-content:center}
.odooreport .odoostatus,.odooomw .odoostatus,.odoosheet .odoostatus{margin:8px 0 0}
.odooomw .seg3+.seg3{margin-top:6px} /* v352: a linha do Send ETA acima dos tempos fixos */
/* ===== v358 — MY JOBS com acoes (js/data/index.js odooJobsHtml · js/navigation/index.js odooActsBind) =====
.odoolist a lista: 1 coluna no telefone, 2 no PC (o .hubwrap tem 840 px)
.odooday o dia como cabecalho (TODAY · TOMORROW · WED · Oct 1)
.odoojob o cartao de uma tarefa; .t-install / .t-measure = o tipo, pela cor E pela palavra (.ojkind)
.ojhead o botao do cartao (data-odoojob): hora · cliente · tipo / endereco / estado
.odooacts as cinco acoes, 44 px cada (R11), cinco colunas de 64 px no telefone (R40: rotulos de ate 8 letras)
.odoogo a fila depois do GO: Google Maps · Apple Maps · ✕ */
.odoolist{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.odooday{grid-column:1/-1;font:700 11px/1 ui-monospace,monospace;letter-spacing:.1em;color:var(--muted);margin:6px 0 0}
.odoojob{border:1px solid var(--line);border-radius:12px;background:#fff;padding:9px 11px;display:grid;gap:8px}
.odoojob.t-install{background:#eef4fb;border-color:#c9d9ee} .odoojob.t-measure,.odoojob.t-estimate{background:#eaf6ee;border-color:#bfe0c9}
.odoojob .ojhead{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"time cust kind" "addr addr addr" "state state state";gap:1px 10px;width:100%;min-height:0;padding:0;border:none;background:transparent;text-align:left;border-radius:0;font:inherit;color:var(--ink);cursor:pointer}
.odoojob .ojhead[aria-pressed="true"]{background:transparent;color:var(--ink);box-shadow:-11px 0 0 -8px var(--accent)}
.ojtime{grid-area:time;font:800 20px/1.1 Archivo,sans-serif;align-self:center}
.ojkind{grid-area:kind;font:700 11px/1 Archivo,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);align-self:center}
.ojcust{grid-area:cust;font:700 17px/1.15 Archivo,sans-serif;align-self:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ojaddr{grid-area:addr;font-size:13px;color:var(--ink2);line-height:1.3}
.ojstate{grid-area:state;font-size:12.5px;color:var(--ink2);line-height:1.3} .ojstate .ok{color:var(--good)}
.odooacts{display:grid;grid-template-columns:repeat(5,1fr);gap:6px} .odooacts[data-odooacts4]{grid-template-columns:repeat(4,1fr)} /* v516: o trabalho fechado sem o ETA */
.odooacts button{min-height:44px;border:1px solid var(--line);background:#fff;border-radius:10px;font:inherit;padding:5px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer;color:var(--ink);min-width:0;touch-action:manipulation}
.odooacts button b{font:700 12px/1.1 Archivo,sans-serif;white-space:nowrap}
.odooacts button small{font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.odooacts button[data-odooact="omw"] b{color:var(--accent)} .odooacts button.sent b{color:var(--good)} .odooacts button[disabled]{opacity:.4}
.odooacts .odoogo{grid-column:span 2;min-height:44px;border:1px solid var(--accent);background:#fff;border-radius:10px;font:inherit;padding:5px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:var(--accent);text-decoration:none;min-width:0;cursor:pointer}
.odooacts .odoogo b{font:700 13px/1.1 Archivo,sans-serif;white-space:nowrap} .odooacts .odoogo small{font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.odooacts button.odoogo{grid-column:span 1}
/* ===== v358 — a aba Job numa tela: pills numa linha; a strip do Odoo compacta (odooOmwHtml · odooSheetHtml · odooReportHtml); o contrato no telefone (renderContract) ===== */
body[data-phone] .jobline .joblinks{display:inline-flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%;margin-left:0;padding-bottom:2px;-webkit-overflow-scrolling:touch}
.odoosheetline{margin:-6px 0 10px;font-size:12.5px} .odoosheetline [data-odoosheet][hidden]{display:none}
.odooomw .omwfixed[hidden]{display:none}
.odooreport .ojst{margin:-4px 0 8px;font-size:12.5px;color:var(--ink2)}
.ctrways summary{cursor:pointer;color:var(--accent);font-weight:600;padding:10px 0;min-height:44px} .ctrpdf{margin:0 0 8px}
/* ===== v358 — a volta facil no #mhead (shell/layout-m.js): ‹ aba anterior · Home · ‹ Prev job / Next job › entre os trabalhos do dia =====
v359 (Rafael: "still needs improvement on navigating back to main view once user tapped on job"): o ‹ e o Home sao botoes do app
(44 px, borda, cor de destaque, Archivo) — ate a v358 o ‹ era o botao cinza padrao do navegador e o ⌂ parecia o icone da aba Map. */
#mhead .mnav,.jnav .mnav{margin:0;min-height:44px;padding:0 14px;border:1px solid var(--line);background:#fff;border-radius:10px;font:700 15px/1 Archivo,sans-serif;color:var(--accent);cursor:pointer;white-space:nowrap}
#mhead [data-navback]{margin-right:auto}
.ojnav{flex-basis:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}
#mhead .ojnav button{margin:0;min-width:44px;min-height:44px;border:1px solid var(--line);background:#fff;border-radius:10px;font:600 13px/1 Archivo,sans-serif;color:var(--accent);cursor:pointer;padding:0 12px}
#mhead .ojnav button[disabled]{opacity:.35}
.ojnav span{font:600 12px/1 ui-monospace,monospace;color:var(--muted);padding:0 6px}
/* v367: as regras da tela JOB do v363 (.odoojob.jone, .ojmore, #jtabs) sairam — a tela JOB mora em js/job-screen/ (job-screen.css) */
/* v365 — a tela JOB no PC (a porta do Layout E, #emain-hub .jobview): a linha ‹ My jobs · Home (os mesmos .mnav); o cartao (ate 560 px) e' o da tela JOB, js/job-screen/job-screen.css (v367) */
.jnav{display:flex;align-items:center;gap:10px;margin:0 0 12px} .jnav .esp{flex:1}
/* v535 (esboco "Layout PC e iPad", parte A — Rafael 13/10, D2 a): a BARRA UNICA. Presa no topo ao rolar, como a barra antiga (.etop) que ela substitui nesta tela,
de ponta a ponta do .emain (o -14px desfaz o recheio dele); a bandeira e o tema com 44 px como o .mnav; Load / open e Print no texto do tema; Send report cheio */
.jnav{position:sticky;top:0;z-index:5;flex-wrap:wrap;gap:8px 10px;margin:0 -14px 12px;padding:8px 14px;background:var(--paper);border-bottom:1px solid var(--line)}
.etop[hidden]{display:none}
.jnav .i18n-btn{min-height:44px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--dlg,var(--panel,#fff))}
.jnav .mnav.jnav-b{padding:0 12px;font:600 14px/1 "Source Sans 3","Segoe UI",Roboto,sans-serif;color:var(--ink)}
.jnav .mnav.jnav-pri{background:var(--accent);border-color:var(--accent);color:var(--jv-on-acc,#fff);font-weight:700} /* a classe .pri no botao (como o Send report da .etop) e' o que os temas escuros poupam (theme.css: button:not(.pri)) */
@media print{.jnav{display:none!important}}
/* v423 — os icones dos apps no IR / GO (Google Maps, Apple Maps): o simbolo a esquerda, o texto a direita */
.goic{width:24px;height:24px;flex:none;display:inline-block;vertical-align:middle}
.joblink .goic{width:18px;height:18px;margin:-3px 6px -3px -2px}
.odooacts .odoogo:has(.goic){flex-direction:row;gap:8px} .odooacts .odoogo .gotx{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:1px}
/* ===== v461 — a FOLHA DO ON MY WAY (js/omw/ui.js; o molde #omw-tpl-sheet no index.html; esboco v461 opcao A, aprovado 2026-10-04) =====
.omws o