/* v645 - Area chip: width follows the chosen area's name for EVERY account (admin and regular). Small text, "..." at the end when too long.
   Loaded last. Remove the css/313 tag to roll back to the fixed-width chip. */
.avl-kw .avl-tools .filter-toggle-btn.avl-area-btn,
.avl-kw .avl-tools .filter-toggle-btn.avl-area-btn.has-area{width:auto!important;min-width:0;max-width:min(170px,46vw)!important;flex:0 1 auto;}
.avl-kw .avl-tools .filter-toggle-btn.avl-area-btn .avl-area-lbl{font-size:11px!important;font-weight:700;letter-spacing:.01em;max-width:none!important;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* admin keeps room for the tray arrow beside it; caret stays hidden there */
@media(max-width:900px){
  .avl-kw.avl-kw--admin .avl-tools .filter-toggle-btn.avl-area-btn,
  .avl-kw.avl-kw--admin .avl-tools .filter-toggle-btn.avl-area-btn.has-area{width:auto!important;max-width:min(150px,38vw)!important;padding:0 11px 0 9px!important;height:36px;}
  .avl-kw.avl-kw--admin .avl-tools .avl-area-btn .avl-area-lbl{font-size:11px!important;max-width:none!important;}
  .avl-kw.avl-kw--admin .avl-tools .avl-area-btn .avl-area-ico{width:21px;height:21px;}
}
@media(max-width:360px){
  .avl-kw .avl-tools .filter-toggle-btn.avl-area-btn,.avl-kw .avl-tools .filter-toggle-btn.avl-area-btn.has-area{max-width:min(118px,36vw)!important;}
  .avl-kw.avl-kw--admin .avl-tools .filter-toggle-btn.avl-area-btn,.avl-kw.avl-kw--admin .avl-tools .filter-toggle-btn.avl-area-btn.has-area{max-width:min(110px,32vw)!important;}
}