/* Sprint26 — Final precise fixes: assistant logic positioning + knowledge tab control polish */

/* Force floating assistant to the PHYSICAL LEFT side in both RTL/LTR and override all previous logical positioning */
.tmk-ai-assistant{
  position:fixed!important;
  left:18px!important;
  right:auto!important;
  inset-inline-start:unset!important;
  inset-inline-end:unset!important;
  bottom:18px!important;
  z-index:2147483000!important;
  direction:rtl!important;
}
.tmk-ai-panel{
  position:absolute!important;
  left:0!important;
  right:auto!important;
  inset-inline-start:unset!important;
  inset-inline-end:unset!important;
  bottom:52px!important;
  width:min(318px,calc(100vw - 28px))!important;
  max-height:min(560px,calc(100vh - 92px))!important;
}
.tmk-ai-toggle{white-space:nowrap!important;}
@media(max-width:560px){
  .tmk-ai-assistant{left:12px!important;right:auto!important;bottom:12px!important;}
  .tmk-ai-panel{left:0!important;right:auto!important;width:calc(100vw - 24px)!important;bottom:50px!important;}
}

/* AI chat answers: more compact, conversational, no oversized blocks */
.tmk-ai-answer{max-height:238px!important;padding:8px!important;}
.tmk-ai-message{font-size:11.8px!important;line-height:1.55!important;padding:7px 9px!important;border-radius:13px!important;}
.tmk-ai-message-bot strong{display:block!important;margin-bottom:3px!important;}
.tmk-ai-actions{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin-top:7px!important;}
.tmk-ai-action-link{font-size:10.8px!important;padding:4px 8px!important;border-radius:999px!important;}

