/* ═══ 4.4 · revisão da Joana de 21/10 (Agenda): visão demo, reagendar com confirmação, história do cliente ═══ */
/* visão demo: fora dela não aparece nada que seja só da demonstração (em todas as páginas) */
body.nodemo44 .topo .ctl,body.nodemo44 #selPerfil,body.nodemo44 #mPf,
body.nodemo44 [onclick^="reporDemo"],body.nodemo44 [onclick*="reporDemo()"],
body.nodemo44 [onclick*="vozModal(true)"],body.nodemo44 [onclick^="simChamada"],
body.nodemo44 [onclick^="simEnvio"],body.nodemo44 [onclick^="simEmail"],
body.nodemo44 [onclick^="setPerfil"]{display:none!important}
body.nodemo44 .agmicrow{grid-template-columns:minmax(0,1fr)}
.dm44{display:inline-flex;align-items:center;gap:6px;border:1px dashed #c8cecf;background:transparent;border-radius:999px;padding:3px 10px 3px 4px;font:inherit;font-size:11.5px;font-weight:600;color:var(--mu);cursor:pointer;white-space:nowrap}
.dm44 i{width:26px;height:15px;border-radius:9px;background:#d7dcdd;position:relative;flex:none;transition:background .15s}
.dm44 i::after{content:'';position:absolute;left:2px;top:2px;width:11px;height:11px;border-radius:50%;background:#fff;transition:left .15s}
.dm44.on{border-style:solid;border-color:#e0b25c;background:#fdf6e7;color:#8a5a14}
.dm44.on i{background:#d08a1e}
.dm44.on i::after{left:13px}
@media (max-width:700px){.dm44 span{display:none}.dm44{padding:4px}}
/* estado de confirmação com o cliente */
.chip.cf44{font-size:11px}
.chip.cf44.pend{background:#fdf1dc;color:#8a5a14}
.chip.cf44.av{background:#fbe3df;color:#a0332a}
.chip.cf44.ok{background:#e4eded;color:#2b696e}
/* calendário: cartões simples (sem botões), com o estado de confirmação */
.cal .ev .eb{display:none!important}
.ev.ev44{cursor:pointer}
.ev.ev44 .cf44m{display:inline-block;margin-top:4px;font-size:10.5px;font-weight:700;border-radius:8px;padding:1px 7px}
.ev.ev44 .cf44m.pend{background:#fdf1dc;color:#8a5a14}
.ev.ev44 .cf44m.av{background:#fbe3df;color:#a0332a}
.pl44{display:inline-flex;align-items:center;gap:6px}
/* marcação: história do cliente (linha vertical) e ações arrumadas */
.ep44{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:16px;margin-top:10px;align-items:start}
.ep44.sm{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.ep44h{min-width:0}
.ep44a{display:flex;flex-direction:column;gap:8px;min-width:0}
.ep44a .ag41{min-width:0}
.ep44a .agb41{flex-wrap:wrap}
.hv44{position:relative;display:flex;flex-direction:column;gap:0;margin-top:6px;max-height:330px;overflow:auto;padding-right:4px}
.hi44{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);gap:9px;padding:0 0 12px}
.hi44::before{content:'';position:absolute;left:12px;top:24px;bottom:0;width:2px;background:#dde2e3}
.hi44:last-child::before{display:none}
.hi44>i{width:26px;height:26px;border-radius:50%;background:color-mix(in srgb,var(--c) 13%,#fff);border:1.5px solid color-mix(in srgb,var(--c) 45%,#fff);display:flex;align-items:center;justify-content:center;color:var(--c);z-index:1}
.hi44>i svg.i40{width:13px;height:13px}
.hi44>div{display:flex;flex-direction:column;line-height:1.3;min-width:0;padding-top:1px}
.hi44 .hd44{font-size:11px;color:var(--mu);font-weight:600}
.hi44 b{font-size:12.5px;color:var(--ink);font-weight:600}
.hi44 em{font-style:normal;font-size:11.5px;color:var(--mu);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.hi44.fut>i{border-style:dashed;background:#fff}
.hi44.fut b{color:#2f74c0}
.hi44.foco>i{box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 22%,transparent)}
.hi44.now>i{background:#2b696e;border-color:#2b696e}
.hi44.now>i::after{content:'';width:8px;height:8px;border-radius:50%;background:#fff}
.hi44.now b{color:#2b696e}
.hv44 .mais44{font-size:11.5px;color:var(--ac);font-weight:600;background:none;border:0;padding:0 0 8px 35px;text-align:left;cursor:pointer}
.cfb44{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-radius:10px;padding:7px 10px;font-size:12.5px}
.cfb44.pend{background:#fdf6e7;border:1px solid #f0d9a8}
.cfb44.av{background:#fdf0ee;border:1px solid #efc5bd}
.cfb44.ok{background:#f3f9f9;border:1px solid #cee4e4}
.cfb44 .sp{flex:1}
.em44{width:min(980px,86vw)}
.em44 .nxt{margin-bottom:0}
.btn.k41.nav{--k:#3b6e8f}
.btn.k41.cam{--k:#2f74c0}
.btn.k41.rg{--k:#d08a1e}
.btn.k41.lg{--k:#55657a}
.btn.lk44{opacity:.75}
/* reagendar: calendário do mês, hora, o que já está marcado nesse dia e a mensagem ao cliente */
.rg44{width:min(860px,86vw)}
.rg44g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.mc44{border:1px solid var(--bd);border-radius:12px;padding:8px 10px;background:#fff}
.mc44h{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.mc44h b{font-size:13px;color:var(--ink)}
.mc44g{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
.mc44g>span{font-size:10.5px;font-weight:700;color:var(--mu);text-align:center;padding:2px 0;text-transform:uppercase}
.mc44g>button{border:1px solid transparent;background:var(--sf2);border-radius:8px;min-height:38px;font:inherit;font-size:12.5px;font-weight:600;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;padding:2px}
.mc44g>button:hover{border-color:var(--acb,#a7cacb)}
.mc44g>button.out{background:transparent;color:#b7bdb6}
.mc44g>button:disabled{background:transparent;color:#c7ccc6;cursor:default;border-color:transparent}
.mc44g>button.hj{border-color:#2b696e}
.mc44g>button.on{background:#2b696e;color:#fff}
.mc44g>button.at{box-shadow:inset 0 0 0 2px #d08a1e}
.mc44g>button small{display:flex;gap:2px;height:5px}
.mc44g>button small u{width:5px;height:5px;border-radius:50%;background:#3b6e8f;display:block}
.mc44g>button.on small u{background:#fff}
.rg44r{display:flex;flex-direction:column;gap:8px}
.rg44r .de44{font-size:12.5px;color:var(--mu)}
.rg44r .de44 b{color:var(--ink)}
.dl44{border:1px solid var(--bd);border-radius:10px;padding:6px 10px;background:#fff;max-height:170px;overflow:auto}
.dl44>div{display:flex;gap:8px;font-size:12.5px;padding:3px 0;border-top:1px dashed var(--bd)}
.dl44>div:first-child{border-top:0}
.dl44>div b{min-width:44px;color:var(--ink)}
.dl44>div.cx44{color:#a0332a}
.dl44>div.eu44{color:#2f74c0;font-weight:600}
.rg44m{margin-top:12px}
.rg44m textarea{min-height:70px}
.rg44b{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}
.rg44b .lbl{margin:0 4px 0 0}
/* pedidos: mensagem à esquerda, história e ações à direita */
.pd44{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;align-items:start}
.pd44 .ep44a{gap:8px}
/* galeria: legenda das fotos */
.gl44{font-size:11.5px;color:var(--mu);margin:-4px 0 8px;display:flex;gap:14px;flex-wrap:wrap}
@media (max-width:1100px){.ep44,.ep44.sm,.pd44,.rg44g{grid-template-columns:1fr}}
.hi44[hidden]{display:none}