/* Campo: mesmos controles e ordem de leitura, espaço compatível com o aparelho.
   Gravação global ocupa a navegação opaca, sem cobrir conteúdo. */
.el-campo .campo-retorno{display:none}
.el-campo nav.tabs{background:var(--card);backdrop-filter:none}
.el-campo #fabGravar{position:relative;left:auto;bottom:auto;transform:none;width:44px;height:44px;margin:6px auto;flex:none;box-shadow:none}
.el-campo #fabGravar[hidden]{display:none}
.el-campo #fabGravar:active{transform:scale(.96)}
.el-campo #fabGravar::after{inset:2px}

@media(min-width:768px){
 .el-campo .app{max-width:none;width:100%;margin:0;min-width:0}
 .el-campo header.top{padding:18px 28px;background:var(--card)}
 .el-campo .toprow{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px}
 .el-campo .toprow > .brand{grid-column:1;grid-row:1}
 .el-campo .toprow > .conn{grid-column:2;grid-row:1;justify-self:end}
 .el-campo .toprow > .el-field-menu{grid-column:3;grid-row:1}
 .el-campo .brandtxt b{font-size:19px}
 .el-campo .brandtxt span{line-height:1.45}
 .el-campo .app > main{width:100%;min-width:0;box-sizing:border-box;padding:28px 28px calc(var(--navh) + 126px + var(--safe-b))}
 .el-campo h1.screen{font-size:28px;line-height:1.2;margin-bottom:10px}
 .el-campo p.sub{font-size:14px;line-height:1.55;max-width:80ch}
 .el-campo #listaCasos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
 .el-campo #listaCasos > .caso{margin:0;padding:20px;min-width:0}
 .el-campo #listaCasos > :not(.caso){grid-column:1 / -1}
 .el-campo .segurado{font-size:18px;line-height:1.3;overflow-wrap:anywhere}
 .el-campo .meta,.el-campo .chip{overflow-wrap:anywhere}
 .el-campo .chip{white-space:normal}
 .el-campo #formSind{max-width:840px;box-sizing:border-box}
 .el-campo #casos > .btnrow{max-width:300px}
 .el-campo .btnrow{flex-wrap:wrap}
 .el-campo .btnrow .btn{flex-basis:150px}
 .el-campo #gravar{max-width:960px;margin-inline:auto}
 .el-campo .rec-wrap{padding:30px}
 .el-campo #checklist{max-width:1120px;margin-inline:auto}
 .el-campo #relColeta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px;align-items:start}
 .el-campo #relColeta > .el-rel-intro{grid-column:1 / -1;margin:0}
 .el-campo #relColeta > .el-inline-field{margin:0;min-width:0;padding:18px}
 .el-campo #relCampos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
 .el-campo #relCampos > .relsecao{min-width:0;margin:0}
 .el-campo #relCampos > :not(.relsecao){grid-column:1 / -1}
 .el-campo .relcampo .val{overflow-wrap:anywhere}
 .el-campo #gridFotos{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
 .el-campo #gridFotos > *{min-width:0}
 .el-campo #locLista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
 .el-campo #locLista > *{min-width:0;margin-bottom:0}
 .el-campo #locCardNovo{max-width:840px}
 .el-campo .tabsinner{max-width:1120px;padding-inline:24px}
 .el-campo .tab{flex-direction:row;gap:10px;font-size:13px;padding:12px 8px}
 .el-campo .tab .badge{position:static;margin-left:2px}
 .el-campo .el-field-menu nav{max-width:min(420px,calc(100vw - 48px))}
 .el-campo #visorImg{max-height:80vh}
 .el-campo .preliminar{max-width:1000px;margin-inline:auto}
}

@media(min-width:1100px),(min-width:900px) and (min-height:600px) and (orientation:landscape){
 .el-campo{--campo-nav-width:208px}
 .el-campo .app{width:calc(100% - var(--campo-nav-width));margin-left:var(--campo-nav-width)}
 .el-campo header.top{padding:20px 36px}
 .el-campo .app > main{max-width:1600px;margin-inline:auto;padding:32px 36px 140px}
 .el-campo nav.tabs{top:0;right:auto;bottom:0;left:0;width:var(--campo-nav-width);box-sizing:border-box;border-top:0;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:24px 14px 14px;background:var(--card);backdrop-filter:none;overflow-y:auto}
 .el-campo .tabsinner{display:flex;flex-direction:column;gap:8px;max-width:none;width:100%;padding:0;margin:0;order:0}
 .el-campo .tab{width:100%;min-height:54px;justify-content:flex-start;gap:12px;padding:14px 16px;font-size:14px;text-align:left;border-radius:10px}
 .el-campo .tab[aria-selected=true]{background:var(--agrus-sf)}
 .el-campo .tab[aria-selected=true]::before{left:0;right:auto;top:12px;bottom:12px;height:auto;width:3px;border-radius:0 3px 3px 0}
 .el-campo .tab .badge{margin-left:auto}
 .el-campo .campo-retorno{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-top:24px;padding:14px 12px;min-height:48px;border-top:1px solid var(--line);border-radius:8px;color:var(--ink);text-decoration:none;font-size:14px;font-weight:600;order:1}
 .el-campo .campo-retorno:hover{background:var(--agrus-sf)}
 .el-campo .campo-retorno:focus-visible{outline:2px solid var(--agrus);outline-offset:2px}
 .el-campo .campo-retorno svg{width:20px;height:20px;flex:none}
 .el-campo .galdurfoot{margin-top:auto;padding-top:24px;font-size:11px;overflow-wrap:anywhere;order:3}
 .el-campo #fabGravar{order:2;margin:20px auto 0;width:52px;height:52px}
 .el-campo #listaCasos{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
 .el-campo #gridFotos{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
 .el-campo .el-field-return{padding-bottom:24px}
}

@media(min-width:900px) and (max-width:1099px) and (min-height:600px) and (orientation:landscape){
 .el-campo{--campo-nav-width:180px}
 .el-campo .app > main{padding-inline:24px}
 .el-campo #listaCasos{grid-template-columns:repeat(2,minmax(0,1fr))}
 .el-campo #gridFotos{grid-template-columns:repeat(3,minmax(0,1fr))}
 .el-campo .tab{min-height:46px;padding-block:10px}
}

@media(prefers-reduced-motion:reduce){
 .el-campo .app,.el-campo .tab{scroll-behavior:auto;transition:none}
}