/* Uma medida para os controles das barras, incluindo o botao de menu. */
:root{--bar-control:44px;--bar-gap:8px;--bar-radius:12px}
header.top{height:auto;min-height:64px;padding:10px 12px;column-gap:12px;row-gap:8px;align-items:center}
header.top .left,header.top .right,header.top .ctxbtns,header.top .kdsbar{align-items:center;gap:var(--bar-gap)}
header.top .icon,header.top .ctxbtns .icon{width:var(--bar-control);height:var(--bar-control);min-width:var(--bar-control);min-height:var(--bar-control);padding:0;flex:none}
header.top #unitlabel,header.top #kstate-trigger,header.top .pstat.inbar .pst{height:var(--bar-control);min-height:var(--bar-control);display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border-radius:var(--bar-radius);line-height:1.2}
header.top #unitlabel{max-width:200px;overflow:hidden;text-overflow:ellipsis}
header.top #aibtn{min-height:var(--bar-control);padding:0 10px;align-items:center;justify-content:center}
header.top .subseg{margin:0;padding-block:0;align-items:center;min-height:var(--bar-control)}
header.top .subseg button{min-height:var(--bar-control);display:inline-flex;align-items:center;justify-content:center}
.tools,.selbar,.dfilters,.drange,.mhead,.ws-toolbar,.ws-toolbar-actions,.ws-pager,.ws-filters{align-items:center;gap:var(--bar-gap)}
.tools .btn,.tools .icon,.tools .search,.selbar .btn,.selbar select,.dfilters button,.dfilters select,.dfilters input,.drange input,.mhead .subseg button,.ws-toolbar button,.ws-filters button,.ws-filters select,.ws-filters input{min-height:var(--bar-control);box-sizing:border-box}
.tools .icon,.ws-toolbar .ws-icon,.ws-widget-tools .ws-icon{width:var(--bar-control);min-width:var(--bar-control);height:var(--bar-control);min-height:var(--bar-control)}
.ws-widget-footer .ws-btn,.ws-detail-actions .ws-btn{min-height:var(--bar-control)}
.dfilters .subseg,.mhead .subseg{display:inline-flex;align-items:center;padding-block:0;min-height:var(--bar-control);flex-wrap:wrap}
.dfilters .subseg button,.mhead .subseg button{display:inline-flex;align-items:center;justify-content:center}
.ws-composer{align-items:center;gap:var(--bar-gap)}
.ws-composer .ws-input{height:var(--bar-control);min-height:var(--bar-control);padding:0 0 0 12px;gap:8px;align-items:center}
.ws-composer .ws-icon,.ws-composer .ws-close{width:var(--bar-control);height:var(--bar-control);min-width:var(--bar-control);min-height:var(--bar-control);padding:10px;flex:none}
.ws-composer #aiinput{min-height:32px;line-height:1.25}
body.ai-workspace-on.ai-kds .top.ws-compact{padding:10px 12px;gap:8px;min-height:112px}
body.ai-workspace-on.ai-kds .top.ws-stacked{row-gap:8px}
@media(max-width:1000px){
 header.top:not(.ws-compact){display:flex;flex-wrap:wrap;gap:8px;min-height:64px}
 header.top:not(.ws-compact) .left{order:1;flex:1 1 auto;min-width:0;overflow:visible}
 header.top:not(.ws-compact) #aibtn{order:2;display:flex;flex:none}
 header.top:not(.ws-compact) .right{order:3;flex:1 1 100%;justify-content:flex-end;flex-wrap:wrap;margin-left:0}
 header.top .right,header.top .ctxbtns{gap:6px}
 body.ai-workspace-on.ai-kds header.top #aibtn{display:none}
 .dfilters,.drange,.tools,.selbar{flex-wrap:wrap}
}
@media(max-width:460px){
 header.top{margin-left:8px;margin-right:8px;width:calc(100% - 16px);padding-inline:10px}
 header.top #unitlabel{max-width:172px;padding-inline:10px}
 header.top .left{gap:6px}
 header.top .curview{max-width:36vw}
 .ws-composer .ws-input{gap:5px;padding-left:8px}
}
@media(prefers-reduced-motion:reduce){header.top,header.top *,.ws-composer *{transition:none!important}}

/* Escuta permanente tem estado visivel e o mesmo alvo dos controles da barra. */
#voice-wake{position:relative}
#voice-wake[data-listening="true"]::after{content:"";position:absolute;right:5px;top:5px;width:7px;height:7px;border-radius:50%;background:#168447;box-shadow:0 0 7px #16844770;animation:voice-wake-pulse 2s ease-in-out infinite}
#voice-wake[aria-pressed="false"]{opacity:.55}
@keyframes voice-wake-pulse{50%{box-shadow:0 0 0 4px #16844720}}
@media(prefers-reduced-motion:reduce){#voice-wake[data-listening="true"]::after{animation:none}}

#voice-wake[data-state="blocked"]::after{content:"";position:absolute;right:5px;top:5px;width:7px;height:7px;border-radius:50%;background:#b45309}

/* A identidade de homologacao acompanha a tela sem cobrir pedidos ou botoes. */
.environment-title{display:contents}body[data-environment="staging"] .environment-title{display:flex;flex-direction:column;justify-content:center;min-width:0}.environment-label{font-size:12px;line-height:1.15;font-weight:700;color:var(--text);padding:2px 0;white-space:normal;max-width:116px}.environment-label[hidden]{display:none}body[data-environment="staging"] .environment-label::before{content:"";display:inline-block;width:6px;height:6px;background:var(--orange,#a54b00);border-radius:50%;margin-right:4px;vertical-align:1px}
@media(max-width:480px){.environment-label{max-width:78px;font-size:12px}.environment-title{flex-shrink:1}}