/* =========================================================
   البحث والوصول — تنسيقات منصة اللبان العُماني
   ========================================================= */

/* ————— تخطّي إلى المحتوى ————— */
.skip-link{position:fixed;inset-inline-start:14px;top:-70px;z-index:200;background:var(--resin-500);
  color:#fff;font-family:var(--font-body);font-size:.88rem;font-weight:600;padding:11px 18px;
  border-radius:0 0 var(--r-md) var(--r-md);box-shadow:var(--shadow-3);transition:top var(--dur-base) var(--ease)}
.skip-link:focus{top:0;outline:3px solid var(--resin-200);outline-offset:2px}

/* ————— تركيز واضح لكل عنصر تفاعلي ————— */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,
textarea:focus-visible,[tabindex]:focus-visible,summary:focus-visible{
  outline:3px solid var(--resin-400);outline-offset:2px;border-radius:6px}
.nav a:focus-visible,.foot a:focus-visible,.page-toc a:focus-visible{outline-offset:4px}

/* ————— المراسي لا تختفي تحت الشريط اللاصق ————— */
:target{scroll-margin-top:104px}
section[id],[id^="panel-"],#dash-suite,#export{scroll-margin-top:104px}
:target > .wrap > h2,:target > h2{color:var(--resin-600)}

/* ————— فهرس الصفحة ————— */
.page-toc{position:sticky;top:64px;z-index:45;display:flex;align-items:center;gap:12px;
  width:min(1220px,92vw);margin:14px auto 0;padding:9px 14px;border-radius:var(--r-pill);
  background:rgba(249,245,238,.92);backdrop-filter:blur(14px) saturate(1.2);
  -webkit-backdrop-filter:blur(14px) saturate(1.2);border:1px solid var(--border);
  box-shadow:var(--shadow-1);overflow:hidden}
.page-toc .toc-t{flex:none;font-family:var(--font-heading);font-size:.8rem;font-weight:700;
  color:var(--resin-600);display:flex;align-items:center;gap:6px}
.page-toc .toc-t::before{content:"";width:8px;height:8px;border-radius:50%;
  background:linear-gradient(135deg,var(--resin-300),var(--resin-500));flex:none}
.page-toc .toc-links{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;padding-bottom:2px}
.page-toc .toc-links::-webkit-scrollbar{height:4px}
.page-toc .toc-links::-webkit-scrollbar-thumb{background:var(--sand-400);border-radius:4px}
.page-toc a{flex:none;font-size:.8rem;color:var(--text-muted);padding:6px 12px;border-radius:var(--r-pill);
  border:1px solid transparent;white-space:nowrap;transition:all var(--dur-fast) var(--ease)}
.page-toc a:hover{color:var(--resin-600);background:var(--sand-300);border-color:var(--border)}
.page-toc a[aria-current="true"]{color:#fff;background:linear-gradient(135deg,var(--resin-500),var(--resin-600));
  border-color:transparent}
@media (max-width:700px){
  .page-toc{top:56px;padding:7px 10px;gap:8px}
  .page-toc .toc-t span,.page-toc .toc-t{font-size:.72rem}
  .page-toc a{font-size:.74rem;padding:5px 10px}
}

/* ————— زر العودة إلى الأعلى ————— */
.to-top{position:fixed;right:20px;bottom:98px;z-index:70;display:inline-flex;align-items:center;gap:7px;
  padding:10px 14px;border:1px solid var(--border);border-radius:var(--r-pill);cursor:pointer;
  background:rgba(249,245,238,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  color:var(--ink-700);font-family:var(--font-body);font-size:.82rem;font-weight:600;
  box-shadow:var(--shadow-2);opacity:0;visibility:hidden;transform:translateY(12px);
  transition:opacity var(--dur-base) var(--ease),transform var(--dur-base) var(--ease),visibility var(--dur-base)}
.to-top svg{width:17px;height:17px;color:var(--resin-600)}
.to-top.on{opacity:1;visibility:visible;transform:none}
.to-top:hover{transform:translateY(-3px);box-shadow:var(--shadow-3)}
@media (max-width:700px){.to-top{right:12px;bottom:86px;padding:10px 12px}.to-top span{display:none}}

/* ————— لوحة البحث الشامل ————— */
html.sr-open{overflow:hidden}
.sr-root[hidden]{display:none}
.sr-scrim{position:fixed;inset:0;z-index:300;background:rgba(10,13,12,.62);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:srFade var(--dur-base) var(--ease)}
.sr-box{position:fixed;z-index:301;top:9vh;inset-inline:0;width:min(760px,94vw);margin:0 auto;
  max-height:78vh;display:flex;flex-direction:column;background:var(--paper);
  border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-3);overflow:hidden;
  animation:srIn var(--dur-base) var(--ease)}
@keyframes srFade{from{opacity:0}to{opacity:1}}
@keyframes srIn{from{opacity:0;transform:translateY(-14px) scale(.985)}to{opacity:1;transform:none}}
.sr-form{display:flex;align-items:center;gap:11px;padding:15px 17px;border-bottom:1px solid var(--border);
  background:var(--sand-200)}
