/* Layout compartilhado pelos celulares em pé e deitados. */
.mobile-logout{display:none}
@media(max-width:1024px){
 html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
 .sidebar{position:static;inset:auto;width:100%;height:auto;display:grid;grid-template-columns:minmax(0,1fr) repeat(4,44px);align-items:center;gap:4px;padding:calc(10px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left))}
 .brand{padding:0;margin:0;font-size:14px;gap:8px;min-width:0;letter-spacing:.6px}.brand img{width:30px;height:30px;flex:none}.brand small{font-size:8px;letter-spacing:2px}
 .side-label,.side-bottom{display:none}.nav-item{display:flex;width:44px;height:44px;justify-content:center;padding:8px;margin:0;font-size:0;gap:0}.nav-icon{font-size:23px}.nav-item.active{box-shadow:inset 0 -2px var(--red)}
 .mobile-logout{display:flex;grid-column:-2/-1;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #424252;border-radius:9px;background:transparent;color:#d0cedb;font-size:12px}
 .workspace{margin-left:0;min-width:0}.topbar{height:auto;min-height:56px;padding:10px max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));gap:12px}.breadcrumb{font-size:11px;min-width:0}.breadcrumb span{margin:0 6px}.account{min-width:0;gap:8px;font-size:11px}.account .avatar{width:28px;height:28px;flex:none}.account small{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
 main{padding:20px max(14px,env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));min-width:0}.content-grid{grid-template-columns:minmax(0,1fr);gap:16px}.ticket-panel,.team-panel,.insights{min-width:0}
 .heading-row{flex-wrap:wrap;gap:16px;margin-bottom:18px}.heading-row>div{min-width:0}.heading-row h1{font-size:28px}.subtitle{font-size:12px;line-height:1.7}.eyebrow{font-size:9px;letter-spacing:1.2px}.heading-actions{gap:8px}.heading-actions .secondary{min-height:44px;font-size:12px;padding:10px 12px}
 .connection{gap:10px;padding:12px;flex-wrap:wrap;margin-bottom:16px}.connection-icon{flex:none}.connection-copy{flex:1;min-width:0;max-width:none}.connection-copy strong{font-size:12px}.connection-copy span{font-size:11px;line-height:1.6;overflow-wrap:anywhere}.last-sync{margin:0 0 0 42px;font-size:10px}
 .stats{gap:10px;margin-bottom:18px}.stat{padding:14px;min-width:0}.stat-top{font-size:12px;line-height:1.5}.stat>strong{font-size:29px;margin:8px 0 5px}.stat p{font-size:10px;line-height:1.6}
 .panel-heading{padding:18px 14px 14px;align-items:flex-start}.panel-heading h2{font-size:17px}.panel-heading p{font-size:11px;line-height:1.6}.live-label{display:none}
 .filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 14px 16px}.filters .search-field{grid-column:1/-1;min-width:0;min-height:44px}.filters .search-field input{font-size:16px;min-height:44px;padding:10px 8px}.filters select{width:100%;max-width:none;min-width:0;min-height:44px;font-size:16px;padding:9px 8px}
 .table-wrap{width:100%;max-width:100%;-webkit-overflow-scrolling:touch}table{table-layout:fixed;white-space:normal}th{font-size:8px;line-height:1.6;padding:12px 9px;overflow-wrap:anywhere}td{padding:14px 9px;white-space:normal;overflow-wrap:anywhere}th:first-child,td:first-child{padding-left:14px}th:nth-child(1){width:27%}th:nth-child(2){width:17%}th:nth-child(3){width:16%}th:nth-child(4){width:14%}th:nth-child(5){width:21%}th:nth-child(6){width:5%}
 .customer-cell{min-width:0;max-width:100%;gap:8px}.customer-cell>div{min-width:0}.customer-name{max-width:none;font-size:12px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}.customer-protocol{font-size:10px;line-height:1.5;overflow-wrap:anywhere}.customer-avatar{width:30px;height:30px;flex:none}.owner{font-size:12px;line-height:1.5}.department{font-size:10px;line-height:1.5}.wait{font-size:14px}.wait-label{font-size:10px;line-height:1.5}.badge,.ticket-status{max-width:100%;font-size:11px;line-height:1.5;white-space:normal}.badge::before{flex:none}.review-reason{max-width:100%;font-size:11px}.row-button{min-height:44px;min-width:24px;padding:0}
 .table-footer{font-size:10px;line-height:1.7;flex-wrap:wrap;padding:12px 14px}.closed-note{font-size:11px;margin:0 14px 14px}.insights{display:grid;grid-template-columns:1fr 1fr;gap:14px}.team-list{display:block}.team-row strong{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.team-row small{font-size:11px;line-height:1.5}.team-row>div{min-width:0}.rule-note p{font-size:12px}.rule-note>div,.rule-note .muted{font-size:11px;line-height:1.6}.page-footer{font-size:10px;gap:12px;line-height:1.7;flex-wrap:wrap}
 dialog{width:min(600px,calc(100% - 24px));max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:20px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto}
 .dialog-heading{position:sticky;top:-20px;z-index:2;background:#fff;padding:12px 0;margin-bottom:16px;gap:12px}.dialog-heading>div{min-width:0}.dialog-heading h2{font-size:22px;line-height:1.4;overflow-wrap:anywhere}.icon-button{width:44px;height:44px}.dialog-actions{flex-wrap:wrap;gap:8px}.dialog-actions button{min-height:44px;flex:1 1 150px}.form-grid{gap:14px}.form-grid label{font-size:12px;line-height:1.5}.form-grid input,.form-grid select,#new-user-form select{font-size:16px;min-height:44px;min-width:0;width:100%}.switch-row{gap:14px}.switch-row strong{font-size:13px;line-height:1.6}.switch-row p{font-size:12px;line-height:1.7}.switch-row input{width:24px;height:24px}.settings-note{font-size:12px;overflow-wrap:anywhere}.days{gap:6px}.days label{min-height:44px;padding:6px;font-size:12px}.detail-grid{gap:18px;min-width:0}.detail-grid>div{min-width:0}.detail-grid dt{font-size:12px;line-height:1.6}.detail-grid dd{font-size:14px;overflow-wrap:anywhere}.message-preview,.detail-note{font-size:13px;line-height:1.8;overflow-wrap:anywhere}.user-row{font-size:13px;gap:12px}.user-row strong{min-width:0}.user-row span{font-size:11px}.notification-help{font-size:13px;line-height:1.8}
 .login-view{grid-template-columns:1fr}.login-brand{padding:28px max(24px,env(safe-area-inset-right)) 28px max(24px,env(safe-area-inset-left))}.login-brand>img{width:40px;height:40px}.login-brand>.eyebrow{margin:20px 0 12px}.login-brand h1{font-size:30px}.login-brand>p:not(.eyebrow){font-size:12px;margin-top:16px}.login-foot{display:none}.login-form-wrap{padding:28px 24px calc(28px + env(safe-area-inset-bottom))}.login-form-wrap input{font-size:16px}.login-form-wrap .primary{min-height:48px}
 .toast{font-size:12px;line-height:1.6;bottom:calc(16px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 28px);overflow-wrap:anywhere}
}
@media(max-width:600px){
 .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.heading-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}#notifications-button{grid-column:1/-1}
 .filters{grid-template-columns:repeat(2,minmax(0,1fr))}#agent-filter{grid-column:1/-1}.insights{grid-template-columns:minmax(0,1fr)}
 /* Cada atendimento vira um cartão, mantendo situação, espera e alerta visíveis. */
 .table-wrap{overflow:visible}table{display:block;width:100%}thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}tbody{display:block;padding:0 12px 2px}
 #ticket-rows tr{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;border:1px solid #e6e4ec;border-left:3px solid #d7d2df;border-radius:10px;padding:16px 14px;margin-bottom:12px}
 #ticket-rows tr.row-waiting{border-left-color:#71aa84}#ticket-rows tr.row-warning{border-left-color:#d6ac46}#ticket-rows tr.row-late{border-left-color:#d67b89}
 #ticket-rows td{display:block;min-width:0;padding:0;border:0;text-align:left}#ticket-rows td:first-child{grid-column:1/-1;padding-right:30px;box-shadow:none}#ticket-rows td:last-child{position:absolute;top:10px;right:6px}
 #ticket-rows td[data-label]::before{content:attr(data-label);display:block;font-size:10px;line-height:1.5;font-weight:600;color:#777080;margin-bottom:6px;letter-spacing:.2px}
 .customer-cell{gap:10px}.customer-avatar{width:36px;height:36px;font-size:11px}.customer-name{font-size:14px;font-weight:650}.customer-protocol{font-size:11px;margin-top:3px}.owner{font-size:13px}.department{font-size:11px}.wait{font-size:18px}.wait-label{font-size:11px}.badge,.ticket-status{font-size:11px;padding:6px 8px}.row-button{min-width:36px;min-height:44px;font-size:24px}
 .form-grid,.detail-grid{grid-template-columns:minmax(0,1fr)}.dialog-actions button{flex-basis:100%}.dialog-heading h2{font-size:21px}.users-intro{font-size:13px}.error{font-size:13px}.brand{font-size:13px}.small-tag{font-size:9px;line-height:1.7}
}
@media(min-width:601px) and (max-width:1024px) and (max-height:600px){
 .sidebar{padding-top:8px;padding-bottom:8px}.topbar{min-height:48px;padding-top:6px;padding-bottom:6px}main{padding-top:16px}.heading-row{flex-wrap:nowrap;align-items:center;gap:14px}.heading-row h1{font-size:25px}.heading-actions{width:auto;max-width:390px;justify-content:flex-end}.heading-actions .secondary{font-size:11px}.subtitle{margin-top:6px;font-size:11px}.eyebrow{margin-bottom:7px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.stat{padding:12px}.stat-top{font-size:11px}.stat p{font-size:10px}.connection{margin-bottom:12px}.connection .last-sync{margin-left:auto}.login-view{grid-template-columns:1fr 1fr}.login-brand{padding:24px}.login-brand h1{font-size:26px}.login-form-wrap{padding:24px}.login-form-wrap form>p{margin-bottom:16px}
}