/* ===== Responsive Layout ===== */
@media(max-width:1200px){
  .adclaw-sidebar{width:260px}
  .agent-sidebar{width:260px}
}
@media(max-width:1024px){
  .adclaw-sidebar{display:none}
  .agent-sidebar{width:240px}
  .grid-2col{grid-template-columns:1fr}
  .grid-3col{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .nav-rail{width:60px;padding:8px 0 12px}
  .nav-rail-logo{width:40px;height:40px;margin-bottom:12px}
  .nav-rail-item{width:44px;padding:6px 0}
  .nav-rail-item span:not(.material-symbols-outlined){display:none}
  .top-bar{padding:0 12px;gap:8px}
  .org-selector,.customer-selector,.time-chip{display:none}
  .top-bar-title{font-size:14px}
  .adclaw-quick-actions{padding:10px 12px;gap:6px}
  .acl-quick{padding:6px 12px;font-size:11px}
  .adclaw-input-area{padding:10px 12px}
  .wecom-btn{width:36px;height:36px}
  .wecom-btn svg{width:18px;height:18px}
  .adclaw-messages{padding:12px}
.acl-bubble{padding:9px 12px;font-size:12px}
  .acl-msg-avatar{width:30px;height:30px;border-radius:50%;margin-top:0}
  .acl-msg-avatar .material-symbols-outlined{font-size:17px}
  .sub-page-body{padding:16px 20px 32px}
  .agent-sidebar{width:200px}
  .agent-detail-header{padding:16px 20px 0}
  .agent-tab-content{padding:20px}
  .grid-3col{grid-template-columns:1fr}
}
@media(max-width:600px){
  .nav-rail{position:fixed;bottom:0;left:0;right:0;width:100%;height:60px;flex-direction:row;border-right:none;border-top:1px solid var(--md-surface-3);z-index:100}
  .nav-rail-logo{display:none}
  .nav-rail-divider{display:none}
  .nav-rail-item{flex:1}
  #app-shell{flex-direction:column;padding-bottom:60px}
  .main-area{flex:1}
  .agent-mgmt{flex-direction:column}
  .agent-sidebar{width:100%;max-height:40vh;border-right:none;border-bottom:1px solid var(--md-surface-3)}
  .agent-detail{max-height:60vh}
}