/* V1293 — Workflows de Aprovação: painel até o menu, fluxo visual e montador de etapas */
#side-panel.sgq-wf-painel .side-panel-body{overflow-x:hidden}
#side-panel.sgq-wf-painel .side-panel-tabs:empty{display:none}
.sgqw-v1293{display:flex;flex-direction:column;gap:14px;color:#33485f;font-size:13px}
.sgqw-lista{display:flex;flex-direction:column;gap:12px}
.sgqw-card{border:1px solid #d8e5f5;border-radius:12px;background:#fff;padding:14px 16px;display:flex;flex-direction:column;gap:12px}
.sgqw-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.sgqw-card header>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.sgqw-card header b{color:#173f68;font-size:15px}
.sgqw-card header span{color:#637994;font-size:12.5px}
.sgqw-vinc{flex:0 0 auto;padding:3px 10px;border-radius:999px;background:#eef2f7;color:#637994;font-size:11.5px;font-weight:700;white-space:nowrap}
.sgqw-vinc.on{background:#e3f6ea;color:#1e7a46}
.sgqw-fluxo{list-style:none;margin:0;padding:0;display:flex;align-items:stretch;gap:0;overflow-x:auto}
.sgqw-fluxo li{position:relative;display:flex;gap:10px;flex:1 1 0;min-width:180px;padding:10px 12px 10px 10px;margin-right:22px;border:1px solid #e1e9f2;border-radius:10px;background:#f7faff}
.sgqw-fluxo li:not(:last-child)::after{content:"";position:absolute;right:-17px;top:50%;width:12px;height:12px;border-top:2px solid #9fb6cf;border-right:2px solid #9fb6cf;transform:translateY(-50%) rotate(45deg)}
.sgqw-fluxo li:last-child{margin-right:0}
.sgqw-fluxo li>i{flex:0 0 26px;height:26px;border-radius:50%;background:#1d4f91;color:#fff;font-style:normal;font-weight:800;font-size:12.5px;display:flex;align-items:center;justify-content:center}
.sgqw-fluxo li>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.sgqw-fluxo li b{color:#173f68;font-size:13px}
.sgqw-fluxo li small{color:#637994;font-size:11.5px;line-height:1.35;overflow-wrap:anywhere}
.sgqw-fluxo li small.prazo{color:#9a5b00}
.sgqw-fluxo li small.crit{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sgqw-fluxo li.fim{flex:0 0 auto;min-width:150px;background:#effaf3;border-color:#bfe3cc}
.sgqw-fluxo li.fim>i{background:#1e7a46}
.sgqw-modo{align-self:flex-start;padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:700;background:#e8f0fb;color:#1d4f91}
.sgqw-modo.qualquer_aprovador{background:#fff2e5;color:#b45309}
.sgqw-etapas-tit{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#7a8ea3;margin-top:2px}
.sgqw-etapas{display:flex;flex-direction:column;gap:10px}
.sgqw-etapa{border:1px solid #d8e5f5;border-left:4px solid #1d4f91;border-radius:10px;background:#fff;padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.sgqw-et-top{display:flex;align-items:center;gap:10px}
.sgqw-et-top i{width:24px;height:24px;border-radius:50%;background:#1d4f91;color:#fff;font-style:normal;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center}
.sgqw-et-top b{color:#173f68;font-size:13.5px;flex:1}
.sgqw-seg{display:flex;border:1px solid #c9d8ea;border-radius:8px;overflow:hidden;height:38px}
.sgqw-seg button{flex:1;border:0;background:#fff;color:#4c6480;font-size:12px;font-weight:700;cursor:pointer;padding:0 6px}
.sgqw-seg button+button{border-left:1px solid #c9d8ea}
.sgqw-seg button.ativo{background:#1d4f91;color:#fff}
.sgqw-cont{margin-left:6px;font-weight:600;color:#7a8ea3;font-size:11.5px}
.sgqw-usuarios{display:flex;flex-wrap:wrap;gap:6px;max-height:150px;overflow-y:auto;padding:8px;border:1px solid #c9d8ea;border-radius:8px;background:#fbfdff}
.sgqw-user{display:inline-flex!important;align-items:center;gap:6px;margin:0!important;padding:5px 10px;border:1px solid #d8e5f5;border-radius:999px;background:#fff;color:#33485f;font-size:12.5px!important;font-weight:600!important;cursor:pointer;user-select:none}
.sgqw-user input{width:auto!important;height:auto!important;margin:0;accent-color:#1d4f91}
.sgqw-user.on{border-color:#1d4f91;background:#e8f0fb;color:#173f68}
.sgqw-semuser{color:#7a8ea3}
.sgqt-grid .field.sgqf-erro .sgqw-usuarios{border-color:#d1462f;box-shadow:0 0 0 3px rgba(209,70,47,.12)}
.sgqw-add{align-self:flex-start;min-height:36px;padding:0 16px;border:1px dashed #1d4f91;border-radius:8px;background:#fff;color:#1d4f91;font-weight:700;cursor:pointer}
.sgqw-add:hover{background:#eef4fc}
@media(max-width:800px){.sgqw-fluxo{flex-direction:column}.sgqw-fluxo li{margin-right:0;margin-bottom:18px}.sgqw-fluxo li:not(:last-child)::after{right:auto;left:24px;top:auto;bottom:-15px;transform:rotate(135deg)}}
.sgqt-grid .sgqt-span4{grid-column:1 / -1}