/* ==================================================================
   CELULAR - layout proprio, nao e o de computador espremido.
   A navegacao desce para o rodape (alcance do polegar) e a agenda
   mostra UM dia por vez, com faixa de dias no topo. Tudo em clamp():
   acompanha a largura do aparelho de forma continua, sem degraus.
   ================================================================== */
.tabbar,.diastrip,.mobonly,.fab,.mobtit{display:none}
@media (max-width:860px){
  :root{--pad:clamp(9px,3.4vw,16px);--gap:clamp(7px,2.2vw,12px);
    --f1:clamp(12.5px,3.7vw,15px);--f2:clamp(11px,3.1vw,13px);--f3:clamp(9.5px,2.7vw,11px);
    --alvo:clamp(44px,12vw,52px);--rad:clamp(10px,3vw,14px);
    --barra:calc(58px + env(safe-area-inset-bottom))}
  html,body{overflow-x:hidden}
  body{padding-bottom:var(--barra)}
  header{height:auto;min-height:52px;gap:var(--gap);padding:8px var(--pad);flex-wrap:nowrap}
  .brand{gap:7px;flex:1;min-width:0}
  .brand .marca{width:clamp(56px,17vw,78px);flex:none}
  .brand .marca img{width:100%;height:auto}
  .brand>div{font-size:var(--f2);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .brand small{font-size:calc(var(--f3)*.82);letter-spacing:.08em}
  header .anobadge,header #painelbtns,header .spacer,header nav{display:none}
  .who{padding:4px;flex:none;border:0;background:transparent}
  .who>div{display:none}
  .iconbtn{width:var(--alvo);height:var(--alvo);font-size:clamp(15px,4.4vw,18px);flex:none}
  /* L3 (09/10): a quantidade de abas varia por perfil (CRM, Follow-up): colunas automaticas */
  .tabbar{display:grid;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);position:fixed;left:0;right:0;bottom:0;z-index:130;
    background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(14px);
    border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}
  .tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    height:58px;font-family:inherit;font-size:clamp(9px,2.6vw,10.5px);font-weight:700;color:var(--tx-3);
    background:none;border:0;cursor:pointer;position:relative;min-width:0;padding:0 2px}
  .tabbar button i{font-size:clamp(17px,5vw,21px);font-style:normal;line-height:1}
  .tabbar button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .tabbar button.on{color:var(--tx)}
  .tabbar button.on::before{content:'';position:absolute;top:0;left:22%;right:22%;height:2.5px;
    border-radius:0 0 3px 3px;background:var(--accent)}
  .tabbar .bg{position:absolute;top:5px;left:calc(50% + clamp(7px,2.2vw,11px));min-width:16px;height:16px;
    padding:0 4px;border-radius:9px;background:var(--bad);color:#fff;font-size:9.5px;font-weight:800;
    font-style:normal;display:none;align-items:center;justify-content:center}
  .tabbar .bg.on{display:flex}
  /* L3 (09/10): folha "Mais" */
  .maislista{display:flex;flex-direction:column;gap:8px}
  .maisit{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:3px;padding:14px 16px;border-radius:12px;
    border:1px solid var(--line);background:var(--surface);cursor:pointer;min-height:56px}
  .maisit b{font-size:15px;font-weight:600;color:var(--tx)}
  .maisit span{font-size:12.5px;color:var(--tx-3)}
  .maisit:active{background:var(--surface-2)}
  /* H (celular, 29/10): o nome da tela no topo (no lugar de "Comercial / Grupo MXC") e o "Mais" com o
     menu do servidor, em grupos como a faixa do computador; item com subitens abre e fecha no lugar */
  header.tem-tit .brand{flex:none}
  header.tem-tit .brand>div{display:none}
  header.tem-tit .hsep{display:none}
  .mobtit{display:block;flex:1;min-width:0;color:var(--tx);line-height:1.2}
  .mobtit b,.mobtit small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobtit b{font-size:var(--f1);font-weight:700}
  .mobtit small{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tx-3);margin-bottom:1px}
  .mm{display:flex;flex-direction:column;gap:2px;padding-top:6px}
  .mm-g{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tx-3);padding:12px 12px 4px}
  .mm-sep{height:1px;background:var(--line);margin:8px 0}
  .mm-it,.mm-f{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;min-height:48px;padding:0 12px;
    border-radius:10px;cursor:pointer;color:var(--tx);font-size:15px;font-weight:600;-webkit-tap-highlight-color:transparent}
  .mm svg.ni{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--tx-2)}
  .mm-it span,.mm-f span{flex:1;min-width:0}
  .mm-it small{display:block;font-size:11.5px;font-weight:500;color:var(--tx-3)}
  .mm-it.on,.mm-f.on,.mm-it:active,.mm-f:active{background:var(--surface-2)}
  .mm-pai svg.ni:last-child{width:16px;height:16px;color:var(--tx-3);transition:transform .15s}
  .mm-pai[aria-expanded="true"] svg.ni:last-child{transform:rotate(90deg)}
  .mm-filhos{display:flex;flex-direction:column;gap:2px;padding-left:32px}
  .mm-filhos[hidden]{display:none}
  .mm-f{font-weight:500;font-size:14.5px;min-height:44px}
  .mm-n{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--bad);color:#fff;font-size:11px;
    font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none}
  .mm-it:focus-visible,.mm-f:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
  .wrap{padding:var(--pad)}
  .cols,.cols[style]{grid-template-columns:minmax(0,1fr)!important;gap:var(--gap)}
  .cols>*,.card,.tbox{min-width:0;max-width:100%}
  .card{padding:var(--pad);border-radius:var(--rad)}
  .kpis{grid-template-columns:repeat(auto-fit,minmax(clamp(130px,42vw,190px),1fr));gap:var(--gap)}
  .split{display:block}
  #v-agenda .bar{display:flex;flex-wrap:wrap;gap:var(--gap);margin-bottom:var(--gap)}
  .wknav{flex:1 1 100%;justify-content:space-between;padding:4px 5px;border-radius:var(--rad)}
  .wknav button{width:var(--alvo);height:var(--alvo);font-size:clamp(16px,4.6vw,19px);flex:none}
  .wknav .lab{flex:1;text-align:center;font-size:var(--f2);padding:0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #v-agenda .bar .btn{flex:1 1 0;min-width:0;min-height:var(--alvo);font-size:var(--f2);padding:8px 6px;
    justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #bnovo,#v-agenda .bar .chips,#v-agenda .bar .spacer{display:none}
  .mobonly{display:inline-flex}
  .btn.ativo{border-color:var(--ge);color:var(--ge-tx);font-weight:700}
  .diastrip{display:flex;gap:6px;overflow-x:auto;padding:2px 0 8px;margin-bottom:var(--gap);scrollbar-width:none}
  .diastrip::-webkit-scrollbar{display:none}
  .diastrip .dc{flex:1 0 auto;min-width:clamp(44px,13vw,58px);display:flex;flex-direction:column;align-items:center;
    gap:2px;padding:8px 6px 7px;border-radius:var(--rad);border:1px solid var(--line);background:var(--surface);
    font-family:inherit;cursor:pointer;color:var(--tx-2)}
  .diastrip .dc .dn{font-size:var(--f3);font-weight:800;letter-spacing:.05em;text-transform:uppercase}
  .diastrip .dc .dd{font-size:clamp(15px,4.6vw,19px);font-weight:800;line-height:1.05;font-variant-numeric:tabular-nums;color:var(--tx)}
  .diastrip .dc .dq{height:5px;display:flex;align-items:center;gap:2px}
  .diastrip .dc .dq i{width:4px;height:4px;border-radius:50%;background:var(--tx-3);display:block}
  .diastrip .dc.hoje{border-color:color-mix(in srgb,var(--ge) 55%,transparent)}
  .diastrip .dc.hoje .dn{color:var(--ge-tx)}
  .diastrip .dc.sel{background:var(--accent);border-color:var(--accent)}
  .diastrip .dc.sel .dn,.diastrip .dc.sel .dd{color:var(--accent-tx)}
  .diastrip .dc.sel .dq i{background:var(--accent-tx);opacity:.8}
  .diastrip .dc.passou{opacity:.5}
  #movlista{display:block}
  #movlista .mvcab{display:flex;align-items:baseline;justify-content:space-between;gap:8px;
    margin-bottom:var(--gap);font-size:var(--f2);font-weight:700;color:var(--tx-2)}
  #movlista .mvcab b{font-size:var(--f1);color:var(--tx)}
  #movlista .mvh{display:flex;gap:var(--gap);padding:0 0 var(--gap)}
  #movlista .mvh>b{font-size:var(--f2);font-weight:800;font-variant-numeric:tabular-nums;
    min-width:clamp(34px,10vw,44px);color:var(--tx-3);padding-top:9px}
  #movlista .mvcards{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
  #movlista .ap{padding:clamp(9px,2.8vw,13px);border-radius:var(--rad)}
  #movlista .ap .nm{font-size:var(--f1)}
  #movlista .ap .co,#movlista .ap .ft .quem{font-size:var(--f3)}
  #movlista .ap .ft{margin-top:6px;gap:6px}
  #movlista .vazio{padding:clamp(28px,9vw,46px) var(--pad);text-align:center;color:var(--tx-3);
    font-size:var(--f2);line-height:1.6;border:1px dashed var(--line-2);border-radius:var(--rad)}
  #movlista .vazio b{display:block;color:var(--tx-2);font-size:var(--f1);margin-bottom:4px}
  .side{width:auto;max-height:none;border:0;background:transparent;box-shadow:none}
  .stabs,.spane{display:none}
  .spane.mob{display:flex;animation:fadein 200ms var(--e) both}
  .pend{padding:0;gap:var(--gap);overflow:visible;max-height:none}
  body[data-mob="agenda"] .side{display:none}
  body[data-mob="pend"] .bar,body[data-mob="fup"] .bar,
  body[data-mob="pend"] .diastrip,body[data-mob="fup"] .diastrip,
  body[data-mob="pend"] #movlista,body[data-mob="fup"] #movlista,
  body[data-mob="pend"] .fab,body[data-mob="fup"] .fab,body[data-mob="rel"] .fab{display:none}
  .pi{padding:clamp(10px,3vw,14px);border-radius:var(--rad)}
  .pi .l1{font-size:var(--f1)}
  .pi .l2,.pgrp .pt{font-size:var(--f2)}
  .fab{display:inline-flex;align-items:center;justify-content:center;gap:7px;position:fixed;
    right:var(--pad);bottom:calc(var(--barra) + var(--pad));z-index:125;height:clamp(50px,14vw,58px);
    padding:0 clamp(17px,5vw,24px);border-radius:99px;font-family:inherit;font-size:var(--f1);
    font-weight:700;cursor:pointer;border:1px solid var(--accent);background:var(--accent);
    color:var(--accent-tx);box-shadow:0 8px 24px rgba(0,0,0,.32)}
  .fab:active{transform:scale(.96)}
  .tabs{width:100%;overflow-x:auto;scrollbar-width:none}
  .tabs::-webkit-scrollbar,#s-h .chips::-webkit-scrollbar{display:none}
  .tabs button{flex:1 0 auto;min-height:var(--alvo);font-size:var(--f2);white-space:nowrap}
  #s-r .bar,#s-h .bar{gap:var(--gap)}
  #s-r .bar .btn,#s-h .bar .btn{flex:1 1 0;min-height:var(--alvo);font-size:var(--f2)}
  #s-h .bar .selmini{flex:1 1 clamp(120px,44%,200px)}
  #s-h .bar #hbusca{flex:1 1 100%;width:auto!important}
  #s-h .chips{width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  #s-h .chips .t,#s-h .chip{flex:none}
  .chip{min-height:var(--alvo);padding:6px 14px;font-size:var(--f2)}
  .hpag{flex-wrap:wrap;gap:var(--gap)}
  .hpag .mini{order:3;flex:1 1 100%;text-align:center}
  .hpag .btn{flex:1;min-height:var(--alvo)}
  .tbox,#fatbox,#vendasbox,#cancbox,#hquem,#htipo{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .tbox>.rk,#fatbox>table,#vendasbox>table,#cancbox>table{min-width:clamp(360px,96vw,440px)}
  /* H (29/10): a largura minima e para tabela larga (5 colunas ou mais); a de 3-4 colunas cabe no cartao
     e nao precisa rolar de lado. Navegador sem :has ignora a regra e fica como antes (rola). */
  .tbox>.rk:not(:has(th:nth-child(5))),#fatbox>table:not(:has(th:nth-child(5))),#vendasbox>table:not(:has(th:nth-child(5))),#cancbox>table:not(:has(th:nth-child(5))){min-width:0}
  #s-c .card{overflow-x:auto}
  #s-c input,#s-c select{max-width:100%}
  #cardtv input{font-size:var(--f2);min-height:var(--alvo)}
  #mask{padding:0;align-items:flex-end;overflow:hidden}
  .sheet,.sheet.largo{max-width:none;width:100%;border:0;border-radius:var(--rad) var(--rad) 0 0;
    height:auto;max-height:92dvh;display:flex;flex-direction:column;transform:none!important;
    animation:folhaop 190ms var(--e) both}
  .sheet>*{flex:none}
  .sheet>.sb2{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;
    padding:var(--pad) var(--pad) calc(var(--pad) + env(safe-area-inset-bottom))}
  .sh{padding:calc(var(--pad) + 4px) var(--pad) var(--pad);position:relative}
  .sh h4{font-size:var(--f1)}
  .sh .x{width:var(--alvo);height:var(--alvo);font-size:clamp(17px,5vw,21px);flex:none}
  .sheet::before{content:'';position:absolute;left:50%;top:6px;transform:translateX(-50%);width:36px;
    height:4px;border-radius:3px;background:var(--line-2);z-index:3;pointer-events:none}
  .sf{padding:var(--pad) var(--pad) calc(var(--pad) + env(safe-area-inset-bottom));flex-wrap:wrap;gap:var(--gap)}
  .sf>button,.sf>.btn{min-height:var(--alvo);flex:1 1 clamp(120px,40%,220px);font-size:var(--f1)}
  .aglista{max-height:none}
  .fld input,.fld select,.fld textarea,.selmini,.bkext input,.bkext select,
  #pin,#s-atual,#s-nova,#s-rep{font-size:16px;min-height:var(--alvo)}
  .fld textarea{min-height:92px}
  .fld{margin-bottom:var(--gap)}
  .fld label{font-size:var(--f2)}
  .btn,.acbtn{min-height:var(--alvo);font-size:var(--f2)}
  .acoesreu{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(130px,43vw,200px),1fr));gap:var(--gap)}
  .acoesreu .acbtn,.acbtn+.acbtn{margin:0}
  .segs{flex-wrap:wrap;gap:var(--gap)}
  .seg{flex:1 1 clamp(120px,42%,220px);min-height:clamp(50px,14vw,60px)}
  .cgrid{grid-template-columns:minmax(0,1fr)}
  .chips3{grid-template-columns:repeat(auto-fit,minmax(clamp(78px,25vw,110px),1fr));gap:6px}
  .chips3 .hchip{min-height:var(--alvo);font-size:var(--f2)}
  input[type=color]{width:clamp(48px,14vw,60px);height:var(--alvo)}
  .fgrp{margin-bottom:clamp(14px,4vw,20px)}
  .ft2{font-size:var(--f3);font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--tx-3);margin-bottom:8px}
  .fops{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(130px,44vw,210px),1fr));gap:7px}
  .fop{display:flex;align-items:center;gap:8px;min-height:var(--alvo);padding:8px 12px;border:1.5px solid var(--line-2);
    border-radius:var(--rad);background:var(--surface);font-family:inherit;font-size:var(--f2);font-weight:600;
    color:var(--tx-3);cursor:pointer;text-align:left}
  .fop .d{width:9px;height:9px;border-radius:50%;flex:none;opacity:.4}
  .fop.on{border-color:var(--accent);color:var(--tx);background:var(--surface-2)}
  .fop.on .d{opacity:1}
  #lock{padding:0}
  .lk{width:100%;max-width:none;border-radius:0;min-height:100dvh;display:flex;flex-direction:column;
    justify-content:center;padding:clamp(20px,7vw,40px) var(--pad) calc(clamp(20px,7vw,40px) + env(safe-area-inset-bottom))}
  .lk .marca{width:clamp(140px,48vw,210px)}
  .lk h1{font-size:clamp(18px,5.6vw,24px)}
  .lk .go{min-height:clamp(50px,14vw,58px)}
  .lk .olho{width:var(--alvo);height:var(--alvo)}
  #trocar{padding:0;align-items:flex-end}
  #trocar .cx{width:100%;max-width:none;border-radius:var(--rad) var(--rad) 0 0;padding:var(--pad)}
  #toast{left:var(--pad);right:var(--pad);bottom:calc(var(--barra) + var(--pad) + 56px);max-width:none;
    text-align:center;font-size:var(--f2)}
  .note,.empty{font-size:var(--f2)}
  .agi{flex-direction:column;gap:var(--gap)}
  .agi .agd{width:100%;flex-direction:row;align-items:center;gap:8px;text-align:left}
  .agi .agd .acbtn{margin-top:0;margin-left:auto}
  .bkext .lin{gap:var(--gap)}
  .bkext .fld{flex:1 1 100%;max-width:none!important}
  .bkext .btn{flex:1 1 clamp(120px,42%,200px)}
}
@keyframes folhaop{from{opacity:0}to{opacity:1}}
@media (hover:none){
  .ap:hover,.btn:hover,.chip:hover,.mbtn:hover,.pi:hover,.diastrip .dc:hover{transform:none}
  *{-webkit-tap-highlight-color:rgba(87,153,201,.16)}
}


