/* v636 - LIST search bar + icon set redesign (css/308). Area icon is NOT touched (it keeps its own animated map-pin).
   One icon family: 1.8px rounded line icons drawn as masks (they take the button colour), all 17px inside 32px buttons.
   Search bar: calm white pill, navy lens badge, tools grouped in one soft capsule. Remove the css/308 link to roll back. */
:root{--anv-i-search:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2210.5%22 cy=%2210.5%22 r=%226.5%22/%3E%3Cpath d=%22M15.5 15.5 20.5 20.5%22/%3E%3C/svg%3E");--anv-i-star:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3.4l2.6 5.4 5.9.8-4.3 4.1 1.1 5.9L12 16.8 6.7 19.6l1.1-5.9L3.5 9.6l5.9-.8z%22/%3E%3C/svg%3E");--anv-i-starfill:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3.4l2.6 5.4 5.9.8-4.3 4.1 1.1 5.9L12 16.8 6.7 19.6l1.1-5.9L3.5 9.6l5.9-.8z%22 fill=%22%23000%22/%3E%3C/svg%3E");--anv-i-link:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M10 13.5a4.6 4.6 0 0 0 6.5.4l3-3a4.6 4.6 0 0 0-6.5-6.5l-1.7 1.7%22/%3E%3Cpath d=%22M14 10.5a4.6 4.6 0 0 0-6.5-.4l-3 3a4.6 4.6 0 0 0 6.5 6.5l1.7-1.7%22/%3E%3C/svg%3E");--anv-i-palette:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3.2a8.8 8.8 0 1 0 0 17.6c1.2 0 2-.9 1.7-2-.3-1 .3-2.1 1.4-2.1H17a3.8 3.8 0 0 0 3.8-3.8C20.8 7.1 16.9 3.2 12 3.2z%22/%3E%3Ccircle cx=%227.6%22 cy=%2211.4%22 r=%221%22 fill=%22%23000%22/%3E%3Ccircle cx=%2210.2%22 cy=%227.6%22 r=%221%22 fill=%22%23000%22/%3E%3Ccircle cx=%2214.6%22 cy=%227.6%22 r=%221%22 fill=%22%23000%22/%3E%3C/svg%3E");--anv-i-db:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cellipse cx=%2212%22 cy=%225.8%22 rx=%227.2%22 ry=%222.8%22/%3E%3Cpath d=%22M4.8 5.8v12.4c0 1.5 3.2 2.8 7.2 2.8s7.2-1.3 7.2-2.8V5.8%22/%3E%3Cpath d=%22M4.8 12c0 1.5 3.2 2.8 7.2 2.8s7.2-1.3 7.2-2.8%22/%3E%3C/svg%3E");}
/* ---- the bar ---- */
.avl-kw .docket-kw-input-wrap{min-height:46px;padding:4px 5px 4px 5px;gap:6px;border:1.5px solid rgba(22,45,76,.13);border-radius:999px;background:var(--surface,#fff);
  box-shadow:0 1px 2px rgba(15,31,53,.05),0 10px 22px -14px rgba(15,31,53,.35);transition:border-color .2s ease,box-shadow .2s ease;}
.avl-kw .docket-kw-input-wrap:focus-within{border-color:var(--gold-500,#cea577);box-shadow:0 0 0 4px rgba(206,165,119,.22),0 10px 22px -14px rgba(15,31,53,.35);}
.avl-kw .avl-sf{height:38px;gap:9px;}
.avl-kw .avl-sf input{font-size:14px;font-weight:500;color:var(--ink,#162d4c);}
.avl-kw .avl-sf input::placeholder{color:#8a97aa;font-weight:500;font-style:normal;}
/* lens: navy badge with a gold search glyph */
.avl-kw .avl-sf .lens-wrap{width:34px;height:34px;}
.avl-kw .avl-sf .lens-badge{border-radius:50%;background:linear-gradient(150deg,#1b3558,#0f1f35);box-shadow:0 3px 8px -2px rgba(15,31,53,.45),inset 0 1px 0 rgba(255,255,255,.12);}
.avl-kw .avl-sf .lens-wrap i,.avl-kw .avl-sf .lens-badge i{font-size:0!important;width:17px;height:17px;display:block;background:var(--gold-400,#e0bd94);-webkit-mask:var(--anv-i-search) center/contain no-repeat;mask:var(--anv-i-search) center/contain no-repeat;}
.avl-kw .avl-sf .lens-wrap i::before,.avl-kw .avl-sf .lens-badge i::before{content:none;}
.avl-kw .avl-sf .kw-clear-btn{width:24px;height:24px;border-radius:50%;background:rgba(22,45,76,.08);color:var(--navy-800,#1f3a5f);}
.avl-kw .avl-sf .kw-clear-btn:hover{background:rgba(206,165,119,.28);}

/* ---- tools: one soft capsule, same-size round buttons ---- */
.avl-kw .docket-kw-input-wrap .avl-tools{gap:3px;padding:3px;border:0;border-radius:999px;background:rgba(22,45,76,.055);}
[data-theme="dark"] .avl-kw .docket-kw-input-wrap .avl-tools{background:rgba(255,255,255,.07);}
.avl-kw .docket-kw-input-wrap .avl-tools .avl-featured-btn,
.avl-kw .docket-kw-input-wrap .avl-tools .avl-share-btn,
.avl-kw .docket-kw-input-wrap .avl-tools .avl-featstyle-btn{
  width:34px;height:34px;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;color:var(--navy-700,#2e4f79);
  display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background .2s ease,color .2s ease,transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;}
.avl-kw .docket-kw-input-wrap .avl-tools .avl-featured-btn:hover,
.avl-kw .docket-kw-input-wrap .avl-tools .avl-share-btn:hover,
.avl-kw .docket-kw-input-wrap .avl-tools .avl-featstyle-btn:hover{background:#fff;color:var(--gold-600,#b8874f);transform:translateY(-1px);box-shadow:0 4px 10px -3px rgba(15,31,53,.28);}
.avl-kw .docket-kw-input-wrap .avl-tools .avl-featured-btn:active,
.avl-kw .docket-kw-input-wrap .avl-tools .avl-share-btn:active,
.avl-kw .docket-kw-input-wrap .avl-tools .avl-featstyle-btn:active{transform:scale(.92);}
.avl-kw .docket-kw-input-wrap .avl-tools .avl-featured-btn:focus-visible,
.avl-kw .docket-kw-input-wrap .avl-tools .avl-share-btn:focus-visible,
.avl-kw .docket-kw-input-wrap .avl-tools .avl-featstyle-btn:focus-visible{outline:2px solid var(--gold-500,#cea577);outline-offset:1px;}
/* glyphs -> our icon family */
.avl-kw .avl-tools .avl-featured-btn i,.avl-kw .avl-tools .avl-share-btn i,.avl-kw .avl-tools .avl-featstyle-btn i,.avl-kw .avl-tools .avd-toggle>i:first-child{
  font-size:0!important;width:17px;height:17px;flex:none;display:block;background:currentColor;color:inherit;font-weight:400;
  -webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat;transition:transform .25s cubic-bezier(.34,1.56,.64,1);}
.avl-kw .avl-tools .avl-featured-btn i::before,.avl-kw .avl-tools .avl-share-btn i::before,.avl-kw .avl-tools .avl-featstyle-btn i::before,.avl-kw .avl-tools .avd-toggle>i:first-child::before{content:none;}
.avl-kw .avl-tools .avl-featured-btn i{--ic:var(--anv-i-star);}
.avl-kw .avl-tools .avl-share-btn i{--ic:var(--anv-i-link);}
.avl-kw .avl-tools .avl-featstyle-btn i{--ic:var(--anv-i-palette);}
.avl-kw .avl-tools .avd-toggle>i:first-child{--ic:var(--anv-i-db);}
.avl-kw .avl-tools .avl-featured-btn:hover i{transform:rotate(18deg) scale(1.12);}
.avl-kw .avl-tools .avl-share-btn:hover i{transform:rotate(-12deg) scale(1.1);}
.avl-kw .avl-tools .avl-featstyle-btn:hover i{transform:rotate(14deg) scale(1.1);}
/* Featured ON: gold disc + solid star */
.avl-kw .docket-kw-input-wrap .avl-tools .avl-featured-btn.active{background:linear-gradient(150deg,var(--gold-400,#e0bd94),var(--gold-600,#b8874f));color:#0f1f35;box-shadow:0 4px 10px -3px rgba(184,135,79,.6);}
.avl-kw .avl-tools .avl-featured-btn.active i{--ic:var(--anv-i-starfill);color:#0f1f35;}
/* "Data" (admin): same family, compact pill */
.avl-kw .avl-tools .avd-toggle{height:34px;padding:0 12px 0 10px;border:0;border-radius:999px;background:#fff;color:var(--navy-800,#1f3a5f);box-shadow:0 1px 3px rgba(15,31,53,.14);font-size:12px;font-weight:800;gap:7px;}
.avl-kw .avl-tools .avd-toggle>i:first-child{color:var(--gold-600,#b8874f);}
.avl-kw .avl-tools .avd-toggle:hover{box-shadow:0 4px 10px -3px rgba(15,31,53,.3);}
/* Area chip: same height as its neighbours (its icon is untouched) */
.avl-kw .docket-kw-input-wrap .avl-tools .filter-toggle-btn.avl-area-btn{height:34px;}
/* labelled chips on wide screens */
@media(min-width:700px){
  .avl-kw .docket-kw-input-wrap .avl-tools .avl-featured-btn,.avl-kw .docket-kw-input-wrap .avl-tools .avl-share-btn{width:auto;padding:0 13px 0 11px;border-radius:999px;}
  .avl-kw .avl-tools .avl-chip-lbl{font-size:12px;font-weight:800;}
}
/* admin two-row layout (<= 900px): keep the capsule as one tidy row */
@media(max-width:900px){
  .avl-kw.avl-kw--admin .docket-kw-input-wrap .avl-tools{border-top:0;padding:3px;margin-top:3px;gap:3px;}
  .avl-kw.avl-kw--admin .docket-kw-input-wrap{padding:5px 6px 6px 5px;}
  .avl-kw.avl-kw--admin .avl-sf{height:38px;}
  .avl-kw.avl-kw--admin .avl-tools .avd-toggle{height:34px;}
}
@media(max-width:360px){
  .avl-kw .docket-kw-input-wrap .avl-tools .avl-featured-btn,.avl-kw .docket-kw-input-wrap .avl-tools .avl-share-btn,.avl-kw .docket-kw-input-wrap .avl-tools .avl-featstyle-btn{width:31px;height:31px;}
  .avl-kw .avl-tools .avl-featured-btn i,.avl-kw .avl-tools .avl-share-btn i,.avl-kw .avl-tools .avl-featstyle-btn i{width:16px;height:16px;}
}
@media(prefers-reduced-motion:reduce){.avl-kw .avl-tools *{transition:none!important;}}