/* acao.css — cartão da Fase de Ação (js/acao_ui.js). Usa as variáveis de style.css (--ink, --ink2, --gold, --ok, --bad). */
#plan .resolver{margin:12px 0 0;display:flex;flex-direction:column;gap:9px}
#plan .resolver[hidden]{display:none}
#plan .resolver .pl-t{margin:0;font-size:15px;line-height:1.4;color:var(--ink)}
#plan .resolver .nota{margin:0}

/* cabeçalho "Vez da Casa X" */
#plan .rs-vez{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:7px;background:rgba(0,0,0,.28);
  border:1px solid var(--cor,#888);box-shadow:inset 4px 0 0 var(--cor,#888)}
#plan .rs-vez img{flex:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}
#plan .rs-vez b{display:block;font:500 17px var(--serif-t,serif);letter-spacing:.03em;color:var(--ink);font-weight:500}
#plan .rs-sub{font-size:14px;color:var(--gold);letter-spacing:.04em}
#plan .rs-cont{font-size:13px;color:var(--ink2);font-style:italic}

/* listas de chips (ordens, destinos, alvos) */
#plan .rs-areas{display:flex;flex-wrap:wrap;gap:6px}
#plan .rs-areas .chip{display:inline-flex;align-items:center;gap:4px}
#plan .rs-areas .chip.on{background:rgba(232,185,74,.30);border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}
#plan .rs-areas .chip.cl{background:rgba(154,209,122,.12);border-color:rgba(154,209,122,.5)}
#plan .rs-areas .chip.cl.on{background:rgba(154,209,122,.32);border-color:var(--ok);box-shadow:0 0 0 1px var(--ok) inset}
#plan .rs-areas .chip.nao{opacity:.4}

/* quantidades da Marcha */
#plan .rs-steps{display:flex;flex-direction:column;gap:4px}
#plan .rs-step{display:flex;align-items:center;gap:8px;padding:3px 0;border-bottom:1px solid rgba(232,185,74,.15);font-size:15px}
#plan .rs-step .rs-nm{flex:1}
#plan .rs-step b{min-width:46px;text-align:center;font-weight:400;color:var(--ink2)}
#plan .rs-mm{width:30px;height:30px;font:inherit;font-size:19px;line-height:1;color:var(--ink);background:rgba(232,185,74,.12);border:1px solid rgba(232,185,74,.5);border-radius:6px;cursor:pointer}
#plan .rs-mm:hover,#plan .rs-mm:focus-visible{background:rgba(232,185,74,.28);outline:none}
#plan .rs-movs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:15px}
#plan .rs-movs li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 9px;border-radius:6px;background:rgba(154,209,122,.10);border:1px solid rgba(154,209,122,.35)}
#plan .rs-x{width:24px;height:24px;font:inherit;font-size:16px;line-height:1;color:var(--ink2);background:transparent;border:1px solid rgba(233,220,192,.3);border-radius:50%;cursor:pointer}
#plan .rs-x:hover{color:var(--bad);border-color:var(--bad)}
#plan .rs-chk{font-size:14px;color:var(--ink2);cursor:pointer}

/* botões */
#plan .rs-btns{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#plan .rs-ok,#plan .rs-sec{font:inherit;font-size:15px;border-radius:6px;padding:8px 14px;cursor:pointer}
#plan .rs-ok{font:600 14px var(--serif-t,serif);letter-spacing:.05em;text-transform:uppercase;color:#1b1406;border:1px solid #f6d77f;background:linear-gradient(180deg,#f3d170,#d2a037);box-shadow:0 2px 0 #8a6516}
#plan .rs-ok:hover{filter:brightness(1.07)}
#plan .rs-ok:active{transform:translateY(1px);box-shadow:0 1px 0 #8a6516}
#plan .rs-sec{color:var(--ink);background:rgba(232,185,74,.10);border:1px solid rgba(232,185,74,.5)}
#plan .rs-sec:hover{background:rgba(232,185,74,.22)}
#plan .rs-ok:disabled,#plan .rs-sec:disabled{cursor:default;opacity:.4;filter:grayscale(.6);box-shadow:none;transform:none}
#plan .resolver button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* registro */
#plan .rs-log{margin-top:2px;padding-top:8px;border-top:1px solid rgba(232,185,74,.2)}
#plan .rs-log ol{margin:4px 0 0;padding-left:18px;font-size:13px;line-height:1.4;color:var(--ink2);font-style:italic}
#plan .rs-log li{margin:0 0 3px}
#plan .rs-log li:first-child{color:var(--ink)}
@media (max-width:760px){#plan .rs-ok,#plan .rs-sec{flex:1 1 100%;text-align:center}}