.sr-ico{flex:none;width:22px;height:22px;color:var(--resin-600)}
.sr-ico svg{width:100%;height:100%}
.sr-form input{flex:1;min-width:0;border:0;background:transparent;font-family:var(--font-body);
  font-size:1.02rem;color:var(--text);outline:none}
.sr-form input::placeholder{color:#9a9184}
.sr-kbd{flex:none;font-family:var(--font-num);font-size:.7rem;color:var(--text-muted);
  border:1px solid var(--border);background:var(--paper);border-radius:7px;padding:3px 7px}
.sr-meta{margin:0;padding:10px 18px 0;font-size:.79rem;color:var(--text-muted)}
.sr-list{list-style:none;margin:0;padding:8px;overflow-y:auto;flex:1}
.sr-list::-webkit-scrollbar{width:8px}
.sr-list::-webkit-scrollbar-thumb{background:var(--sand-400);border-radius:8px}
.sr-group{font-size:.7rem;font-weight:700;color:var(--resin-600);letter-spacing:.06em;
  padding:12px 12px 6px;border-top:1px solid var(--border);margin-top:4px}
.sr-group:first-child{border-top:0;margin-top:0;padding-top:4px}
.sr-opt{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:var(--r-md);cursor:pointer;
  transition:background var(--dur-fast) var(--ease)}
.sr-opt[aria-selected="true"]{background:var(--sand-300)}
.sr-opt[aria-selected="true"] .sr-go{color:var(--resin-600)}
.sr-kind{flex:none;font-size:.66rem;font-weight:700;padding:3px 9px;border-radius:var(--r-pill);
  border:1px solid var(--border);background:var(--sand-200);color:var(--text-muted);white-space:nowrap}
.sr-kind.k-page{background:rgba(169,114,19,.13);border-color:rgba(169,114,19,.3);color:var(--resin-600)}
.sr-kind.k-kb{background:rgba(39,110,89,.12);border-color:rgba(39,110,89,.3);color:var(--sage-600)}
.sr-kind.k-file{background:rgba(53,86,107,.12);border-color:rgba(53,86,107,.3);color:var(--info)}
.sr-txt{flex:1;min-width:0;display:flex;flex-direction:column}
.sr-txt b{font-size:.92rem;font-weight:600;color:var(--text);line-height:1.5}
.sr-txt small{font-size:.76rem;color:var(--text-muted);line-height:1.6;
  display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sr-txt mark{background:rgba(227,174,69,.35);color:var(--resin-600);border-radius:3px;padding:0 2px;font-weight:700}
.sr-go{flex:none;width:18px;height:18px;color:#b4aa9b}
.sr-go svg{width:100%;height:100%}
.sr-crumb,.sr-ask{flex:none;font-size:.7rem;color:var(--text-muted);white-space:nowrap}
.sr-ask{color:var(--sage-600);font-weight:600}
.sr-none{list-style:none;padding:22px 14px;font-size:.88rem;color:var(--text-muted);text-align:center}
.sr-foot{margin:0;display:flex;flex-wrap:wrap;gap:14px;padding:11px 17px;border-top:1px solid var(--border);
  background:var(--sand-200);font-size:.74rem;color:var(--text-muted)}
.sr-foot kbd{font-family:var(--font-num);font-size:.7rem;border:1px solid var(--border);background:var(--paper);
  border-radius:5px;padding:2px 5px;margin-inline-end:3px}
@media (max-width:700px){
  .sr-box{top:0;max-height:100vh;height:100vh;width:100vw;border-radius:0;border:0}
  .sr-txt small{white-space:normal}
  .sr-crumb{display:none}
}

/* ————— زر البحث في الشريط ————— */
.nav-search{display:inline-flex;align-items:center;gap:8px;flex:none;cursor:pointer;
  font-family:var(--font-body);font-size:.82rem;font-weight:600;color:#e3dac9;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);
  border-radius:var(--r-pill);padding:8px 13px;transition:all var(--dur-fast) var(--ease)}
.nav-search:hover{color:var(--resin-200);border-color:rgba(227,174,69,.5);background:rgba(227,174,69,.13)}
.nav-search svg{width:16px;height:16px;flex:none}
.nav-search kbd{font-family:var(--font-num);font-size:.68rem;color:#b0b8b0;
  border:1px solid rgba(255,255,255,.2);border-radius:5px;padding:1px 5px}
@media (max-width:1100px){.nav-search kbd{display:none}}
@media (max-width:600px){.nav-search span{display:none}.nav-search{padding:8px 11px}}

/* ————— فتات التنقّل ————— */
.crumbs{width:min(1220px,92vw);margin:16px auto 0;font-size:.78rem;color:var(--text-muted);
  display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.crumbs a{color:var(--resin-600)}
.crumbs a:hover{text-decoration:underline}
.crumbs span[aria-hidden]{opacity:.5}