/* IODOO — UX tarefas (auditoria 30/09/2026). Só regras desta área; o comum está em ux-base.css. */

/* ---- tela da tarefa (U-07) ---- */
.ux-aceite{border-left:5px solid var(--ok);background:#F3FAF5}
.ux-aceite-btn{font-size:1.05rem;padding:12px 26px;margin:0}
.ux-recusar{display:inline-block;margin-left:14px;vertical-align:middle}
.ux-recusar>summary{font-size:.86rem;color:var(--cinza);text-decoration:underline;background:none;border:0;padding:0}
.ux-recusar-box{margin-top:10px;padding:10px 12px;background:var(--gelo);border-radius:10px}
.ux-desc{margin:10px 0 0;padding:8px 10px;background:var(--gelo);border-radius:8px;color:var(--texto)}
.ux-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}
.segmentado form.inline{display:contents}
.segmentado button[disabled]{cursor:default}
.segmentado .btn-ok{padding:6px 16px;font-weight:700;border-left:1px solid var(--borda)}
.ux-doc-acoes{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}
.ux-doc-acoes details.ux-rec[open]{flex-basis:100%}
.ux-form-anexar{margin-top:10px;padding:10px 12px;background:var(--gelo);border-radius:10px}
.ux-mk-atuais{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.ux-mk-atuais details.ux-rec[open]{flex-basis:100%}
details.ux-prot{margin:12px 0 0}
details.ux-prot>summary{cursor:pointer;font-weight:700;color:var(--navy);font-size:.95rem;list-style:none;display:inline-flex;align-items:center;gap:6px}
details.ux-prot>summary::-webkit-details-marker{display:none}
details.ux-prot>summary::before{content:"▸";font-size:.8rem;color:var(--cinza)}
details.ux-prot[open]>summary::before{content:"▾"}
details.ux-prot>.prot-box{margin-top:8px}
/* card inteiro recolhido (Dicas, Licenças do cliente) */
details.ux-card-rec>summary{list-style:none;cursor:pointer}
details.ux-card-rec>summary::-webkit-details-marker{display:none}
details.ux-card-rec>summary h2::before{content:"▸ ";color:var(--cinza);font-size:.85em}
details.ux-card-rec[open]>summary h2::before{content:"▾ "}
details.ux-card-rec>.ux-card-corpo{margin-top:10px}
/* engrenagem de cor: só ao passar o mouse (U-07) */
.cartao[data-card] .card-cor-btn{opacity:0;transition:opacity .15s}
.cartao[data-card]:hover .card-cor-btn,.card-cor-btn:focus{opacity:.6}
.cartao .vazio{padding:16px 12px;margin:8px 0 0}
.cartao .vazio b{font-size:.95rem}
.cartao .vazio .btn{margin-top:8px}
.rt-item .kn-etapa{opacity:.45}.rt-item:hover .kn-etapa{opacity:1}

/* ---- lista de tarefas (U-18) ---- */
.ux-abas-linha{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ux-atencao{position:relative}
.ux-atencao>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:5px 12px;border-radius:9px;background:rgba(30,42,74,.07);color:var(--navy);font-weight:600;font-size:.84rem}
.ux-atencao>summary::-webkit-details-marker{display:none}
.ux-atencao>summary.ativa,.ux-atencao>summary.alerta{background:#FDECEC;color:var(--erro)}
.ux-atencao .mais-menu{left:0;right:auto;min-width:280px}
.ux-atencao .mais-menu a{display:flex;justify-content:space-between;gap:12px}
.ux-atencao .mais-menu a.ativa{background:var(--gelo);font-weight:700}
.ux-atencao .mais-menu a b{font-weight:600;color:var(--cinza)}
.ux-atencao .mais-menu a.alerta b{color:var(--erro)}
.ux-legenda{font-size:.78rem;color:var(--cinza);white-space:nowrap}
.ux-icone{font-size:.95rem;cursor:help;margin-right:2px}
td.ux-alerta{white-space:nowrap}
td.ux-mk .tag.mk{margin:1px 2px 1px 0}

/* ---- kanban (B-04) ---- */
.kcard{cursor:grab;position:relative}
.kcard a.kcard-tit{text-decoration:none;color:var(--navy);font-weight:700;display:block}
.kcard .kcard-acoes{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}
.kcard .kcard-acoes form{margin:0}
.kcard .kcard-acoes .btn{margin:0;padding:3px 9px;font-size:.76rem;min-height:26px}
.kcard.kcard-oculto{display:none}
.kb-busca{max-width:320px;margin:0}

/* ---- visita técnica (U-37) ---- */
.ux-passo.atual{outline:2px solid var(--ouro)}
.ux-passos-visita .ux-passo{cursor:pointer}

/* ---- roteiros: etapas em linhas (U-45) ---- */
table.ux-etapas{width:100%;border-collapse:collapse;margin:6px 0 10px}
table.ux-etapas td{padding:4px 4px;vertical-align:top;border:0}
table.ux-etapas input{margin:0;min-height:36px}
table.ux-etapas td.n{width:28px;color:var(--cinza);font-weight:700;padding-top:12px;text-align:right}
table.ux-etapas td.ac{width:96px;white-space:nowrap;padding-top:6px}
table.ux-etapas td.ac button{border:1px solid var(--borda);background:#fff;border-radius:6px;width:28px;height:28px;cursor:pointer;margin:0 1px;font-size:.85rem}
table.ux-etapas td.ac button.rm{color:var(--erro)}

/* ---- transportes (U-14) ---- */
tr.ux-edit .lista-3 input{margin:0}
tr.ux-edit .ux-edit-acoes{display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap}
tr.ux-edit .ux-edit-acoes .btn{margin:0}

@media(max-width:700px){.ux-legenda{white-space:normal}.ux-recusar{display:block;margin:10px 0 0}}
body[data-tema=escuro] .ux-aceite{background:#1E2A22}
body[data-tema=escuro] .ux-desc,body[data-tema=escuro] .ux-form-anexar,body[data-tema=escuro] .ux-recusar-box{background:#1B2130}
body[data-tema=escuro] .ux-atencao>summary,body[data-tema=escuro] table.ux-etapas td.ac button{background:#242C40;color:#E8EAEE;border-color:#3D4660}