/* Knowledge Hub tab selector: improve the SECTION MENU only, keep content cards unchanged */
.about-section .knowledge-tabs{
  max-width:920px!important;
  margin-inline:auto!important;
}
.about-section .knowledge-tab-nav{
  width:max-content!important;
  max-width:100%!important;
  margin:0 auto 16px!important;
  padding:5px!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:5px!important;
  background:rgba(15,123,95,.055)!important;
  border:1px solid rgba(15,123,95,.10)!important;
  border-radius:999px!important;
  box-shadow:0 8px 24px rgba(0,0,0,.035)!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
.about-section .knowledge-tab-nav::-webkit-scrollbar{display:none!important;}
.about-section .knowledge-tab-nav .tab-btn{
  flex:0 0 auto!important;
  min-width:auto!important;
  border:0!important;
  background:transparent!important;
  color:var(--text-muted,#6d716c)!important;
  border-radius:999px!important;
  padding:7px 13px!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:800!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease!important;
}
.about-section .knowledge-tab-nav .tab-btn.active,
.about-section .knowledge-tab-nav .tab-btn[aria-selected="true"]{
  background:var(--white,#fff)!important;
  color:var(--green,#0F7B5F)!important;
  box-shadow:0 6px 18px rgba(15,123,95,.10)!important;
}
.about-section .knowledge-tab-nav .tab-btn:hover:not(.active){
  color:var(--green,#0F7B5F)!important;
  background:rgba(255,255,255,.55)!important;
}
@media(max-width:640px){
  .about-section .knowledge-tab-nav{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    border-radius:20px!important;
    padding:6px!important;
    gap:6px!important;
    overflow:visible!important;
    margin-bottom:14px!important;
  }
  .about-section .knowledge-tab-nav .tab-btn{
    width:100%!important;
    text-align:center!important;
    padding:8px 6px!important;
    font-size:11.75px!important;
  }
}
@media(max-width:360px){
  .about-section .knowledge-tab-nav .tab-btn{font-size:11px!important;padding:7px 4px!important;}
}
body.dark .about-section .knowledge-tab-nav{
  background:rgba(255,255,255,.045)!important;
  border-color:rgba(255,255,255,.10)!important;
}
body.dark .about-section .knowledge-tab-nav .tab-btn.active,
body.dark .about-section .knowledge-tab-nav .tab-btn[aria-selected="true"]{
  background:rgba(255,255,255,.09)!important;
  color:#7ee0bd!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;
  }
}


/* Sprint27 — Desktop-only premium polish for knowledge tabs */
@media (min-width: 1024px){
  .about-section .knowledge-tabs{
    max-width: 1180px !important;
  }

  .about-section .knowledge-tab-nav{
    width: fit-content !important;
    min-width: 860px !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding: 8px !important;
    border-radius: 24px !important;
    margin: 0 auto 22px !important;
    background: rgba(15,123,95,.06) !important;
    border: 1px solid rgba(15,123,95,.12) !important;
    box-shadow:
      0 10px 30px rgba(0,0,0,.035),
      0 2px 10px rgba(15,123,95,.05) !important;
  }

  .about-section .knowledge-tab-nav .tab-btn{
    flex: 1 1 auto !important;
    text-align: center !important;
    padding: 10px 18px !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    border-radius: 18px !important;
    letter-spacing: -.1px !important;
  }

  .about-section .knowledge-tab-nav .tab-btn.active,
  .about-section .knowledge-tab-nav .tab-btn[aria-selected="true"]{
    background: #ffffff !important;
    color: var(--green,#0F7B5F) !important;
    box-shadow:
      0 8px 22px rgba(15,123,95,.12),
      0 2px 8px rgba(15,123,95,.08) !important;
  }

  .about-section .knowledge-tab-nav .tab-btn:hover:not(.active){
    transform: translateY(-1px);
    background: rgba(255,255,255,.72) !important;
  }
}


/* Sprint28 — Unified tab/menu visual language: make all tab menus match Knowledge Hub style */
.tabs > .tab-nav{
  width:max-content!important;
  max-width:100%!important;
  margin:0 auto 16px!important;
  padding:5px!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:5px!important;
  background:rgba(15,123,95,.055)!important;
  border:1px solid rgba(15,123,95,.10)!important;
  border-radius:999px!important;
  box-shadow:0 8px 24px rgba(0,0,0,.035)!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
.tabs > .tab-nav::-webkit-scrollbar{display:none!important;}
.tabs > .tab-nav .tab-btn{
  flex:0 0 auto!important;
  min-width:auto!important;
  border:0!important;
  background:transparent!important;
  color:var(--text-muted,#6d716c)!important;
  border-radius:999px!important;
  padding:7px 13px!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:800!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.tabs > .tab-nav .tab-btn.active,
.tabs > .tab-nav .tab-btn[aria-selected="true"]{
  background:var(--white,#fff)!important;
  color:var(--green,#0F7B5F)!important;
  box-shadow:0 6px 18px rgba(15,123,95,.10)!important;
}
.tabs > .tab-nav .tab-btn:hover:not(.active){
  color:var(--green,#0F7B5F)!important;
  background:rgba(255,255,255,.55)!important;
}

@media(max-width:640px){
  .tabs > .tab-nav{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    border-radius:20px!important;
    padding:6px!important;
    gap:6px!important;
    overflow:visible!important;
    margin-bottom:14px!important;
  }
  .tabs > .tab-nav .tab-btn{
    width:100%!important;
    text-align:center!important;
    padding:8px 6px!important;
    font-size:11.75px!important;
  }
}
@media(max-width:360px){
  .tabs > .tab-nav .tab-btn{font-size:11px!important;padding:7px 4px!important;}
}

@media(min-width:1024px){
  .tabs > .tab-nav{
    width:fit-content!important;
    min-width:min(860px, 100%)!important;
    justify-content:space-between!important;
    gap:8px!important;
    padding:8px!important;
    border-radius:24px!important;
    margin:0 auto 22px!important;
    background:rgba(15,123,95,.06)!important;
    border:1px solid rgba(15,123,95,.12)!important;
    box-shadow:0 10px 30px rgba(0,0,0,.035),0 2px 10px rgba(15,123,95,.05)!important;
  }
  .tabs > .tab-nav .tab-btn{
    flex:1 1 auto!important;
    text-align:center!important;
    padding:10px 18px!important;
    font-size:13px!important;
    font-weight:850!important;
    border-radius:18px!important;
    letter-spacing:-.1px!important;
  }
  .tabs > .tab-nav .tab-btn.active,
  .tabs > .tab-nav .tab-btn[aria-selected="true"]{
    background:#fff!important;
    color:var(--green,#0F7B5F)!important;
    box-shadow:0 8px 22px rgba(15,123,95,.12),0 2px 8px rgba(15,123,95,.08)!important;
  }
  .tabs > .tab-nav .tab-btn:hover:not(.active){
    transform:translateY(-1px)!important;
    background:rgba(255,255,255,.72)!important;
  }
}
body.dark .tabs > .tab-nav{
  background:rgba(255,255,255,.045)!important;
  border-color:rgba(255,255,255,.10)!important;
}
body.dark .tabs > .tab-nav .tab-btn.active,
body.dark .tabs > .tab-nav .tab-btn[aria-selected="true"]{
  background:rgba(255,255,255,.09)!important;
  color:#7ee0bd!important;
}
body.dark .tabs > .tab-nav .tab-btn:hover:not(.active){
  background:rgba(255,255,255,.07)!important;
  color:#7ee0bd!important;
}