/* v833: toolbar only (search bar + data links). Slim search bar; Raw Broadcast Sheet / SEARCH_HUB.xlsx / Two-way sync as icons that open their content.
   Own tokens, no dependency on other brand files. Roll back: remove this link + js/399-avl-icons.js. */
:root{ --c-starlight:#162d4c; --c-starlight-rgb:22,45,76; --c-starlight-dark:#0f2036; --c-sand:#cea577; --c-sand-light:#e3c08a; --c-blue:#6483aa;
  --c-metallic:#c0c0c0; --c-white:#fff; --c-grey-100:#f5f8fc; --c-grey-200:#eaf0f7; --c-grey-300:#dce5f0; --c-grey-600:#5a6c86;
  --c-success:#177245; --c-danger:#c0392b; --c-warning:#8a5a0b; --bt-cap:12px; }
/* ---- search bar: slimmer, smaller icons ---- */
/* v845: the Area dropdown (.avl-area-picker-menu) lives inside .avl-tools; its rows are <button>s and were being squashed to 26px / 12px / 11px icons by the rules below. They are now excluded, so the list keeps its v820 look. */
html body .avl-kw .docket-kw-input-wrap{ min-height:32px !important; padding:2px 4px !important; }
html body .avl-kw .avl-sf{ height:28px !important; min-height:0 !important; }
html body .avl-kw .avl-sf input{ height:28px !important; font-size:13px !important; padding-top:0 !important; padding-bottom:0 !important; }
html body .avl-kw .lens-badge{ width:22px !important; height:22px !important; font-size:11px !important; }
html body .avl-kw .avl-tools{ gap:3px !important; }
html body .avl-kw .avl-tools button:not(.avl-area-picker-menu button),html body .avl-kw .avl-tools .filter-toggle-btn{ height:26px !important; min-height:0 !important; padding:0 9px !important; font-size:12px !important; }
html body .avl-kw .avl-tools button:not(.avl-area-picker-menu button) i,html body .avl-kw .avl-tools button:not(.avl-area-picker-menu button) svg{ font-size:11px !important; width:auto; height:auto; max-height:13px; }
html body .avl-kw .avl-area-btn .avl-area-ico{ width:18px !important; height:18px !important; }
html body .avl-kw .avl-area-btn .avl-area-lbl{ font-size:12px !important; }
html body .avl-kw .kw-clear-btn{ width:22px; height:22px; font-size:11px; }

/* ---- data links: icon only, content opens on click ---- */
.avd-toggle,.avd-tag{ display:none !important; }
.avd-cards{ display:flex !important; position:static !important; flex-direction:row !important; gap:4px; box-shadow:none !important; border:0 !important; padding:0 !important; background:none !important; }
.avd-card.avdp{ position:relative; display:block; height:auto; min-height:0; padding:0; border:0; background:none; box-shadow:none; }
.avd-card.avdp .avd-ico{ width:28px; height:28px; border-radius:8px; font-size:12px; cursor:pointer; position:relative; }
.avd-card.avdp .avd-ico:focus-visible{ outline:2px solid var(--c-blue); outline-offset:1px; }
.avdp-dot{ position:absolute; top:-2px; right:-2px; width:8px; height:8px; border-radius:50%; border:1.5px solid var(--c-white); background:var(--c-metallic); }
.avdp-dot.is-ok{ background:var(--c-success); } .avdp-dot.is-bad{ background:var(--c-danger); } .avdp-dot.is-hold{ background:var(--c-warning); }
.avdp-panel{ display:none; position:absolute; top:calc(100% + 6px); right:0; z-index:130; width:min(340px,92vw); padding:10px 12px; border-radius:12px; flex-direction:column; gap:8px;
  background:var(--c-white); border:1px solid var(--c-grey-300); box-shadow:0 10px 28px -10px rgba(var(--c-starlight-rgb),.35); color:var(--c-starlight); }
.avdp-open > .avdp-panel{ display:flex; }
.avdp-panel .avd-txt{ flex-direction:row; align-items:baseline; gap:8px; flex-wrap:wrap; }
.avdp-panel .avd-txt b{ font-size:13px; color:var(--c-starlight); font-family:inherit; }
.avdp-panel .avd-txt small{ font-size:var(--bt-cap); color:var(--c-grey-600); }
.avdp-panel .avd-go{ align-self:flex-start; }
.avdp-panel .avd-mini{ align-self:flex-start; }
.avdp-panel .avd-pop{ position:static; width:auto; padding:0; border:0; box-shadow:none; background:none; }
.avdp-panel input[type=url],.avdp-panel input[type=text]{ width:100%; box-sizing:border-box; height:30px; font-size:13px; padding:0 8px; border:1px solid var(--c-grey-300); border-radius:8px; background:var(--c-grey-100); color:var(--c-starlight); }
.avdp-panel label{ font-size:var(--bt-cap); color:var(--c-grey-600); }
.avdp-st{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; font-size:var(--bt-cap); color:var(--c-grey-600); }
.avdp-st b{ color:var(--c-starlight); font-size:13px; }
.avdp-st button{ height:24px; padding:0 9px; border:1px solid var(--c-metallic); border-radius:8px; background:var(--c-white); color:var(--c-starlight); font-size:var(--bt-cap); font-weight:700; cursor:pointer; }
.avdp-st button:hover{ border-color:var(--c-sand); }
.avd-tw .avd-ico{ background:linear-gradient(145deg,var(--c-starlight),var(--c-starlight-dark)); color:var(--c-sand-light); }
.avd-xl .avd-ico{ background:linear-gradient(145deg,var(--c-starlight),var(--c-starlight-dark)); color:var(--c-sand-light); }
@media (max-width:900px){ .avd{ margin-left:auto; } .avdp-panel{ right:auto; left:auto; } }
