/* v637 - ADMIN ONLY (.avl-kw--admin), phones/tablets (<=900px): search bar back to ONE row.
   [lens][ search field ...... ] | [Area icon][v]   -> the v opens a tray with the other icons (Featured / Style / Copy link / Data).
   Everyone else keeps the v636 layout (nothing here matches without .avl-kw--admin). Remove the css/309 + js/309 tags to roll back. */
.avl-kw .avl-tray-toggle{display:none;}
.avl-kw .avl-tray{display:contents;}
@media(max-width:900px){
  .avl-kw.avl-kw--admin .docket-kw-input-wrap{flex-wrap:nowrap!important;flex-direction:row!important;align-items:center!important;border-radius:999px!important;padding:4px 5px!important;min-height:46px;position:relative;width:100%;box-sizing:border-box;}
  .avl-kw.avl-kw--admin .avl-sf{flex:1 1 auto!important;order:0!important;min-width:0;height:38px;}
  .avl-kw.avl-kw--admin .avl-tools{order:0!important;flex:none!important;width:auto!important;margin:0!important;padding:0 0 0 6px!important;gap:4px!important;border-top:0!important;border-left:1.5px solid rgba(22,45,76,.12)!important;border-radius:0!important;background:transparent!important;justify-content:flex-end;position:relative;}
  [data-theme="dark"] .avl-kw.avl-kw--admin .avl-tools{border-left-color:rgba(255,255,255,.16)!important;}
  /* Area: full chip (icon + label), same look as for regular users but bigger, inside the bar */
  .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;min-width:0;height:38px;max-width:112px!important;padding:0 12px 0 10px!important;gap:6px;border-radius:999px;justify-content:center;position:relative;font-size:13px;font-weight:800;}
  .avl-kw.avl-kw--admin .avl-tools .avl-area-caret{display:none!important;}
  .avl-kw.avl-kw--admin .avl-tools .avl-area-btn .avl-area-lbl{font-size:13px;font-weight:800;max-width:70px;}
  .avl-kw.avl-kw--admin .avl-tools .avl-area-btn .avl-area-ico{width:23px;height:23px;}
  /* drop-list toggle */
  .avl-kw.avl-kw--admin .avl-tray-toggle{display:inline-flex;position:relative;flex:none;align-items:center;justify-content:center;width:30px;height:38px;padding:0;border:0;border-radius:999px;background:rgba(22,45,76,.07);color:var(--navy-700,#2e4f79);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .25s ease,color .25s ease,box-shadow .25s ease,transform .2s ease;}
  [data-theme="dark"] .avl-kw.avl-kw--admin .avl-tray-toggle{background:rgba(255,255,255,.1);color:#e8eef7;}
  .avl-kw.avl-kw--admin .avl-tray-toggle svg{width:16px;height:16px;display:block;transition:transform .38s cubic-bezier(.34,1.56,.64,1);}
  .avl-kw.avl-kw--admin .avl-tray-toggle:active{transform:scale(.9);}
  .avl-kw.avl-kw--admin .avl-tools.is-tray-open .avl-tray-toggle{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-kw--admin .avl-tools.is-tray-open .avl-tray-toggle svg{transform:rotate(180deg);}
  .avl-kw.avl-kw--admin .avl-tray-toggle.has-active::after{content:"";position:absolute;top:4px;right:3px;width:8px;height:8px;border-radius:50%;background:var(--gold-500,#cea577);border:1.5px solid var(--surface,#fff);}
  .avl-kw.avl-kw--admin .avl-tray-toggle:focus-visible{outline:2px solid var(--gold-500,#cea577);outline-offset:1px;}
  /* the tray */
  .avl-kw.avl-kw--admin .avl-tray{display:flex;align-items:center;gap:4px;position:absolute;top:calc(100% + 12px);right:-2px;z-index:130;padding:5px;border-radius:999px;background:var(--surface,#fff);border:1.5px solid rgba(22,45,76,.12);box-shadow:0 14px 30px -10px rgba(15,31,53,.4),0 2px 6px rgba(15,31,53,.08);
    transform-origin:calc(100% - 22px) -8px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px) scale(.82);
    transition:opacity .2s ease,transform .34s cubic-bezier(.34,1.56,.64,1),visibility 0s linear .34s;}
  [data-theme="dark"] .avl-kw.avl-kw--admin .avl-tray{background:#15263f;border-color:rgba(255,255,255,.14);}
  .avl-kw.avl-kw--admin .avl-tray::before{content:"";position:absolute;top:-7px;right:20px;width:12px;height:12px;background:inherit;border-left:1.5px solid rgba(22,45,76,.12);border-top:1.5px solid rgba(22,45,76,.12);transform:rotate(45deg);border-radius:3px 0 0 0;}
  .avl-kw.avl-kw--admin .avl-tools.is-tray-open .avl-tray{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .2s ease,transform .34s cubic-bezier(.34,1.56,.64,1),visibility 0s;}
  .avl-kw.avl-kw--admin .avl-tray>*{opacity:0;transform:translateY(-6px) scale(.55);transition:opacity .18s ease,transform .18s ease;}
  .avl-kw.avl-kw--admin .avl-tools.is-tray-open .avl-tray>*{opacity:1;transform:none;transition:opacity .25s ease calc(var(--i,0)*55ms + 70ms),transform .4s cubic-bezier(.34,1.56,.64,1) calc(var(--i,0)*55ms + 70ms);}
  .avl-kw.avl-kw--admin .avl-tray>:nth-child(1){--i:0;order:1}.avl-kw.avl-kw--admin .avl-tray>:nth-child(2){--i:1;order:2}.avl-kw.avl-kw--admin .avl-tray>:nth-child(3){--i:2;order:3}.avl-kw.avl-kw--admin .avl-tray>:nth-child(4){--i:3;order:4}
  .avl-kw.avl-kw--admin .avl-tray #avdBar{order:9;margin:0 0 0 2px!important;}
  .avl-kw.avl-kw--admin .avl-tray .avl-featured-btn:hover,.avl-kw.avl-kw--admin .avl-tray .avl-share-btn:hover,.avl-kw.avl-kw--admin .avl-tray .avl-featstyle-btn:hover{background:rgba(22,45,76,.08)!important;}
  .avl-kw.avl-kw--admin .avl-tray .avl-featured-btn.active:hover{background:linear-gradient(150deg,var(--gold-400,#e0bd94),var(--gold-600,#b8874f))!important;}
  .avl-kw.avl-kw--admin .avl-tray .avd-toggle{background:rgba(22,45,76,.07);box-shadow:none;}
  .avl-kw.avl-kw--admin .avl-tray .avd-cards{right:-6px;top:calc(100% + 16px);}
}
@media(max-width:360px){
  .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{height:36px;max-width:92px!important;padding:0 9px 0 8px!important;}
  .avl-kw.avl-kw--admin .avl-tools .avl-area-btn .avl-area-lbl{max-width:50px;font-size:12px;}
  .avl-kw.avl-kw--admin .avl-tools .avl-area-btn .avl-area-ico{width:21px;height:21px;}
  .avl-kw.avl-kw--admin .avl-tray-toggle{width:26px;height:32px;}
}
@media(prefers-reduced-motion:reduce){.avl-kw.avl-kw--admin .avl-tray,.avl-kw.avl-kw--admin .avl-tray>*,.avl-kw .avl-tray-toggle,.avl-kw .avl-tray-toggle svg{transition:none!important;}}

/* ---- guide animation on the Area icon (admin): repeating gold ripple + pin hop every ~5s until the icon is used (class asr-seen / area chosen) ---- */
@media(max-width:900px){
  .avl-kw.avl-kw--admin .avl-tools .filter-toggle-btn.avl-area-btn:not(.asr-seen):not(.has-area){animation:asrRipple 5s ease-out 1.2s infinite;border-color:var(--gold-500,#cea577);}
  .avl-kw.avl-kw--admin .avl-area-btn:not(.asr-seen):not(.has-area) .avl-area-pin{animation:asrHop 5s cubic-bezier(.3,.7,.4,1) 1.2s infinite;}
  .avl-kw.avl-kw--admin .avl-area-btn:not(.asr-seen):not(.has-area) .avl-area-dot{animation:asrPing 5s ease-out 1.2s infinite;}
  .avl-kw.avl-kw--admin .avl-area-btn[aria-expanded="true"],.avl-kw.avl-kw--admin .avl-area-btn:hover{animation:none!important;}
}
@keyframes asrRipple{0%{box-shadow:0 0 0 0 rgba(206,165,119,.65),0 0 0 0 rgba(206,165,119,.4)}22%{box-shadow:0 0 0 8px rgba(206,165,119,0),0 0 0 0 rgba(206,165,119,.4)}40%,100%{box-shadow:0 0 0 8px rgba(206,165,119,0),0 0 0 15px rgba(206,165,119,0)}}
@keyframes asrHop{0%,40%,100%{transform:translateY(0) scale(1)}8%{transform:translateY(-3.4px) scale(1.12)}16%{transform:translateY(0) scale(1)}22%{transform:translateY(-1.4px)}28%{transform:translateY(0)}}
@keyframes asrPing{0%,14%{transform:scale(1);opacity:1}28%{transform:scale(1.9);opacity:.35}40%,100%{transform:scale(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.avl-kw.avl-kw--admin .avl-area-btn,.avl-kw.avl-kw--admin .avl-area-btn *{animation:none!important;}}

/* ---- Area drop-list: smooth unfold on open, smooth fold on the 2nd tap (admin) ---- */
@media(max-width:900px){
  .avl-kw.avl-kw--admin .avl-tools .avl-area-picker-menu.anv-menu{transform-origin:calc(100% - 70px) -6px;}
  .avl-kw.avl-kw--admin .avl-tools .avl-area-picker-menu.anv-menu.is-open{animation:asrUnfold .36s cubic-bezier(.34,1.45,.64,1);}
  .avl-kw.avl-kw--admin .avl-tools .avl-area-picker-menu.anv-menu.is-open.asr-closing{animation:asrFold .24s cubic-bezier(.4,0,.8,.4) forwards;pointer-events:none;}
  .avl-kw.avl-kw--admin .avl-tools .avl-area-picker-menu.anv-menu.is-open .anv-row{animation:asrRow .34s ease both;}
  .avl-kw.avl-kw--admin .avl-tools .avl-area-picker-menu.anv-menu.is-open .anv-row:nth-child(2){animation-delay:.05s}
  .avl-kw.avl-kw--admin .avl-tools .avl-area-picker-menu.anv-menu.is-open .anv-row:nth-child(3){animation-delay:.1s}
  .avl-kw.avl-kw--admin .avl-tools .avl-area-picker-menu.anv-menu.is-open .anv-row:nth-child(4){animation-delay:.15s}
  .avl-kw.avl-kw--admin .avl-tools .avl-area-picker-menu.anv-menu.is-open .anv-row:nth-child(n+5){animation-delay:.2s}
  .avl-kw.avl-kw--admin .avl-tools .avl-area-picker-menu.anv-menu.asr-closing .anv-row{animation:none;}
}
@keyframes asrUnfold{0%{opacity:0;transform:translateY(-10px) scale(.88)}60%{opacity:1}100%{opacity:1;transform:none}}
@keyframes asrFold{0%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-10px) scale(.9)}}
@keyframes asrRow{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.avl-kw.avl-kw--admin .avl-tools .avl-area-picker-menu.anv-menu,.avl-kw.avl-kw--admin .avl-tools .avl-area-picker-menu.anv-menu *{animation:none!important;}}

/* v641 - small status line under the saved CSV link field (js/311) */
.asr-url-note{display:block;margin-top:5px;font-size:11px;font-weight:700;color:#7a8799;}
.asr-url-note:empty{display:none;}
.asr-url-note[data-k="ok"]{color:#1e8e5a;}
.asr-url-note[data-k="warn"]{color:#b5651d;}