/* A barra de abas tambem e um <nav>: as regras do menu do topo pegavam nela
   e o fundo solido cobria o nome. Aqui a barra fica imune. */
@media (max-width:860px){
  nav.tabbar button,nav.tabbar button.on,nav.tabbar button:hover,nav.tabbar button:focus{
    background:transparent;border:0;box-shadow:none}
  nav.tabbar button{color:var(--tx-3)}
  nav.tabbar button.on,nav.tabbar button.on span,nav.tabbar button.on i{color:var(--tx);opacity:1}
  nav.tabbar button i,nav.tabbar button span{position:relative;z-index:1}
}


/* ===== MXC COMERCIAL - correcoes 09/08/2026 ===== */

/* horario que ja tem reuniao: sai da lista de opcoes */
.mxc-ocupado{
  opacity:.28 !important;
  text-decoration:line-through;
  cursor:not-allowed !important;
  pointer-events:none;
  filter:grayscale(1);
}

/* aviso quando o servidor recusa o agendamento */
#mxc-aviso{
  position:fixed; left:50%; bottom:28px; transform:translateX(-50%) translateY(140%);
  max-width:min(560px,92vw); z-index:9999;
  background:#7F1D1D; color:#FFF1F1; border:1px solid #B91C1C;
  padding:12px 18px; border-radius:10px; font-size:13.5px; line-height:1.45;
  box-shadow:0 10px 30px rgba(0,0,0,.45);
  opacity:0; transition:transform .22s ease, opacity .22s ease; pointer-events:none;
}
#mxc-aviso.mostra{ transform:translateX(-50%) translateY(0); opacity:1; }

