/* Aranabilir açılır kutu listesi (acilir_kutu.js, 31.10.2026). Panel (main_dashboard) ve site (main) ortak; renkler panel
   değişkenlerinden, sitede yoksa aynı değerlerle düşer. Görünüm kenar çubuğu öneri kutusuyla (.u-oneri) aynı dilde. */
/* Çerez izni kutusu (_cerez_onay.html) 2147483000'de; açık liste onun da üstünde kalmalı */
.ak-panel{ position:fixed; z-index:2147483001; display:flex; flex-direction:column; box-sizing:border-box; overflow:hidden;
  background:#fff; color:var(--u-ink, #18181b); border:1px solid var(--u-border-2, #dedad1); border-radius:12px;
  box-shadow:0 12px 32px rgba(24,24,27,.14), 0 2px 6px rgba(24,24,27,.06); font-size:14px; line-height:1.4; text-align:left; }
/* .u-main input[type=text] kuralları !important; açık <dialog> içinde onları ezmek için çift sınıf */
.ak-panel input.ak-ara.ak-ara{ flex:none; display:block; width:auto; margin:8px 8px 4px; height:36px !important; min-height:0; box-sizing:border-box; padding:0 10px 0 32px !important;
  font:inherit; font-size:14px !important; color:inherit !important; border:1px solid var(--u-border-2, #dedad1) !important; border-radius:8px !important; outline:none;
  box-shadow:none !important; background:#fafaf8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b6860' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 11px center; }
.ak-panel input.ak-ara.ak-ara:focus{ border-color:var(--u-accent, #005cd8) !important; background-color:#fff; box-shadow:0 0 0 3px rgba(0,92,216,.12) !important; }
.ak-liste{ flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:2px 6px 6px; }
.ak-o{ display:flex; align-items:center; gap:8px; padding:7px 10px; border-radius:8px; cursor:pointer; user-select:none; }
.ak-o .ak-m{ flex:1 1 auto; min-width:0; overflow-wrap:anywhere; }
.ak-o[aria-selected="true"]{ background:var(--u-accent-soft, #eaf1fd); }
.ak-o[data-secili]{ font-weight:600; color:var(--u-accent-2, #0046a6); }
.ak-o.ak-kapali{ color:var(--u-faint, #a19d93); cursor:default; }
.ak-o mark{ background:none; color:inherit; font-weight:700; text-decoration:underline; text-decoration-color:rgba(0,92,216,.45); text-underline-offset:2px; padding:0; }
.ak-tik{ flex:none; width:14px; height:14px; background:no-repeat center/14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23005cd8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }
.ak-bas{ padding:9px 10px 3px; font-size:11px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--u-muted, #6b6860); }
.ak-bos{ padding:10px; font-size:13px; color:var(--u-muted, #6b6860); }
@media (pointer:coarse){ .ak-o{ padding:11px 10px; } .ak-panel input.ak-ara.ak-ara{ height:42px !important; font-size:16px !important; } }