/* Aba Clientes: vidro interno; o fundo e a luz do card pai permanecem intactos. */
.fd-client-layout{position:absolute;inset:10px;z-index:2;--client-side:240px;--client-switch-bottom:48px;--client-ink:#34445b;--client-glass:#ffffff45;--client-border:#8997aa55;color:var(--client-ink);font-family:Inter,'Segoe UI',sans-serif;pointer-events:none}
.fd-client-layout{left:var(--support-left,10px)}
.fd-client-layout[hidden]{display:none}
.fd-app-dark .fd-client-layout{--client-ink:#e0e8f4;--client-glass:#ffffff08;--client-border:#ffffff24}
.fd-client-sidebar{position:absolute;left:0;top:calc(var(--client-switch-bottom) + 10px);bottom:0;width:var(--client-side);padding:10px;box-sizing:border-box;border:1px solid var(--client-border);border-radius:12px;background:transparent;box-shadow:inset 0 1px 1px #ffffff30;overflow:auto;pointer-events:auto}
.fd-client-board{position:absolute;inset:0 0 0 calc(var(--client-side) + 10px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;pointer-events:auto;min-height:0}
.fd-client-column{position:relative;isolation:isolate;min-width:0;min-height:0;border:1px solid var(--client-border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;padding:10px;box-sizing:border-box;background:transparent;box-shadow:inset 0 1px 1px #ffffff30;transition:border-color .25s,box-shadow .25s}
.fd-client-column:hover,.fd-client-column:focus-within{border-color:rgba(var(--client-color),.75);box-shadow:inset 0 0 9px rgba(var(--client-color),.15),0 0 9px rgba(var(--client-color),.2)}
.fd-client-heading{flex:none;position:relative;margin:0 0 10px;padding:3px 0 11px;color:#629ee9;font:500 13px/1.25 Inter,'Segoe UI',sans-serif;text-align:center;letter-spacing:.035em;text-transform:uppercase}
.fd-client-heading::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#8792a066,transparent)}
.fd-client-column>.fd-client-heading{color:rgb(var(--client-color))}
.fd-client-directory+.fd-client-directory{margin-top:20px}
.fd-client-column>.fd-client-items{--fd-scrollbar-color:rgb(var(--client-color));flex:1;min-height:0;overflow:auto;margin:0 -10px 0 -5px;padding:6px 10px 1px 5px;box-sizing:border-box}
.fd-client-items{display:flex;flex-direction:column;gap:8px}
.fd-client-directory-item,.fd-client-ticket{position:relative;display:flex;align-items:center;gap:8px;width:100%;min-width:0;padding:9px 8px;border:1px solid var(--client-border);border-radius:10px;background:transparent;box-shadow:inset 0 1px 0 #ffffff35;color:inherit;text-align:left;font:500 12px/1.3 Inter,'Segoe UI',sans-serif;cursor:pointer;box-sizing:border-box;flex:none;transition:background .2s,border-color .2s,transform .2s}
.fd-client-directory-item:hover,.fd-client-ticket:hover{border-color:#ffffffa0;background:#ffffff15;transform:translateY(-1px)}
.fd-client-directory-item:focus-visible,.fd-client-ticket:focus-visible,.fd-client-more:focus-visible{outline:2px solid #629ee9;outline-offset:-2px}
.fd-client-directory-item:disabled{opacity:.5;cursor:default}
.fd-client-avatar{position:relative;display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#629ee925;color:#467fbf;overflow:hidden;font-size:10px;font-weight:700}
.fd-app-dark .fd-client-avatar{color:#b2d1fa}
.fd-client-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fd-client-directory-name{flex:1;min-width:0;overflow-wrap:anywhere}
.fd-client-directory-name small{display:block;font-size:10px;opacity:.65;margin-top:3px}
.fd-client-count{display:grid;place-items:center;flex:none;min-width:26px;height:26px;padding:0 3px;border-radius:50%;box-sizing:border-box;background:#629ee924;color:#357bcf;border:1px solid #629ee940;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}
.fd-app-dark .fd-client-count{color:#a3cafd}
.fd-client-ticket{display:grid;grid-template-columns:30px minmax(0,1fr) 24px;grid-template-rows:minmax(0,1fr) 25.2px;column-gap:10px;row-gap:8px;padding:10px;height:var(--client-ticket-height,100px);min-height:var(--client-ticket-height,100px);max-height:var(--client-ticket-height,100px);background:transparent}
.fd-client-ticket-avatar{overflow:visible;grid-column:1;grid-row:1;align-self:start;margin-top:2px}
.fd-client-ticket-avatar img{border-radius:50%}
.fd-client-unread{position:absolute;top:-5px;left:-5px;z-index:2;display:grid;place-items:center;width:18px;height:18px;box-sizing:border-box;border:1px solid #fff;border-radius:50%;background:#ef4444;color:#fff;font:700 9px/1 Inter,'Segoe UI',sans-serif;letter-spacing:-.03em}
.fd-client-ticket-copy{grid-column:2;grid-row:1;align-self:start;min-width:0;display:flex;flex-direction:column;gap:6px;overflow:hidden}
.fd-client-ticket-copy strong{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:clip}
.fd-client-ticket-copy>span{font-size:10px;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:clip}
.fd-client-ticket-tags{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:6px;width:100%;height:25.2px;min-width:0}
.fd-client-ticket-number,.fd-client-ticket-timing{display:flex;align-items:center;justify-content:center;gap:4px;color:var(--client-ink);background:#88888814;border:1px solid var(--client-border);border-radius:5px;padding:0 5px;box-sizing:border-box;font-size:9px;font-variant-numeric:tabular-nums;width:100%;height:25.2px;white-space:nowrap;overflow:hidden}
.fd-client-ticket-timing{gap:6px}
.fd-client-time-icon{display:flex;flex:none;width:18px;height:18px;color:#3e5187}
.fd-app-dark .fd-client-time-icon{color:#9db9f0}
.fd-client-time-icon svg{width:100%;height:100%}

.fd-client-time-value{flex:1;min-width:5ch;text-align:center;font-size:11px}
.fd-client-ticket-number time{white-space:nowrap}
.fd-client-meta-dot,.fd-client-meta-divider{opacity:.6}
.fd-client-feedback{font-size:11px;text-align:center;line-height:1.5;opacity:.7;margin:12px 0}
.fd-client-feedback[hidden],.fd-client-more[hidden]{display:none}
.fd-client-more{flex:none;align-self:center;margin:9px auto 0;display:block;border:1px solid #629ee940;border-radius:8px;padding:6px 10px;background:#629ee915;color:inherit;font:500 11px/1.2 Inter,'Segoe UI',sans-serif;cursor:pointer}
.fd-client-more.is-busy{font-size:0}.fd-client-more.is-busy::after{content:'';display:block;width:12px;height:12px;border:2px solid #629ee940;border-top-color:#629ee9;border-radius:50%;animation:fd-client-spin .7s linear infinite}
.fd-client-skeleton{height:60px;flex:none;border-radius:10px;background:linear-gradient(100deg,#8881 25%,#8883 45%,#8881 65%);background-size:300% 100%;animation:fd-summary-skeleton 1.3s ease-in-out infinite}
@keyframes fd-client-spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.fd-client-board{overflow-x:auto;grid-template-columns:repeat(4,minmax(280px,1fr))}}
@media(prefers-reduced-motion:reduce){.fd-client-skeleton,.fd-client-more.is-busy::after{animation:none}.fd-client-column,.fd-client-directory-item,.fd-client-ticket{transition:none}}

.fd-client-ticket>.fd-client-ticket-analyst{grid-column:3;grid-row:1;align-self:start;justify-self:end;display:flex;width:24px;height:24px}
.fd-client-ticket>.fd-client-ticket-analyst[hidden]{display:none}
.fd-client-ticket-analyst .fd-client-analyst-avatar{width:24px;height:24px;font-size:8px;flex:none}


.fd-client-ticket-copy>.fd-v2-contratante-titulo{font-size:11.5px;line-height:1.3;font-weight:700;opacity:1;margin:0}

/* Duas janelas independentes de três registros; títulos fora da área rolável. */
.fd-client-sidebar{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:16px;overflow:hidden}
.fd-client-directory{position:relative;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.fd-client-directory+.fd-client-directory{margin-top:0}
.fd-client-directory>.fd-client-items{flex:1;min-height:0;overflow:auto;padding:0 0 1px;box-sizing:border-box}
.fd-client-directory-item{height:var(--client-directory-height,50px);min-height:var(--client-directory-height,50px);overflow:hidden}
.fd-client-items{scroll-snap-type:none;scroll-padding:0}
.fd-client-items>:is(.fd-client-directory-item,.fd-client-ticket){scroll-snap-align:none;scroll-snap-stop:normal}
.fd-client-items.fd-dd-scroll-dynamic{scrollbar-color:transparent transparent}
html .fd-client-items.fd-dd-scroll-dynamic::-webkit-scrollbar-thumb{background:transparent}
.fd-client-directory>.fd-dd-scroll-thumb{background:#629ee9}
.fd-client-column>.fd-dd-scroll-thumb{background:rgb(var(--client-color))}

/* Uma janela lateral compartilhada, abaixo apenas do título Contratante. */
.fd-client-sidebar{display:flex;flex-direction:column;gap:0}
.fd-client-directory-scroll{flex:1;min-height:0;overflow:auto;scroll-snap-type:none}
.fd-client-directory{display:block;overflow:visible}
.fd-client-directory+.fd-client-directory{margin-top:20px}
.fd-client-directory>.fd-client-items{overflow:visible;padding:0;display:flex;flex-direction:column}
.fd-client-directory-item{scroll-snap-align:none;scroll-snap-stop:normal}
.fd-client-sidebar>.fd-dd-scroll-thumb{background:#629ee9}
/* A barra sobreposta não reserva largura nem desloca os cards, com ou sem overflow. */
.fd-client-layout :is(.fd-client-items,.fd-client-directory-scroll){scrollbar-width:none;scrollbar-gutter:auto}
html .fd-client-layout :is(.fd-client-items,.fd-client-directory-scroll)::-webkit-scrollbar{width:0;height:0}
.fd-client-layout .fd-dd-scroll-thumb.is-visible{pointer-events:auto;cursor:grab;touch-action:none}
.fd-client-layout .fd-dd-scroll-thumb:active{cursor:grabbing}

/* Polegar na borda do card pai, sem alterar a largura do conteúdo interno. */
.fd-client-sidebar>.fd-dd-scroll-thumb{left:auto!important;right:0}

/* Hover dos itens: apenas a identidade Azul FiveDesk no contorno. */
.fd-client-directory-item:hover,.fd-client-ticket:hover{border-color:#629ee9;background:transparent;box-shadow:none;transform:none}

/* Filas abertas: espaço de sobra vai para o TK; relógio ocupa a largura necessária. */
.fd-client-column:not([data-session=finalizado]) .fd-client-ticket-balanced .fd-client-ticket-tags{grid-template-columns:minmax(0,1fr) max-content}
.fd-client-column:not([data-session=finalizado]) .fd-client-ticket-balanced :is(.fd-client-ticket-number,.fd-client-ticket-timing){padding-inline:8px;gap:4px}
.fd-client-ticket-balanced .fd-client-ticket-number>*{flex:none}
.fd-client-ticket-balanced .fd-client-ticket-id{color:#629ee9;font-weight:700}
.fd-client-column:not([data-session=finalizado]) .fd-client-ticket-balanced .fd-client-time-icon{width:14px;height:14px}
.fd-client-column:not([data-session=finalizado]) .fd-client-ticket-balanced .fd-client-time-value{flex:none;min-width:0;font-size:10px}

/* Identificação nas mesmas duas linhas de 18 px usadas nos cards do Chat. */
.fd-client-column .fd-client-ticket-copy{display:grid;grid-template-rows:18px 18px;align-items:center;gap:0}

/* Diretório proporcional à lateral reduzida; a área liberada amplia as quatro filas. */
.fd-client-layout{left:var(--support-left,10px)}
.fd-client-sidebar .fd-client-directory-item{padding-inline:6px;font-size:10.5px}
.fd-client-sidebar .fd-client-avatar{width:24px;height:24px;flex-basis:24px;font-size:9px}
.fd-client-sidebar .fd-client-count{min-width:22px;height:22px;font-size:10px}
.fd-client-sidebar .fd-client-directory-name small{font-size:9px}
.fd-client-sidebar .fd-client-heading{font-size:12px}

.fd-client-directory-name small.fd-v2-contratante-titulo{opacity:1}

/* Nomes em uma linha, centralizados e separados do contador por 10 px. */
.fd-client-sidebar .fd-client-directory-item{column-gap:10px;align-items:center}
.fd-client-sidebar .fd-client-directory-name{white-space:nowrap;overflow:hidden;overflow-wrap:normal;text-overflow:clip;text-align:center}
.fd-client-sidebar .fd-client-directory-name small{white-space:nowrap;overflow:hidden;text-overflow:clip}

/* Solicitantes preservam as duas linhas e o alinhamento original; limite de 10 px até o contador. */
.fd-client-sidebar .fd-client-directory-item:has(.fd-client-directory-name>small){column-gap:8px}
.fd-client-sidebar .fd-client-directory-name:has(>small){text-align:left}
.fd-client-sidebar .fd-client-directory-item:has(.fd-client-directory-name>small) .fd-client-count{margin-left:2px}

/* Protocolo em 10 px; data e hora continuam em 9 px. */
.fd-client-column .fd-client-ticket-id,.fd-client-column .fd-client-ticket-number>:last-child:not(time){font-size:10px}