/* Painel do escritório: mesma identidade do app do cliente, pensado para o computador (funciona no celular) */
#app{padding-bottom:40px}
a.brand{text-decoration:none;color:inherit}
.topbar .r a.link{color:var(--text)}
.sm{font-size:12.5px}
.pagehead .ph-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ph-acts{display:flex;gap:8px;flex-wrap:wrap}
.pagehead > .link{justify-self:start;margin-bottom:4px}
.btn-xs{padding:6px 11px;font-size:12px;border-radius:8px}
.pad-b{padding-bottom:30px}
@media (max-width:560px){.hide-sm{display:none}}

/* campos */
input[type=text],input[type=date],select{width:100%;padding:12px 13px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);font:inherit;font-size:15px}
input[type=date]{color-scheme:dark}
#sheet input[type=email],#sheet textarea{background:var(--surface-2)}
input[type=file]{font:inherit;font-size:13px;color:var(--muted)}
.duas{display:grid;gap:12px}
@media (min-width:520px){.duas{grid-template-columns:1fr 1fr}}
fieldset.field{border:1px solid var(--line);border-radius:12px;padding:10px 14px 12px;margin:0}
fieldset.field legend{font-size:12px;color:var(--muted);padding:0 6px}
.ck{display:flex;gap:10px;align-items:center;font-size:13.5px;padding:5px 0;color:var(--text)}
.ck input{width:17px;height:17px;accent-color:#eeeeec;flex:none}
.sub-sec{border-top:1px solid var(--line);padding-top:14px;display:grid;gap:10px}
.sub-sec h3{font-size:14px}

/* lista de projetos */
.plist{display:grid;gap:12px;padding-block:6px 30px}
@media (min-width:760px){.plist{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.plist{grid-template-columns:repeat(3,1fr)}}
.pcard{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:18px;display:grid;gap:8px;align-content:start}
.pcard:hover{border-color:#4a4a4a}
.pcard h3{font-size:17px;line-height:1.2}
.pc-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.pc-et{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.novo{font-size:11px;font-weight:600;border-radius:999px;padding:2px 9px;background:var(--gold);color:var(--ink);white-space:nowrap}

/* etiquetas de status */
.pill{font-size:11px;font-weight:500;border-radius:999px;padding:2px 9px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.pill.andamento{color:var(--text);border-color:#5a5a5a}
.pill.aguardando_cliente,.pill.ajustes{color:var(--warn);border-color:rgba(217,164,65,.5)}
.pill.concluida,.pill.aprovado{color:var(--ok);border-color:rgba(134,176,127,.5)}
.pill.reuniao{color:#9db7d9;border-color:rgba(157,183,217,.5)}

/* etapas */
ol.etl li{grid-template-columns:22px 1fr auto;row-gap:6px}
ol.etl .tag{color:var(--muted)}
ol.etl li.cur .tag{color:var(--gold)}
.et-acts{grid-column:2/-1;display:flex;gap:6px;flex-wrap:wrap}

/* avaliações */
.avs{display:grid;gap:12px}
.av{border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:grid;gap:6px;background:var(--surface-2)}
.av.nova{border-color:rgba(238,238,236,.5)}
.av-hd{display:flex;gap:8px;align-items:center}
.av .nm{font-weight:600;font-size:14px}
.av-txt{font-size:13.5px;border-left:2px solid var(--warn);padding-left:10px;white-space:pre-wrap}
.av-cms{display:grid;gap:8px;margin-top:4px}
.av-cm{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:start;font-size:13px}
.av-cm img{width:92px;aspect-ratio:16/10;object-fit:cover;border-radius:6px;background:var(--surface);display:block}
.av-cm b{font-weight:500;font-size:12px;color:var(--muted)}
.av .btn{justify-self:start}

/* PDFs na edição da etapa */
.docl{display:grid;gap:6px}
.docl .row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;border:1px solid var(--line);border-radius:10px;padding:8px 10px}
.docl .row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#toast{bottom:calc(24px + env(safe-area-inset-bottom,0px))}