/* contraste do selo de espera: estava 3,72:1 */
.tag.espera{ color:#C9A6F0 !important; }
body[data-t="light"] .tag.espera{ color:#5B2E90 !important; }

/* sigla da empresa no card da agenda: 8,5px era pequeno demais */
.co{ font-size:9.5px !important; letter-spacing:.4px !important; }


/* ===== arquivados do CRM ===== */
#mxc-arq{ position:fixed; inset:0; z-index:9998; background:rgba(0,0,0,.55);
  display:flex; align-items:center; justify-content:center; padding:24px; }
.mxc-arq-cx{ background:var(--cd,#171A21); color:var(--tx,#E8EBF0);
  border:1px solid var(--bd,#2A2F3A); border-radius:14px;
  width:min(620px,94vw); max-height:82vh; display:flex; flex-direction:column;
  box-shadow:0 20px 60px rgba(0,0,0,.5); }
.mxc-arq-top{ display:flex; align-items:center; justify-content:space-between;
  padding:16px 20px; border-bottom:1px solid var(--bd,#2A2F3A); font-size:14px; }
.mxc-arq-x{ background:transparent; color:inherit; border:1px solid var(--bd,#2A2F3A);
  border-radius:8px; padding:6px 14px; font-size:12px; cursor:pointer; }
.mxc-arq-lista{ overflow:auto; padding:8px 12px 14px; }
.mxc-arq-item{ display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:11px 8px; border-bottom:1px solid var(--bd,#2A2F3A); font-size:13px; }
.mxc-arq-item:last-child{ border-bottom:0; }
.mxc-arq-tel{ opacity:.6; font-size:11.5px; margin-left:4px; }
.mxc-arq-sub{ opacity:.6; font-size:11px; margin-top:3px; }
.mxc-arq-volta{ background:var(--ok-bg,#14532D); color:var(--ok-tx,#3ED77A);
  border:1px solid var(--ok-tx,#3ED77A); border-radius:8px;
  padding:6px 14px; font-size:12px; cursor:pointer; white-space:nowrap; }
.mxc-arq-volta:disabled{ opacity:.5; cursor:default; }
.mxc-arq-vazio{ opacity:.6; text-align:center; padding:28px 0; font-size:13px; }
body[data-t="light"] .mxc-arq-cx{ background:#FFF; color:#1A1D23; border-color:#D6DDE6; }
body[data-t="light"] .mxc-arq-item{ border-bottom-color:#E6EBF1; }


/* ===== ordem do menu: CRM - Agenda - Relatorios - Simulador =====
   Reordenado pelo onclick e nao pela posicao, porque o botao do CRM nao
   existe para closer e pre-vendas - por posicao, a ordem deles quebraria. */
header nav > button[onclick*="'crm'"]      { order:1; }
header nav > button[onclick*="'agenda'"]   { order:2; }
header nav > button[onclick*="'rel'"]      { order:3; }
header nav > button[onclick*="simulador"]  { order:4; }


/* ===== ficha do lead em duas colunas, com a conversa na direita ===== */
.sheet.mxc-2col{ width:min(1180px,96vw) !important; max-width:96vw !important; }
.sheet.mxc-2col .sb2{ display:flex; gap:0; align-items:stretch; padding:0 !important; max-height:74vh; overflow:hidden; }
.mxc-esq{ flex:1 1 58%; min-width:0; overflow-y:auto; padding:18px 20px 22px; }
.mxc-dir{ flex:1 1 42%; min-width:320px; display:flex; flex-direction:column;
  border-left:1px solid var(--bd,#2A2F3A); background:rgba(0,0,0,.16); }

.mxc-conv-topo{ padding:14px 18px 10px; border-bottom:1px solid var(--bd,#2A2F3A); font-size:13px; font-weight:600; }
.mxc-conv-topo span{ display:block; font-weight:400; font-size:11px; opacity:.6; margin-top:3px; letter-spacing:.2px; }
.mxc-conv{ flex:1 1 auto; overflow-y:auto; padding:14px 16px; display:flex; flex-direction:column; gap:10px; }
.mxc-conv-vazio{ opacity:.55; font-size:12.5px; text-align:center; margin:auto 0; line-height:1.6; }

.mxc-msg{ background:var(--cd2,#1D212A); border:1px solid var(--bd,#2A2F3A);
  border-radius:12px; padding:9px 12px; max-width:92%; align-self:flex-start; }
.mxc-msg.meu{ align-self:flex-end; background:rgba(63,24,72,.42); border-color:rgba(150,90,175,.5); }
.mxc-msg.sis{ align-self:center; max-width:100%; background:transparent; border:0;
  border-top:1px dashed var(--bd,#2A2F3A); border-radius:0; padding:9px 4px 4px; opacity:.72; }
.mxc-msg-topo{ font-size:10.5px; font-weight:700; opacity:.85; margin-bottom:3px; }
.mxc-msg-topo span{ font-weight:400; opacity:.65; margin-left:6px; }
.mxc-msg-txt{ font-size:13px; line-height:1.5; white-space:pre-wrap; word-break:break-word; }

.mxc-escrever-cx{ border-top:1px solid var(--bd,#2A2F3A); padding:10px 12px; display:flex; gap:8px; align-items:flex-end; }
.mxc-escrever-cx textarea{ flex:1 1 auto; resize:none; font-size:13px; line-height:1.45;
  padding:9px 11px; border-radius:9px; border:1px solid var(--bd,#2A2F3A);
  background:var(--cd,#171A21); color:var(--tx,#E8EBF0); font-family:inherit; }
#mxc-enviar{ background:#2E7D46; color:#fff; border:0; border-radius:9px;
  padding:10px 16px; font-size:12.5px; font-weight:600; cursor:pointer; white-space:nowrap; }
#mxc-enviar:hover{ background:#35914F; }

/* ===== tentativa de contato ===== */
.mxc-tent-box select{ width:100%; }
.mxc-aviso-tent{ display:none; margin:8px 0 0; font-size:11.5px; line-height:1.5;
  color:#F0A33C; background:rgba(240,163,60,.1); border:1px solid rgba(240,163,60,.32);
  border-radius:8px; padding:8px 10px; }
.mxc-btn-perdeu{ display:none; margin-top:8px; align-items:center; gap:6px;
  background:rgba(239,68,68,.12); color:#F87171; border:1px solid rgba(239,68,68,.45);
  border-radius:8px; padding:8px 14px; font-size:12px; cursor:pointer; }
.mxc-btn-perdeu:hover{ background:rgba(239,68,68,.2); }

/* ===== transferir lead ===== */
.mxc-btn-transf{ background:rgba(87,153,201,.14); color:#7FB6E0;
  border:1px solid rgba(87,153,201,.45); border-radius:9px;
  padding:9px 16px; font-size:12.5px; cursor:pointer; margin-right:auto; }
.mxc-btn-transf:hover{ background:rgba(87,153,201,.24); }
#mxc-transf{ position:fixed; inset:0; z-index:10000; background:rgba(0,0,0,.55);
  display:flex; align-items:center; justify-content:center; padding:24px; }
.mxc-transf-cx{ background:var(--cd,#171A21); color:var(--tx,#E8EBF0);
  border:1px solid var(--bd,#2A2F3A); border-radius:14px; width:min(520px,94vw);
  max-height:80vh; display:flex; flex-direction:column; box-shadow:0 20px 60px rgba(0,0,0,.5); }
.mxc-transf-topo{ display:flex; align-items:center; justify-content:space-between;
  padding:16px 20px 12px; font-size:14px; }
.mxc-transf-x{ background:transparent; color:inherit; border:1px solid var(--bd,#2A2F3A);
  border-radius:8px; padding:6px 14px; font-size:12px; cursor:pointer; }
.mxc-transf-dica{ margin:0; padding:0 20px 14px; font-size:11.5px; opacity:.62; line-height:1.55;
  border-bottom:1px solid var(--bd,#2A2F3A); }
.mxc-transf-lista{ overflow:auto; padding:10px 12px 14px; display:flex; flex-direction:column; gap:6px; }
.mxc-transf-item{ display:flex; align-items:center; justify-content:space-between; gap:12px;
  width:100%; text-align:left; background:var(--cd2,#1D212A); color:inherit;
  border:1px solid var(--bd,#2A2F3A); border-radius:10px; padding:11px 14px; cursor:pointer; }
.mxc-transf-item:hover{ border-color:#7FB6E0; }
.mxc-transf-nome{ font-size:13.5px; font-weight:600; }
.mxc-transf-papel{ font-size:11px; opacity:.6; white-space:nowrap; }

/* ===== no celular as colunas empilham ===== */
@media (max-width:820px){
  .sheet.mxc-2col .sb2{ flex-direction:column; max-height:80vh; overflow-y:auto; }
  .mxc-esq{ overflow:visible; padding:16px; }
  .mxc-dir{ border-left:0; border-top:1px solid var(--bd,#2A2F3A); min-width:0; min-height:340px; }
}

body[data-t="light"] .mxc-dir{ background:rgba(0,0,0,.03); }
body[data-t="light"] .mxc-msg{ background:#F2F5F9; border-color:#DCE3EB; }
body[data-t="light"] .mxc-msg.meu{ background:#EDE3F3; border-color:#C9AED6; }
body[data-t="light"] .mxc-escrever-cx textarea,
body[data-t="light"] .mxc-transf-cx{ background:#FFF; color:#1A1D23; border-color:#D6DDE6; }
body[data-t="light"] .mxc-transf-item{ background:#F7F9FC; border-color:#DCE3EB; }


/* ===== sinais no card do quadro ===== */
.mxc-tag-tent{ display:inline-block; margin-top:7px; font-size:10px; font-weight:700;
  letter-spacing:.4px; padding:3px 8px; border-radius:20px;
  background:rgba(255,255,255,.07); border:1px solid var(--bd,#2A2F3A); opacity:.85; }
.mxc-tag-tent.quente{ background:rgba(240,163,60,.14); border-color:rgba(240,163,60,.5); color:#F0A33C; opacity:1; }

.mxc-tag-rec{ display:block; margin:-2px 0 8px; font-size:9.5px; font-weight:800;
  letter-spacing:.6px; padding:4px 8px; border-radius:6px; cursor:help;
  background:rgba(239,68,68,.16); border:1px solid rgba(239,68,68,.5); color:#FCA5A5; }
.mxc-tag-rec.n-cliente{ background:rgba(239,68,68,.22); border-color:#EF4444; color:#FECACA; }
.mxc-tag-rec.n-formulario{ background:rgba(240,163,60,.14); border-color:rgba(240,163,60,.5); color:#F0A33C; }

/* ===== aviso dentro da ficha ===== */
.mxc-rec-ficha{ margin:0 0 16px; padding:12px 14px; border-radius:10px;
  background:rgba(239,68,68,.1); border:1px solid rgba(239,68,68,.45); }
.mxc-rec-ficha.n-formulario{ background:rgba(240,163,60,.09); border-color:rgba(240,163,60,.45); }
.mxc-rec-ficha strong{ display:block; font-size:11.5px; letter-spacing:.5px; color:#FCA5A5; }
.mxc-rec-ficha.n-formulario strong{ color:#F0A33C; }
.mxc-rec-ficha p{ margin:5px 0 8px; font-size:12px; line-height:1.5; opacity:.85; }
.mxc-rec-ficha ul{ margin:0; padding-left:18px; font-size:12px; line-height:1.7; opacity:.9; }

/* ===== tela de transferidos ===== */
#mxc-tr{ position:fixed; inset:0; z-index:9998; background:rgba(0,0,0,.55);
  display:flex; align-items:center; justify-content:center; padding:24px; }
.mxc-tr-cx{ background:var(--cd,#171A21); color:var(--tx,#E8EBF0);
  border:1px solid var(--bd,#2A2F3A); border-radius:14px; width:min(660px,94vw);
  max-height:82vh; display:flex; flex-direction:column; box-shadow:0 20px 60px rgba(0,0,0,.5); }
.mxc-tr-topo{ display:flex; align-items:center; justify-content:space-between;
  padding:16px 20px; border-bottom:1px solid var(--bd,#2A2F3A); font-size:14px; }
.mxc-tr-x{ background:transparent; color:inherit; border:1px solid var(--bd,#2A2F3A);
  border-radius:8px; padding:6px 14px; font-size:12px; cursor:pointer; }
.mxc-tr-lista{ overflow:auto; padding:6px 14px 16px; }
.mxc-tr-grupo h4{ margin:16px 0 8px; font-size:12px; letter-spacing:.4px; opacity:.75;
  text-transform:uppercase; display:flex; justify-content:space-between; }
.mxc-tr-grupo h4 span{ font-weight:400; text-transform:none; letter-spacing:0; opacity:.7; }
.mxc-tr-item{ display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:10px 8px; border-bottom:1px solid var(--bd,#2A2F3A); font-size:13px; }
.mxc-tr-item:last-child{ border-bottom:0; }
.mxc-tr-tel{ opacity:.55; font-size:11.5px; margin-left:5px; }
.mxc-tr-sub{ opacity:.58; font-size:11px; margin-top:3px; }
.mxc-tr-volta{ background:transparent; color:#7FB6E0; border:1px solid rgba(87,153,201,.45);
  border-radius:8px; padding:6px 13px; font-size:11.5px; cursor:pointer; white-space:nowrap; }
.mxc-tr-vazio{ opacity:.6; text-align:center; padding:30px 0; font-size:13px; }

body[data-t="light"] .mxc-tr-cx{ background:#FFF; color:#1A1D23; border-color:#D6DDE6; }
body[data-t="light"] .mxc-tag-rec{ background:rgba(220,38,38,.1); color:#B91C1C; border-color:rgba(220,38,38,.4); }


/* ===== print no chat ===== */
#mxc-clipe{ background:transparent; color:var(--tx,#E8EBF0); opacity:.65;
  border:1px solid var(--bd,#2A2F3A); border-radius:9px;
  padding:9px 12px; font-size:15px; cursor:pointer; line-height:1; }
#mxc-clipe:hover{ opacity:1; border-color:#7FB6E0; }

.mxc-msg-img{ display:block; margin-top:6px; }
.mxc-msg-img img{ display:block; max-width:100%; max-height:280px;
  border-radius:8px; border:1px solid var(--bd,#2A2F3A); }
.mxc-msg-img:hover img{ border-color:#7FB6E0; }

.mxc-subindo{ align-self:center; font-size:11.5px; opacity:.65; padding:6px 0; }
.mxc-subindo.ruim{ color:#F87171; opacity:1; }

.mxc-conv.mxc-drop{ outline:2px dashed #7FB6E0; outline-offset:-6px;
  background:rgba(127,182,224,.06); }


/* ==========================================================================
   MXC COMERCIAL - A REGUA
   Medi o sistema inteiro antes de mexer. Estava assim: 9 raios diferentes,
   4 alturas de botao, 4 de campo, 14 tamanhos de fonte e 12 espacamentos
   verticais convivendo nas mesmas telas. Aqui vira uma medida por coisa.

   Por que !important: esta folha existe justamente para vencer os valores
   espalhados. Sem isso ela perde de qualquer regra com classe.
   ========================================================================== */

:root{
  --mxc-micro:  11px;   /* rotulo de tabela, sigla, chip */
  --mxc-selo:   10.5px; /* selo de status, sempre uma linha */
  --mxc-corpo:  12.5px; /* o texto do dia a dia */
  --mxc-r-peq:  8px;    /* botao, campo */
  --mxc-r-cx:   12px;   /* card, painel, janela */
  --mxc-h-bt:   34px;   /* altura de botao */
  --mxc-h-cp:   38px;   /* altura de campo */
}

/* ---------- nada de texto minusculo ---------- */
.co, .perm, .lbl, .mini, .tagco, .dqtd, .t, .day, .hcol, .ccol, .fchip,
.anobadge, .cs, .cemp, small, th, .mxc-msg-topo, .mxc-transf-papel,
.mxc-tr-sub, .mxc-tr-tel, .mxc-arq-sub, .mxc-arq-tel, .mxc-subindo{
  font-size: var(--mxc-micro) !important;
}

/* ---------- selo de status: uma linha, sempre ---------- */
.st, .tag, .badge, .mxc-tag-tent, .mxc-tag-rec{
  font-size: var(--mxc-selo) !important;
  white-space: nowrap !important;
  padding: 3px 9px !important;
  line-height: 1.5 !important;
  border-radius: 999px !important;
}
.co{ border-radius: 0 !important; padding: 0 !important; letter-spacing: .5px; }

/* ---------- botao: uma altura, um raio ---------- */
button, .btn, .acbtn, .opt{
  min-height: var(--mxc-h-bt) !important;
  border-radius: var(--mxc-r-peq) !important;
}
/* o principal da janela e maior de proposito */
.go2, .btn.primary, #mxc-enviar, .sf .btn.primary{ min-height: 40px !important; }
/* chip de filtro vive numa barra apertada */
.chip, .hchip{ min-height: 28px !important; border-radius: 999px !important; }
.hchip{ border-radius: var(--mxc-r-peq) !important; }

/* ---------- campo: uma altura, um raio ---------- */
input:not([type=checkbox]):not([type=radio]):not([type=file]),
select, textarea{
  min-height: var(--mxc-h-cp) !important;
  border-radius: var(--mxc-r-peq) !important;
}
textarea{ min-height: 72px !important; }
#mxc-escrever{ min-height: 44px !important; }

/* ---------- caixa: um raio ---------- */
.card, .cx, .box, .pgrp, .fld, .sheet, .crmcol, .crmcard, .cbloco, .dbanner,
.mxc-transf-cx, .mxc-tr-cx, .mxc-arq-cx, .mxc-rec-ficha, .mxc-msg{
  border-radius: var(--mxc-r-cx) !important;
}

/* ---------- respiro das barras ---------- */
.bar{ gap: 8px; align-items: center; }
.lbl, .t, th, .hcol, .ccol, .day{ letter-spacing: .6px; }


/* o final do numero e etiqueta, nao caixinha */
.fin{ border-radius: 999px !important; font-size: var(--mxc-micro) !important; }
/* titulo de secao dentro da ficha */
.pt{ font-size: var(--mxc-micro) !important; letter-spacing: .6px; }
/* select tem padding proprio; iguala com o input */
select{ height: var(--mxc-h-cp) !important; }


/* ---------- relatorios: rotulo do indicador e caixas ---------- */
.k, .sb{ font-size: var(--mxc-micro) !important; }
.kpi, .resumo, .who, .wknav, .mbtn, .pgrp, .blk, .painel{
  border-radius: var(--mxc-r-cx) !important;
}
.pos, .tagco{ border-radius: 999px !important; }
.bararea{ border-radius: 999px !important; overflow: hidden; }

/* ---------- agenda: cabecalho da grade e rotulos ---------- */
.lbl, .t, .day, .hcol, .ccol, .dnum, .dtxt{ font-size: var(--mxc-micro) !important; }


/* ===== cabecalho: tres zonas, um respiro so ===== */
header{
  height: 58px !important;
  padding: 0 22px !important;
  gap: 16px !important;
  border-bottom: 1px solid var(--bd,#2A2F3A);
}

/* fio fino entre as zonas */
header .mxc-fio{
  width: 1px; height: 24px; flex: 0 0 1px;
  background: var(--bd,#2A2F3A); opacity: .8; margin: 0 2px;
}

/* --- marca --- */
header .brand{ gap: 10px !important; align-items: center; }
header .brand > div{ line-height: 1.15; }
header .anobadge{
  margin-left: 8px; font-size: 10.5px !important; font-weight: 700 !important;
  letter-spacing: .8px; padding: 3px 8px !important; opacity: .75;
  border-radius: 999px !important; align-self: center;
}

/* --- navegacao --- */
header nav{ gap: 2px !important; }
header nav > button{
  font-size: 13px !important; font-weight: 500 !important;
  letter-spacing: .1px; padding: 0 14px !important;
  min-height: 34px !important; border-radius: 8px !important;
  background: transparent !important; border: 0 !important;
  color: var(--tx,#E8EBF0); opacity: .62;
  position: relative; transition: opacity .15s ease, background .15s ease;
}
header nav > button:hover{ opacity: .92; background: rgba(255,255,255,.05) !important; }
header nav > button.on{
  opacity: 1; font-weight: 650 !important;
  background: rgba(255,255,255,.07) !important;
}
header nav > button.on::after{
  content: ''; position: absolute; left: 14px; right: 14px; bottom: -1px;
  height: 2px; border-radius: 2px; background: var(--mxc-ouro, #C9A227);
}

/* --- icones de traco --- */
header svg{ width: 16px; height: 16px; flex: 0 0 16px; display: block; }
header a[data-mxc-ico], header button[data-mxc-ico]{
  display: inline-flex !important; align-items: center; gap: 7px;
}

/* --- atalhos dos dashboards: fantasma, nao caixa --- */
header .mbtn{
  min-height: 34px !important; padding: 0 12px !important;
  font-size: 12px !important; font-weight: 500 !important;
  border-radius: 8px !important; opacity: .68;
  background: transparent !important; border: 1px solid var(--bd,#2A2F3A) !important;
  transition: opacity .15s ease, border-color .15s ease;
}
header .mbtn:hover{ opacity: 1; border-color: var(--mxc-ouro,#C9A227) !important; }

/* --- quem esta conectado --- */
header .who{
  gap: 10px !important; align-items: center; padding-left: 4px;
}
header .who img, header .who > span:first-child{
  width: 30px !important; height: 30px !important; border-radius: 999px !important;
  box-shadow: 0 0 0 1px var(--bd,#2A2F3A);
}
header .who .lbl, header .who div > :first-child{
  font-size: 10px !important; letter-spacing: .9px; opacity: .55;
  text-transform: uppercase; line-height: 1.4;
}
header .who div > :last-child{
  font-size: 13px !important; font-weight: 700 !important; line-height: 1.25;
}

/* --- icones soltos: sair e tema --- */
header .iconbtn{
  width: 34px !important; min-width: 34px; padding: 0 !important;
  border-radius: 8px !important; opacity: .6;
  background: transparent !important; border: 1px solid transparent !important;
  transition: opacity .15s ease, border-color .15s ease, background .15s ease;
}
header .iconbtn:hover{
  opacity: 1; background: rgba(255,255,255,.06) !important;
  border-color: var(--bd,#2A2F3A) !important;
}

/* tema claro: o fio e os fantasmas precisam de outro tom */
body[data-t="light"] header{ border-bottom-color:#DDE3EA; }
body[data-t="light"] header .mxc-fio{ background:#DDE3EA; }
body[data-t="light"] header nav > button:hover{ background: rgba(0,0,0,.05) !important; }
body[data-t="light"] header nav > button.on{ background: rgba(0,0,0,.06) !important; }
body[data-t="light"] header .iconbtn:hover{ background: rgba(0,0,0,.05) !important; }

/* no celular o cabecalho encolhe e os rotulos dos atalhos somem */
@media (max-width: 900px){
  header{ height: 52px !important; padding: 0 12px !important; gap: 8px !important; }
  header .mbtn span, header .who div{ display: none; }
  header .mxc-fio{ display: none; }
}


/* quem esta conectado: pessoa, nao widget - sem caixa competindo com o resto */
header .who{
  background: transparent !important;
  border: 0 !important;
  height: 34px !important; min-height: 34px;
  padding: 0 0 0 4px !important;
}
/* o ano e parte da marca, discreto */
header .anobadge{ background: transparent !important; border: 1px solid var(--bd,#2A2F3A) !important; }


/* ============================================================
   Chave de tema - liga/desliga de verdade
   O trilho tem sol de um lado e lua do outro; a alavanca anda
   entre os dois carregando o icone do estado atual.
   A borda e sombra interna, e nao borda de verdade, porque
   borda entra na conta da largura e em tela retina ela vira
   0,55px - o que deixava a alavanca 0,8px fora do centro na
   ponta direita.
   ============================================================ */
header .mxc-chave-bt{
  width: auto !important; min-width: 0 !important; padding: 0 !important;
  background: transparent !important; border: 0 !important;
  min-height: 34px !important; opacity: 1 !important;
  display: inline-flex !important; align-items: center; cursor: pointer;
}
header .mxc-chave-bt:focus-visible{ outline: 2px solid #7AA2F7; outline-offset: 3px; border-radius: 999px; }

header .mxc-chave{
  position: relative; display: inline-flex; align-items: center;
  width: 52px; height: 28px; border-radius: 999px;
  background: rgba(255,255,255,.07);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.16);
  transition: background .2s ease, box-shadow .2s ease;
}
header .mxc-chave-bt:hover .mxc-chave{ box-shadow: inset 0 0 0 1px rgba(255,255,255,.34); }

/* sol a esquerda, lua a direita: sao os rotulos do trilho */
header .mxc-chave-lado{
  position: absolute; top: 0; bottom: 0; width: 26px;
  display: flex; align-items: center; justify-content: center;
  opacity: .34; pointer-events: none;
  color: var(--tx,#E8EBF0);
  transition: opacity .2s ease;
}
header .mxc-chave-lado.sol{ left: 0; }
header .mxc-chave-lado.lua{ right: 0; }
header .mxc-chave-lado svg{ width: 12px; height: 12px; display: block; }

/* a alavanca, carregando o icone do estado de agora */
header .mxc-chave-bola{
  position: absolute; top: 3px; left: 3px;
  width: 22px; height: 22px; border-radius: 999px;
  display: flex; align-items: center; justify-content: center;
  background: #F3F5F8; color: #232833;
  box-shadow: 0 1px 3px rgba(0,0,0,.40);
  transition: transform .22s cubic-bezier(.4,.1,.2,1);
}
header .mxc-chave-bola svg{ width: 13px; height: 13px; display: block; stroke: currentColor; }

/* ligado (escuro): alavanca a direita - 52 - 3 - 22 - 3 = 24 */
header .mxc-chave-bt.escuro .mxc-chave{
  background: rgba(232,235,240,.16);
  box-shadow: inset 0 0 0 1px rgba(232,235,240,.30);
}
header .mxc-chave-bt.escuro .mxc-chave-bola{ transform: translateX(24px); }

/* quem acende e o lado de DESTINO: o do estado atual fica embaixo da alavanca */
header .mxc-chave-bt.escuro .mxc-chave-lado.sol{ opacity: .68; }
header .mxc-chave-bt:not(.escuro) .mxc-chave-lado.lua{ opacity: .68; }

/* ------------------------------------------------------------
   Tema claro. A alavanca e sempre o oposto do trilho - foi isso
   que corrigiu o contraste de 1,02 (alavanca branca sobre trilho
   branco, que sumia) para 10,8.
   ------------------------------------------------------------ */
body[data-t="light"] header .mxc-chave{
  background: #E4E7ED;
  box-shadow: inset 0 0 0 1px #C2C9D4;
}
body[data-t="light"] header .mxc-chave-bt:hover .mxc-chave{
  background: #DBE0E8; box-shadow: inset 0 0 0 1px #A9B3C2;
}
body[data-t="light"] header .mxc-chave-bola{
  background: #2A2F3A; color: #F3F5F8;
  box-shadow: 0 1px 3px rgba(20,25,35,.28);
}
body[data-t="light"] header .mxc-chave-lado{ color: #454C5A; }

/* celular: mesma chave, um numero menor - 46 - 3 - 20 - 3 = 20 */
@media (max-width: 900px){
  header .mxc-chave{ width: 46px; height: 26px; }
  header .mxc-chave-lado{ width: 23px; }
  header .mxc-chave-bola{ width: 20px; height: 20px; top: 3px; left: 3px; }
  header .mxc-chave-bt.escuro .mxc-chave-bola{ transform: translateX(20px); }
}



undefined

/* ============================================================
   Agenda em blocos de hora e de dia
   Tres espessuras, em ordem de importancia: a divisao de HORA e a
   mais forte, a de DIA vem depois, e a linha entre closers e fio
   fino. E a diferenca entre elas que faz cada hora ler como bloco.
   A faixa alternada por hora e marcada pelo JS (classe .mxc-par),
   e nao por nth-child, porque o numero de closers muda com o tempo.
   Escopado em 821px, que e o mesmo corte onde a agenda troca a
   grade pela lista de um dia - no celular isto nao existe.
   ============================================================ */
@media (min-width: 821px){

  #grade tbody tr.band-first > td{
    border-top: 2px solid rgba(232,235,240,.26) !important;
  }
  #grade tbody tr.band-first:first-child > td{ border-top: 0 !important; }

  #grade tbody tr:not(.band-first) > td{
    border-top: 1px solid rgba(232,235,240,.07) !important;
  }

  #grade td.slot, #grade td.ccell, #grade thead th.day{
    border-left: 1px solid rgba(232,235,240,.13) !important;
  }
  #grade td.hcell{ border-right: 2px solid rgba(232,235,240,.26) !important; }
  #grade thead th{ border-bottom: 2px solid rgba(232,235,240,.26) !important; }

  /* de longe, e a faixa que separa as horas - mais que a linha */
  #grade tbody tr.mxc-par > td.slot:not(.todaycol){
    background-color: rgba(255,255,255,.028);
  }

  /* ---------- tema claro ---------- */
  body[data-t="light"] #grade tbody tr.band-first > td{
    border-top-color: #BFC8D4 !important;
  }
  body[data-t="light"] #grade td.hcell{ border-right-color: #BFC8D4 !important; }
  body[data-t="light"] #grade thead th{ border-bottom-color: #BFC8D4 !important; }
  body[data-t="light"] #grade tbody tr:not(.band-first) > td{
    border-top-color: rgba(20,25,35,.055) !important;
  }
  body[data-t="light"] #grade td.slot,
  body[data-t="light"] #grade td.ccell,
  body[data-t="light"] #grade thead th.day{
    border-left-color: #DCE3EB !important;
  }
  body[data-t="light"] #grade tbody tr.mxc-par > td.slot:not(.todaycol){
    background-color: rgba(20,25,35,.022);
  }
}


/* ===== janela de transferir closer ===== */

#mxc-trc{ position:fixed; inset:0; z-index:10001; background:rgba(0,0,0,.55);
  display:flex; align-items:center; justify-content:center; padding:24px; }
.mxc-trc-cx{ background:var(--cd,#171A21); color:var(--tx,#E8EBF0);
  border:1px solid var(--bd,#2A2F3A); border-radius:12px; width:min(500px,94vw);
  max-height:82vh; display:flex; flex-direction:column; box-shadow:0 20px 60px rgba(0,0,0,.5); }
.mxc-trc-topo{ display:flex; align-items:center; justify-content:space-between;
  padding:15px 18px 11px; font-size:14px; }
.mxc-trc-x{ background:transparent; color:inherit; border:1px solid var(--bd,#2A2F3A);
  border-radius:8px; padding:6px 13px; font-size:12px; cursor:pointer; }
.mxc-trc-dica{ margin:0; padding:0 18px 13px; font-size:12px; opacity:.7; line-height:1.55;
  border-bottom:1px solid var(--bd,#2A2F3A); }
.mxc-trc-bloq{ margin:0; padding:16px 18px 20px; font-size:12.5px; line-height:1.6;
  color:#F0A33C; }
.mxc-trc-lista{ overflow:auto; padding:10px 12px 14px; display:flex; flex-direction:column; gap:6px; }
.mxc-trc-item{ display:flex; align-items:center; justify-content:space-between; gap:12px;
  width:100%; text-align:left; background:var(--cd2,#1D212A); color:inherit;
  border:1px solid var(--bd,#2A2F3A); border-radius:10px; padding:11px 14px; cursor:pointer; }
.mxc-trc-item:hover{ border-color:#7FB6E0; }
.mxc-trc-nome{ font-size:13.5px; font-weight:600; }
.mxc-trc-papel{ font-size:11px; opacity:.55; white-space:nowrap; }
.mxc-trc-conf{ padding:16px 18px 18px; }
.mxc-trc-conf p{ margin:0 0 10px; font-size:13px; line-height:1.6; }
.mxc-trc-nota{ font-size:11.5px !important; opacity:.62; }
.mxc-trc-bts{ display:flex; gap:8px; margin-top:14px; }
.mxc-trc-nao{ flex:1; background:transparent; color:inherit; border:1px solid var(--bd,#2A2F3A);
  border-radius:9px; padding:11px; font-size:12.5px; cursor:pointer; }
.mxc-trc-sim{ flex:1; background:#2E7D46; color:#fff; border:0; border-radius:9px;
  padding:11px; font-size:12.5px; font-weight:600; cursor:pointer; }
.mxc-trc-sim:disabled{ opacity:.6; cursor:default; }
.mxc-trc-erro{ color:#F87171; font-size:12px !important; margin-top:10px !important; }
body[data-t="light"] .mxc-trc-cx{ background:#FFF; color:#1A1D23; border-color:#D6DDE6; }
body[data-t="light"] .mxc-trc-item{ background:#F7F9FC; border-color:#DCE3EB; }
/* --- o que mudou entre uma resposta e outra do formulario -------------
   Linha miuda, recolhida. O valor antigo riscado e o novo em destaque:
   da para ler a direcao da mudanca sem interpretar texto. */
.mxc-mud-bt{ display:inline-flex; align-items:center; gap:6px; cursor:pointer;
  background:transparent; border:0; padding:0; font:inherit; font-size:11px;
  font-weight:600; opacity:.72; color:inherit; }
.mxc-mud-bt:hover{ opacity:1; }
.mxc-mud-bt span{ font-size:9px; transition:transform 170ms cubic-bezier(.32,.72,.35,1); }
.mxc-mud-bt.aberto span{ transform:rotate(180deg); }
.mxc-mud{ margin-top:7px; display:flex; flex-direction:column; gap:7px; }
.mxc-mud-l{ font-size:11.5px; line-height:1.45; padding-left:9px;
  border-left:2px solid var(--bd,#2A2F3A); }
.mxc-mud-l b{ font-weight:600; opacity:.8; }
.mxc-mud-l s{ opacity:.5; }
.mxc-mud-l i{ font-style:normal; font-weight:600; }

/* L4 (09/10): caixa normal e icones de traco na barra de baixo */
.diastrip .dc .dn,.ft2,.mxc-tr-grupo h4{text-transform:none!important;letter-spacing:normal!important}
.tabbar button i svg{width:22px;height:22px;display:block}
#mxc-clipe svg{display:block}
@media (max-width:860px){ .sf .go2{flex:1 1 auto;margin-left:0} }