/* v630 - LIST search box: ONE row, everything INSIDE the single pill, no extra height.
   [lens][ search field ........ ] | [map Area v] [star] [link]
   Phones: Area keeps its label (it is the filter brokers must recognise); Featured + Copy link are icon-only circles.
   700px+: all three chips show their labels. Markup (.avl-sf / .avl-tools) comes from js/21 + core bundle. */
.avl-kw .docket-kw-input-wrap{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:6px;
  background:var(--surface,#fff);border:1.5px solid var(--glass-border,rgba(22,45,76,.16));border-radius:999px;
  box-shadow:0 1px 3px rgba(9,22,38,.06);padding:3px 5px 3px 4px;max-width:100%!important;}
.avl-kw .docket-kw-input-wrap:focus-within{border-color:var(--gold-500,#cea577);box-shadow:0 0 0 3px rgba(206,165,119,.2);}
.docket-kw.sx-state-ok .docket-kw-input-wrap{border-color:rgba(30,142,90,.4);}
.docket-kw.sx-state-empty .docket-kw-input-wrap{border-color:rgba(192,57,43,.4);}

/* search field part */
.avl-kw .avl-sf{display:flex;align-items:center;gap:7px;flex:1 1 auto;min-width:0;height:34px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;}
.avl-kw .avl-sf .lens-wrap{width:28px;height:28px;flex:none;}
.avl-kw .avl-sf input{flex:1 1 auto;min-width:0;width:100%;max-width:none!important;border:0;background:transparent;outline:0;box-shadow:none;padding:0 2px;font-size:13.5px;}
.avl-kw .avl-sf .kw-clear-btn{flex:none;}

/* tools part: divider + chips */
.avl-kw .avl-tools{position:relative;display:flex;align-items:center;flex:none;gap:6px;padding-left:7px;border-left:1.5px solid rgba(22,45,76,.12);}
[data-theme="dark"] .avl-kw .avl-tools{border-left-color:rgba(255,255,255,.14);}
.avl-kw .avl-tools .avl-featured-btn,.avl-kw .avl-tools .avl-share-btn{
  display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;padding:0;gap:6px;border-radius:999px;
  border:1.5px solid rgba(22,45,76,.16);background:var(--surface,#fff);color:var(--ink,#162d4c);
  font-family:inherit;font-size:12px;font-weight:700;line-height:1;letter-spacing:.01em;white-space:nowrap;box-shadow:none;}
[data-theme="dark"] .avl-kw .avl-tools .avl-featured-btn,[data-theme="dark"] .avl-kw .avl-tools .avl-share-btn{border-color:rgba(255,255,255,.16);}
.avl-kw .avl-tools .avl-featured-btn i,.avl-kw .avl-tools .avl-share-btn i{font-size:12.5px;color:var(--gold-600,#b8874f);}
.avl-kw .avl-tools .avl-featured-btn i{font-weight:400;}
.avl-kw .avl-tools .avl-featured-btn:hover,.avl-kw .avl-tools .avl-share-btn:hover{border-color:var(--gold-500,#cea577);background:rgba(206,165,119,.13);color:var(--ink,#162d4c);}
.avl-kw .avl-tools .avl-featured-btn.active{background:linear-gradient(150deg,var(--gold-400,#e0bd94),var(--gold-500,#cea577));border-color:var(--gold-500,#cea577);color:var(--navy-900,#0f1f35);}
.avl-kw .avl-tools .avl-featured-btn.active i{font-weight:900;color:var(--navy-900,#0f1f35);}
.avl-kw .avl-tools .avl-featstyle-btn{flex:none;}
.avl-kw .avl-tools .avl-chip-lbl{display:none;}

/* Area chip (always labelled); neutral, navy once an area is chosen (css/303) */
.avl-kw .avl-tools .filter-toggle-btn.avl-area-btn{height:30px;max-width:104px;flex:none;justify-content:center;padding:0 9px 0 7px!important;font-size:12px;font-weight:700;letter-spacing:.01em;}
.avl-kw .avl-tools .filter-toggle-btn.avl-area-btn:not(.has-area){--avl-area-bg:var(--surface,#fff);background:var(--surface,#fff);border-color:rgba(22,45,76,.16);color:var(--ink,#162d4c);}
.avl-kw .avl-tools .filter-toggle-btn.avl-area-btn:not(.has-area):hover{--avl-area-bg:var(--surface,#fff);background:rgba(206,165,119,.13);border-color:var(--gold-500,#cea577);color:var(--ink,#162d4c);}
.avl-kw .avl-tools .avl-area-picker-menu{left:auto;right:-4px;top:calc(100% + 10px);width:min(300px,calc(100vw - 24px));}

.avl-kw .avl-tools .filter-toggle-btn.avl-area-btn.has-area{max-width:92px;}
/* tablet / desktop: every chip shows its label */
@media(min-width:700px){
  .avl-kw .docket-kw-input-wrap{max-width:760px!important;padding:3px 6px 3px 5px;}
  .avl-kw .avl-tools{gap:8px;padding-left:10px;}
  .avl-kw .avl-tools .avl-featured-btn,.avl-kw .avl-tools .avl-share-btn{width:auto;padding:0 12px;}
  .avl-kw .avl-tools .avl-chip-lbl{display:inline;}
  .avl-kw .avl-tools .filter-toggle-btn.avl-area-btn{max-width:170px;padding:0 11px 0 9px!important;}
  .avl-kw .avl-tools .filter-toggle-btn.avl-area-btn.has-area{max-width:170px;}
}
/* tight phones */
@media(max-width:360px){
  .avl-kw .docket-kw-input-wrap{gap:4px;}
  .avl-kw .avl-tools{gap:4px;padding-left:5px;}
  .avl-kw .avl-tools .avl-featured-btn,.avl-kw .avl-tools .avl-share-btn{width:28px;height:28px;}
  .avl-kw .avl-tools .filter-toggle-btn.avl-area-btn{height:28px;max-width:84px;padding:0 7px 0 6px!important;}
  .avl-area-btn .avl-area-ico{width:16px;height:16px;}
}