/* AF CRM — Layout do card da Esteira (29/09/2026) */
html[data-afcl-tempo="0"] .afs-pagina .afs-card-tempo { display: none !important; }
.afcl { display: flex; flex-direction: column; gap: 6px; margin: 8px 0 2px; padding-top: 8px; border-top: 1px dashed #e7e5e4; }
.afcl-l { display: flex; align-items: flex-start; gap: 8px; min-width: 0; }
.afcl-ic { flex: 0 0 18px; width: 18px; text-align: center; font-size: 13px; line-height: 18px; color: #78716c; }
.afcl-t { min-width: 0; flex: 1; }
.afcl-rot { font-size: 11px; line-height: 14px; color: #78716c; }
.afcl-val { font-size: 13px; line-height: 17px; font-weight: 600; color: #1c1917; overflow-wrap: anywhere; }
.afcl-selos { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 2px; }
.afcl-venc, .afcl-st, .afcl-exp { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 999px; font-size: 11.5px; line-height: 18px; background: #f5f5f4; color: #44403c; border: 1px solid #e7e5e4; }
.afcl-venc b { font-weight: 700; }
.afcl-venc.afcl-perto { background: #fffbeb; color: #92400e; border-color: #fde68a; }
.afcl-venc.afcl-ruim { background: #fef2f2; color: #b91c1c; border-color: #fecaca; }
.afcl-st-ok { background: #f0fdf4; color: #15803d; border-color: #bbf7d0; }
.afcl-st-ruim { background: #fef2f2; color: #b91c1c; border-color: #fecaca; }
.afcl-st-ab { background: #eff6ff; color: #1d4ed8; border-color: #bfdbfe; }
.afcl-exp { background: #fff7ed; color: #c2410c; border-color: #fed7aa; font-weight: 700; }
/* modal */
.afcl-corpo { display: flex; flex-direction: column; gap: 10px; }
.afcl-desc { margin: 0; font-size: 13px; color: #78716c; }
.afcl-escolhidos { display: flex; flex-wrap: wrap; gap: 6px; min-height: 34px; padding: 8px; border: 1px solid #e7e5e4; border-radius: 10px; background: #fafaf9; }
.afcl-pilula { display: inline-flex; align-items: center; gap: 2px; padding: 3px 4px 3px 10px; border-radius: 999px; background: #fff; border: 1px solid #d6d3d1; font-size: 13px; color: #292524; }
.afcl-pilula > span { margin-right: 4px; }
.afcl-mini { width: 22px; height: 22px; border: 0; border-radius: 999px; background: transparent; color: #57534e; cursor: pointer; font-size: 14px; line-height: 22px; padding: 0; }
.afcl-mini:hover:not(:disabled) { background: #f5f5f4; }
.afcl-mini:disabled { opacity: .3; cursor: default; }
.afcl-x:hover:not(:disabled) { background: #fef2f2; color: #b91c1c; }
.afcl-add { max-width: 100%; }
.afcl-exp-l { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #78716c; }
.afcl-num { width: 90px !important; }
.afcl-chk { display: flex; align-items: center; gap: 6px; font-size: 14px; color: #44403c; cursor: pointer; }
/* escuro */
:is(.dark *).afcl { border-top-color: #44403c; }
:is(.dark *).afcl-rot, :is(.dark *).afcl-ic, :is(.dark *).afcl-desc, :is(.dark *).afcl-exp-l { color: #a8a29e; }
:is(.dark *).afcl-val { color: #f5f5f4; }
:is(.dark *).afcl-venc, :is(.dark *).afcl-st, :is(.dark *).afcl-exp { background: #292524; color: #d6d3d1; border-color: #44403c; }
:is(.dark *).afcl-venc.afcl-perto { background: #422006; color: #fcd34d; border-color: #78350f; }
:is(.dark *).afcl-venc.afcl-ruim, :is(.dark *).afcl-st-ruim { background: #450a0a; color: #fca5a5; border-color: #7f1d1d; }
:is(.dark *).afcl-st-ok { background: #052e16; color: #86efac; border-color: #14532d; }
:is(.dark *).afcl-st-ab { background: #172554; color: #93c5fd; border-color: #1e3a8a; }
:is(.dark *).afcl-exp { background: #431407; color: #fdba74; border-color: #7c2d12; }
:is(.dark *).afcl-escolhidos { background: #1c1917; border-color: #44403c; }
:is(.dark *).afcl-pilula { background: #292524; border-color: #57534e; color: #e7e5e4; }
:is(.dark *).afcl-mini { color: #d6d3d1; }
:is(.dark *).afcl-mini:hover:not(:disabled) { background: #44403c; }
:is(.dark *).afcl-chk { color: #d6d3d1; }
.afs-pagina .afs-col-nome[data-afcl-dica] { cursor: text; }
.afcl-nome-in { font: inherit; color: inherit; width: 100%; min-width: 120px; padding: 1px 6px; margin: -2px 0; border: 1px solid #93c5fd; border-radius: 6px; background: #fff; outline: none; box-shadow: 0 0 0 3px rgba(59,130,246,.15); }
:is(.dark *).afcl-nome-in { background: #1c1917; border-color: #3b82f6; }
.afcl-venc { font-weight: 600; }