/* تمكَّن — Phase 2 Navigation Experience System
   Conservative global navigation polish. No content removal. */
:root{
  --tk-nav-height:72px;
  --tk-focus:0 0 0 4px rgba(15,123,95,.18);
}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--tk-nav-height) + 18px);}
.navbar,.dashboard-site-nav,.library-top,.lp-top{
  isolation:isolate;
}
.navbar .container{max-width:1220px;width:100%;}
.nav-brand:focus-visible,.nav-links a:focus-visible,.nav-actions a:focus-visible,.nav-actions button:focus-visible,.nav-drawer a:focus-visible,.home-btn:focus-visible,.back:focus-visible,.tk-theme-toggle:focus-visible{
  outline:none!important;box-shadow:var(--tk-focus)!important;
}
.nav-links a{position:relative;text-decoration:none!important;}
.nav-links a::after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:2px;border-radius:99px;background:transparent;transition:background .18s ease,transform .18s ease;transform:scaleX(.4);}
.nav-links a:hover::after,.nav-links a.is-active::after,.nav-links a[aria-current="page"]::after{background:var(--tk-primary);transform:scaleX(1);}
.nav-links a.is-active,.nav-links a[aria-current="page"]{color:var(--tk-primary)!important;background:var(--tk-primary-soft)!important;font-weight:900!important;}
.nav-actions{display:flex;align-items:center;gap:8px;min-width:max-content;}
.btn-nav-login,.nav-login-direct{height:42px!important;border-radius:999px!important;padding-inline:16px!important;background:var(--tk-surface)!important;color:var(--tk-heading)!important;border:1px solid var(--tk-border)!important;box-shadow:var(--tk-shadow-sm)!important;}
.btn-nav-login:hover,.nav-login-direct:hover{background:var(--tk-primary-soft)!important;color:var(--tk-primary)!important;border-color:var(--tk-border-strong)!important;transform:translateY(-1px);}
.btn-nav-login::after,.nav-login-direct::after{content:""!important;display:none!important;}
.btn-nav-primary{height:42px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap;}
.btn-theme,#themeToggle{flex:0 0 auto;}
.nav-mobile-toggle{height:42px!important;width:42px!important;border-radius:999px!important;border:1px solid var(--tk-border)!important;background:var(--tk-surface)!important;color:var(--tk-heading)!important;align-items:center;justify-content:center;}
.nav-drawer{backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);background:var(--tk-bg)!important;color:var(--tk-text)!important;box-shadow:0 18px 44px rgba(2,6,23,.14);}
.nav-drawer a{display:flex;align-items:center;justify-content:space-between;gap:10px;text-decoration:none!important;font-weight:800!important;}
.nav-drawer a.is-active,.nav-drawer a[aria-current="page"]{background:var(--tk-primary-soft)!important;color:var(--tk-primary)!important;}
.nav-drawer-cta{background:linear-gradient(135deg,var(--tk-primary),var(--tk-primary-2))!important;color:#fff!important;}
body.nav-open{overflow:hidden!important;}
.tk-breadcrumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 18px;color:var(--tk-muted);font-size:13px;font-weight:800;}
.tk-breadcrumbs a{color:var(--tk-primary);text-decoration:none;}
.tk-breadcrumbs span{color:var(--tk-muted);}
.tk-page-shell{max-width:1220px;margin-inline:auto;padding-inline:18px;}
@media(max-width:1080px){
 .navbar .container{gap:8px}.nav-links a{font-size:12.5px!important;padding-inline:7px!important}.btn-nav-login,.nav-login-direct,.btn-nav-primary{font-size:12.5px!important;padding-inline:12px!important;}
}
@media(max-width:860px){
 .nav-links{display:none!important}.navbar .btn-nav-primary,.navbar .nav-login-direct{display:none!important}.nav-mobile-toggle{display:inline-flex!important}.navbar .container{justify-content:space-between}.nav-brand{min-width:0}.nav-wordmark-sub{display:none!important;}
}
@media(min-width:861px){.nav-mobile-toggle{display:none!important}.nav-drawer{display:none!important}}
@media(max-width:520px){.nav-logo{width:34px!important;height:34px!important}.nav-wordmark-main{font-size:17px!important}.navbar .container{padding-inline:12px!important}}


/* iOS Safari AI Assistant Zoom Fix */
.ai-assistant input,
.ai-assistant textarea,
.ai-chat-input,
.ai-assistant-panel textarea,
.ai-widget-panel textarea {
  font-size: 16px !important;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .ai-assistant-panel,
  .ai-chat-panel,
  .ai-widget-panel {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    left: 12px !important;
    right: auto !important;
    transform: none !important;
    overflow-x: hidden !important;
  }

  .ai-assistant-panel * {
    max-width: 100%;
    box-sizing: border-box;
  }
}
