/* v5.4.1.5 — recursos por audiência, barra Portal = Central, matemática inline e cancelamento de áudio */
.chat-resource-availability-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px 11px 3px}
.chat-resource-availability-tabs button{min-width:0;min-height:38px;border:1px solid color-mix(in srgb,var(--chat-border) 88%,transparent);border-radius:11px;background:color-mix(in srgb,var(--chat-head) 88%,transparent);color:var(--chat-muted);font-size:.7rem;font-weight:850;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}
.chat-resource-availability-tabs button.active{background:color-mix(in srgb,var(--chat-accent-2) 15%,var(--chat-head));border-color:color-mix(in srgb,var(--chat-accent-2) 58%,transparent);color:var(--chat-text)}
.chat-resource-availability-tabs b{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:color-mix(in srgb,var(--chat-accent-2) 18%,transparent);font-size:.6rem}
.chat-portal-item.unavailable{opacity:.68;cursor:not-allowed;background:color-mix(in srgb,var(--chat-head) 82%,transparent)!important;border-style:dashed!important}
.chat-portal-item.unavailable>span{filter:grayscale(.45)}
.chat-portal-item.unavailable>b{font-size:.8rem;color:var(--chat-muted)}
.chat-resource-lock-reason{display:block!important;margin-top:3px;color:#d66b61!important;font-size:.57rem!important;font-style:normal!important;font-weight:800!important}
.chat-portal-item:not(.unavailable):hover{border-color:color-mix(in srgb,var(--chat-accent-2) 52%,transparent)!important}

/* No Portal, o clipe é a Biblioteca liberada. Arquivo local não aparece. */
.chat-composer.portal .portal-library-compose{grid-template-columns:minmax(0,1fr) 36px 36px!important}
.chat-composer.portal .portal-library-compose>textarea{grid-column:1!important;grid-row:1!important}
.chat-composer.portal .portal-library-compose>.chat-math-launcher{grid-column:2!important;grid-row:1!important}
.chat-composer.portal .portal-library-compose>.chat-portal-picker{grid-column:3!important;grid-row:1!important}
.chat-composer.portal .chat-file-chip{display:none!important}
.public-portal:not(.public-reinforcement-portal) .portal-library-compose{background:#fff!important;border-color:#d6e4ef!important;box-shadow:0 4px 16px rgba(41,93,142,.08)!important}
.public-portal:not(.public-reinforcement-portal) .portal-library-compose .chat-tool-btn,.public-portal:not(.public-reinforcement-portal) .portal-library-compose .chat-portal-open,.public-portal:not(.public-reinforcement-portal) .portal-library-compose .chat-math-open{background:transparent!important;border:0!important;color:#496a87!important}
.public-portal:not(.public-reinforcement-portal) .portal-library-compose .chat-math-open b{color:#1268ff!important}
.public-portal:not(.public-reinforcement-portal) .portal-library-compose textarea{color:#17324e!important}
.public-portal:not(.public-reinforcement-portal) .portal-library-compose textarea::placeholder{color:#8093a6!important}
.public-reinforcement-portal .portal-library-compose{box-shadow:0 4px 16px rgba(0,0,0,.08)!important}

/* Gravação: segure/solte, deslize para a esquerda ou para cima para cancelar. */
.chat-record-cancel .chat-audio-status{border-color:#d84a5d!important;background:color-mix(in srgb,#d84a5d 12%,var(--chat-surface))!important;box-shadow:0 0 0 2px color-mix(in srgb,#d84a5d 16%,transparent)!important}
.chat-record-cancel .chat-record-dot{background:#d84a5d!important;animation:none!important}
.chat-record-cancel .chat-audio-btn{background:#9e2f40!important;transform:scale(.92)!important}
.chat-record-cancel [data-audio-status-text]{color:#d84a5d!important}

.portal-direct-resource-highlight{animation:pjsDirectResource 1.8s ease!important;position:relative;z-index:2}
@keyframes pjsDirectResource{0%,100%{box-shadow:inherit}25%,65%{box-shadow:0 0 0 3px color-mix(in srgb,var(--chat-accent-2,#1268ff) 48%,transparent),0 10px 28px rgba(18,104,255,.14)}}

@media(max-width:900px){
 .chat-composer.portal .portal-library-compose{grid-template-columns:minmax(0,1fr) 32px 32px!important}
 .chat-resource-availability-tabs{padding:7px 9px 2px;gap:5px}
 .chat-resource-availability-tabs button{min-height:36px;font-size:.66rem}
}
@media(max-width:360px){
 .chat-composer.portal .portal-library-compose{grid-template-columns:minmax(0,1fr) 29px 29px!important}
 .chat-resource-availability-tabs button{font-size:.61rem;padding:0 4px}
 .chat-resource-availability-tabs b{min-width:18px;height:18px;font-size:.56rem}
}