/* TKNP Permanent Mobile Shell V21 R6 */
#tknp-v21-shell,#tknp-v21-backdrop,#tknp-v21-drawer{display:none}
@media screen and (max-width:767px),screen and (max-width:960px) and (max-height:500px) and (orientation:landscape) and (pointer:coarse){
:root{--tknp-v21-blue:#073b63;--tknp-v21-active:#dceff9;--tknp-v21-active-text:#075a84;--tknp-v21-text:#405566;--tknp-v21-muted:#667586;--tknp-v21-border:#d7e3ea;--tknp-v21-bg:#f4f8fb;--tknp-v21-brand-h:58px;--tknp-v21-nav-h:62px;--tknp-v21-safe-top:env(safe-area-inset-top,0px);--tknp-v21-shell-h:calc(var(--tknp-v21-brand-h) + var(--tknp-v21-nav-h) + var(--tknp-v21-safe-top))}
html{-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important;width:100%!important;max-width:100%!important}
body.tknp-v21-mobile{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;overflow-x:hidden!important;background:var(--tknp-v21-bg)!important}
body.tknp-v21-mobile *,body.tknp-v21-mobile *::before,body.tknp-v21-mobile *::after{box-sizing:border-box}
body.tknp-v21-mobile #root{width:100%!important;max-width:100%!important;min-width:0!important;padding-top:var(--tknp-v21-shell-h)!important}
body.tknp-v21-mobile .portal-header,body.tknp-v21-mobile .portal-top-strip,body.tknp-v21-mobile .portal-website-nav{display:none!important}
body.tknp-v21-mobile .classic-shell,body.tknp-v21-mobile .classic-body,body.tknp-v21-mobile .classic-main,body.tknp-v21-mobile .classic-content,body.tknp-v21-mobile main{width:100%!important;max-width:100%!important;min-width:0!important}
body.tknp-v21-mobile .classic-body{display:block!important;margin:0!important;padding:0!important}
body.tknp-v21-mobile .classic-sidebar{display:none!important}
body.tknp-v21-mobile .classic-main{margin:0!important;padding:0!important;overflow:visible!important}
body.tknp-v21-mobile .classic-breadcrumbs{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:6px!important;width:auto!important;max-width:none!important;margin:10px 12px 0!important;padding:12px 14px!important;overflow-wrap:anywhere!important;white-space:normal!important}
body.tknp-v21-mobile .classic-dashboard-bar{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;width:auto!important;max-width:none!important;margin:0 12px!important;padding:18px 14px!important}
body.tknp-v21-mobile .classic-dashboard-bar h1{max-width:100%!important;margin:4px 0!important;font-size:clamp(30px,10vw,46px)!important;line-height:1.05!important;overflow-wrap:anywhere!important}
body.tknp-v21-mobile .classic-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;width:100%!important}
body.tknp-v21-mobile .classic-actions>*{max-width:100%!important}
body.tknp-v21-mobile .classic-content{padding:12px!important;overflow-x:visible!important}
body.tknp-v21-mobile img,body.tknp-v21-mobile video,body.tknp-v21-mobile canvas,body.tknp-v21-mobile svg,body.tknp-v21-mobile iframe{max-width:100%}
body.tknp-v21-mobile input:not([type="checkbox"]):not([type="radio"]),body.tknp-v21-mobile select,body.tknp-v21-mobile textarea{max-width:100%!important;min-width:0!important;font-size:16px!important}
body.tknp-v21-mobile button,body.tknp-v21-mobile .btn,body.tknp-v21-mobile [role="button"],body.tknp-v21-mobile input[type="submit"],body.tknp-v21-mobile input[type="button"]{min-height:44px}
body.tknp-v21-mobile .tknp-v21-table-scroll,body.tknp-v21-mobile .table-wrap,body.tknp-v21-mobile .responsive-table{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
body.tknp-v21-mobile .tknp-v21-table-scroll>table{max-width:none!important}
body.tknp-v21-mobile [role="dialog"],body.tknp-v21-mobile .modal,body.tknp-v21-mobile .dialog,body.tknp-v21-mobile .modal-content,body.tknp-v21-mobile .dialog-content{max-width:calc(100vw - 24px)!important}
#tknp-v21-shell{position:fixed;inset:0 0 auto 0;z-index:2147483000;display:block;width:100%;padding-top:var(--tknp-v21-safe-top);background:#fff;border-bottom:1px solid var(--tknp-v21-border);box-shadow:0 3px 14px rgba(7,59,99,.12);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
#tknp-v21-brand{height:var(--tknp-v21-brand-h);display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-width:0;padding:6px 12px;color:var(--tknp-v21-blue);text-decoration:none;background:#fff}
#tknp-v21-brand img{width:45px;height:45px;max-width:45px;max-height:45px;flex:0 0 45px;object-fit:contain}
#tknp-v21-brand-copy{display:flex;min-width:0;max-width:calc(100vw - 74px);flex-direction:column;justify-content:center}
#tknp-v21-brand-copy strong{display:block;min-width:0;overflow:hidden;color:var(--tknp-v21-blue);font-size:15px;line-height:1.08;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
#tknp-v21-brand-copy small{display:block;min-width:0;margin-top:2px;overflow:hidden;color:#29718e;font-size:11px;line-height:1.1;font-style:italic;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
#tknp-v21-nav{height:var(--tknp-v21-nav-h);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:100%;padding:4px 8px 6px;background:#fff;border-top:1px solid #edf3f6}
#tknp-v21-nav a,#tknp-v21-nav button{appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:50px;margin:0;padding:5px 2px;border:0;border-radius:14px;background:transparent;color:var(--tknp-v21-text);font:inherit;font-size:11px;line-height:1;font-weight:750;text-align:center;text-decoration:none;cursor:pointer}
#tknp-v21-nav .tknp-v21-icon{display:block;font-size:20px;line-height:1}
#tknp-v21-nav a.tknp-v21-active,#tknp-v21-nav button.tknp-v21-active,#tknp-v21-nav button[aria-expanded="true"]{background:var(--tknp-v21-active);color:var(--tknp-v21-active-text)}
#tknp-v21-backdrop{position:fixed;inset:var(--tknp-v21-shell-h) 0 0 0;z-index:2147482997;display:none;background:rgba(11,31,45,.48);backdrop-filter:blur(1px)}
#tknp-v21-backdrop.open{display:block}
#tknp-v21-drawer{position:fixed;top:var(--tknp-v21-shell-h);bottom:0;left:0;z-index:2147482999;display:flex;width:min(88vw,380px);max-width:100%;min-width:0;flex-direction:column;transform:translateX(-104%);transition:transform .18s ease;background:#fff;box-shadow:8px 0 28px rgba(4,37,58,.22);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
#tknp-v21-drawer.open{transform:translateX(0)}
#tknp-v21-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:10px 14px;border-bottom:1px solid var(--tknp-v21-border);color:var(--tknp-v21-blue)}
#tknp-v21-drawer-head strong{font-size:18px}
#tknp-v21-drawer-close{appearance:none;width:42px;min-width:42px;height:42px;min-height:42px;padding:0;border:1px solid var(--tknp-v21-border);border-radius:12px;background:#fff;color:var(--tknp-v21-blue);font-size:22px;line-height:1}
#tknp-v21-drawer-body{min-height:0;flex:1 1 auto;overflow-y:auto;padding:10px;-webkit-overflow-scrolling:touch}
.tknp-v21-section-title{margin:12px 6px 7px;color:var(--tknp-v21-muted);font-size:11px;font-weight:850;letter-spacing:.10em;text-transform:uppercase}
.tknp-v21-drawer-link,.tknp-v21-drawer-action{appearance:none;display:flex;align-items:center;justify-content:flex-start;width:100%;min-width:0;min-height:48px;margin:0 0 5px;padding:10px 12px;border:1px solid transparent;border-radius:12px;background:transparent;color:#17394d;font:inherit;font-size:14px;line-height:1.25;font-weight:720;text-align:left;text-decoration:none;overflow-wrap:anywhere}
.tknp-v21-drawer-link:hover,.tknp-v21-drawer-link:focus,.tknp-v21-drawer-action:hover,.tknp-v21-drawer-action:focus{border-color:#bcd8e6;background:#eef8fc;color:var(--tknp-v21-active-text)}
.tknp-v21-drawer-link.current{border-color:#bcd8e6;background:var(--tknp-v21-active);color:var(--tknp-v21-active-text)}


.tknp-v21-tree-intro{margin:2px 0 10px;padding:11px 12px;border:1px solid #d9e7ee;border-radius:13px;background:#f7fbfd;color:#486472;font-size:12px;line-height:1.35}
.tknp-v21-tree-intro strong{display:block;margin-bottom:2px;color:#153f59;font-size:14px}
.tknp-v21-tree-intro span{display:block}
.tknp-v21-tree-search{margin:0 0 10px}
.tknp-v21-tree-search input{width:100%!important;min-height:45px!important;padding:9px 12px!important;border:1px solid #cadde7!important;border-radius:12px!important;background:#fff!important;color:#17394d!important;font:inherit!important;font-size:16px!important}
.tknp-v21-tree-search input:focus{outline:none!important;border-color:#5da5c7!important;box-shadow:0 0 0 3px rgba(36,128,170,.12)!important}

.tknp-v21-tree-module{margin:0 0 7px;border:1px solid #dce7ed;border-radius:14px;background:#fff;overflow:hidden}
.tknp-v21-tree-module.current{border-color:#b6d7e6}
.tknp-v21-tree-module-toggle{appearance:none;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:54px;padding:9px 11px;border:0;background:#fff;color:#17394d;font:inherit;text-align:left}
.tknp-v21-tree-module-toggle:hover,.tknp-v21-tree-module-toggle:focus{background:#eef8fc}
.tknp-v21-tree-module.current>.tknp-v21-tree-module-toggle,.tknp-v21-tree-module.open>.tknp-v21-tree-module-toggle{background:var(--tknp-v21-active);color:var(--tknp-v21-active-text)}
.tknp-v21-tree-number{display:flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:9px;background:#edf4f7;color:#587280;font-size:10px;font-weight:850}
.tknp-v21-tree-module.current .tknp-v21-tree-number,.tknp-v21-tree-module.open .tknp-v21-tree-number{background:#fff;color:#075a84}
.tknp-v21-tree-module-label{min-width:0;font-size:14px;font-weight:800;line-height:1.2;overflow-wrap:anywhere}
.tknp-v21-tree-module-right{display:flex;align-items:center;gap:6px}
.tknp-v21-tree-current{padding:3px 6px;border:1px solid #b8d8e6;border-radius:999px;background:#fff;color:#176889;font-size:9px;font-weight:850;text-transform:uppercase}
.tknp-v21-tree-chevron{display:inline-block;color:#688291;font-size:19px;font-weight:900;transition:transform .15s ease}
.tknp-v21-tree-module.open>.tknp-v21-tree-module-toggle .tknp-v21-tree-chevron{transform:rotate(90deg)}
.tknp-v21-tree-module-content{display:none;padding:6px 8px 9px 24px;border-top:1px solid #dbe8ee;background:#fbfdfe}
.tknp-v21-tree-module.open>.tknp-v21-tree-module-content{display:block}

.tknp-v21-tree-children{position:relative}
.tknp-v21-tree-children::before{content:"";position:absolute;left:3px;top:2px;bottom:5px;width:2px;border-radius:2px;background:#d7e6ed}
.tknp-v21-tree-overview{display:flex;align-items:center;min-height:42px;margin:0 0 6px 10px;padding:8px 10px;border:1px solid #d9e6ec;border-radius:11px;background:#fff;color:#1c5875;font-size:12px;font-weight:800;text-decoration:none}
.tknp-v21-tree-overview:hover,.tknp-v21-tree-overview:focus{background:#eef8fc;border-color:#bcd8e6}

.tknp-v21-tree-submenu{margin:0 0 6px 10px;border:1px solid #dfe9ee;border-radius:11px;background:#fff;overflow:hidden}
.tknp-v21-tree-submenu-toggle{appearance:none;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:45px;padding:8px 10px;border:0;background:#fff;color:#24485d;font:inherit;font-size:12px;font-weight:800;text-align:left}
.tknp-v21-tree-submenu-toggle:hover,.tknp-v21-tree-submenu-toggle:focus{background:#f2f9fc}
.tknp-v21-tree-submenu.open>.tknp-v21-tree-submenu-toggle{background:#eef8fc;color:#075a84}
.tknp-v21-tree-submenu-right{display:flex;align-items:center;gap:6px}
.tknp-v21-tree-count{padding:2px 6px;border-radius:999px;background:#e8f1f5;color:#55717f;font-size:9px;font-weight:800}
.tknp-v21-tree-submenu.open>.tknp-v21-tree-submenu-toggle .tknp-v21-tree-chevron{transform:rotate(90deg)}
.tknp-v21-tree-pages{display:none;padding:4px 6px 6px 18px;border-top:1px solid #edf3f6;background:#fff}
.tknp-v21-tree-submenu.open>.tknp-v21-tree-pages{display:block}

.tknp-v21-tree-page{appearance:none;position:relative;display:flex;align-items:center;width:100%;min-height:40px;margin:0 0 4px;padding:7px 9px 7px 18px;border:0;border-radius:9px;background:transparent;color:#405969;font:inherit;font-size:12px;font-weight:690;line-height:1.25;text-align:left;text-decoration:none;overflow-wrap:anywhere}
.tknp-v21-tree-page::before{content:"";position:absolute;left:5px;top:50%;width:6px;height:6px;transform:translateY(-50%);border-radius:50%;background:#95adba}
.tknp-v21-tree-page:hover,.tknp-v21-tree-page:focus{background:#f0f8fb;color:#075a84}
.tknp-v21-tree-page.current{background:#e4f3fa;color:#075a84;font-weight:800}
.tknp-v21-tree-page.current::before{background:#0877a3}
.tknp-v21-tree-empty,.tknp-v21-tree-loading{margin:6px 0 2px 10px;padding:10px 11px;border:1px dashed #cadde6;border-radius:10px;color:#667d8a;font-size:11px;line-height:1.35}

.tknp-v21-account-card{margin:4px 0 12px;padding:14px;border:1px solid var(--tknp-v21-border);border-radius:14px;background:#f7fbfd}
.tknp-v21-account-card small{display:block;margin-bottom:4px;color:var(--tknp-v21-muted);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}
.tknp-v21-account-card strong{display:block;color:#17394d;font-size:15px;line-height:1.3;overflow-wrap:anywhere}
.tknp-v21-danger{color:#a42c35!important}
body.tknp-v21-drawer-open{overflow:hidden!important}

/* ------------------------------------------------------------------
   TKNP V21 R6 - COMPLETE MOBILE UX LAYER
   Strictly mobile-only. Desktop remains governed by the native portal.
   ------------------------------------------------------------------ */

/* Global mobile rhythm and content safety */
body.tknp-v21-mobile{
  overscroll-behavior-x:none!important;
  -webkit-tap-highlight-color:rgba(7,90,132,.10);
}
body.tknp-v21-mobile .classic-content,
body.tknp-v21-mobile .classic-content *,
body.tknp-v21-mobile .classic-dashboard-bar,
body.tknp-v21-mobile .classic-breadcrumbs{
  min-width:0;
}
body.tknp-v21-mobile .classic-content{
  padding:12px 12px calc(26px + env(safe-area-inset-bottom,0px))!important;
}
body.tknp-v21-mobile .classic-content h2{
  max-width:100%;
  font-size:clamp(22px,7vw,30px);
  line-height:1.12;
  overflow-wrap:anywhere;
}
body.tknp-v21-mobile .classic-content h3{
  max-width:100%;
  font-size:clamp(18px,5.5vw,24px);
  line-height:1.18;
  overflow-wrap:anywhere;
}
body.tknp-v21-mobile .classic-content p,
body.tknp-v21-mobile .classic-content li,
body.tknp-v21-mobile .classic-content dd,
body.tknp-v21-mobile .classic-content dt,
body.tknp-v21-mobile .classic-content label,
body.tknp-v21-mobile .classic-content small{
  max-width:100%;
  overflow-wrap:anywhere;
}
body.tknp-v21-mobile pre,
body.tknp-v21-mobile code{
  max-width:100%;
}
body.tknp-v21-mobile pre{
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}

/* Cards and panels: keep their native identity but make them fit the phone */
body.tknp-v21-mobile .card,
body.tknp-v21-mobile .panel,
body.tknp-v21-mobile .info-box,
body.tknp-v21-mobile .content-card,
body.tknp-v21-mobile .summary-card,
body.tknp-v21-mobile .dashboard-card,
body.tknp-v21-mobile [class$="-card"]{
  max-width:100%!important;
  min-width:0!important;
  overflow-wrap:anywhere;
}
body.tknp-v21-mobile .tknp-v21-mobile-stack{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:12px!important;
  width:100%!important;
  max-width:100%!important;
}
body.tknp-v21-mobile .tknp-v21-mobile-stack>*{
  min-width:0!important;
  max-width:100%!important;
}

/* Forms: one clear column, full-width fields, large tap targets */
body.tknp-v21-mobile form{
  max-width:100%!important;
}
body.tknp-v21-mobile fieldset{
  min-width:0!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}
body.tknp-v21-mobile .tknp-v21-form-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:11px!important;
  width:100%!important;
  max-width:100%!important;
}
body.tknp-v21-mobile .tknp-v21-form-grid>*{
  min-width:0!important;
  max-width:100%!important;
}
body.tknp-v21-mobile label{
  line-height:1.3;
}
body.tknp-v21-mobile input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
body.tknp-v21-mobile select,
body.tknp-v21-mobile textarea{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:46px;
  border-radius:10px;
}
body.tknp-v21-mobile textarea{
  min-height:110px;
  resize:vertical;
}
body.tknp-v21-mobile input[type="file"]{
  width:100%!important;
  max-width:100%!important;
  min-height:48px;
  padding:8px!important;
}
body.tknp-v21-mobile input[type="checkbox"],
body.tknp-v21-mobile input[type="radio"]{
  width:20px;
  height:20px;
  min-width:20px;
  min-height:20px;
}
body.tknp-v21-mobile input:focus,
body.tknp-v21-mobile select:focus,
body.tknp-v21-mobile textarea:focus,
body.tknp-v21-mobile button:focus-visible,
body.tknp-v21-mobile a:focus-visible,
#tknp-v21-shell button:focus-visible,
#tknp-v21-shell a:focus-visible,
#tknp-v21-drawer button:focus-visible,
#tknp-v21-drawer a:focus-visible{
  outline:3px solid rgba(35,132,176,.28)!important;
  outline-offset:2px!important;
}

/* Actions: wrap rather than overflow; primary phone actions become easy to tap */
body.tknp-v21-mobile .tknp-v21-action-group{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:stretch!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
}
body.tknp-v21-mobile .tknp-v21-action-group>button,
body.tknp-v21-mobile .tknp-v21-action-group>a,
body.tknp-v21-mobile .tknp-v21-action-group>input[type="button"],
body.tknp-v21-mobile .tknp-v21-action-group>input[type="submit"]{
  flex:1 1 145px!important;
  max-width:100%!important;
  min-height:46px!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
body.tknp-v21-mobile button,
body.tknp-v21-mobile a.button,
body.tknp-v21-mobile .btn,
body.tknp-v21-mobile [role="button"]{
  touch-action:manipulation;
}
body.tknp-v21-mobile button:disabled,
body.tknp-v21-mobile input:disabled,
body.tknp-v21-mobile select:disabled,
body.tknp-v21-mobile textarea:disabled,
body.tknp-v21-mobile [aria-disabled="true"]{
  opacity:.58;
}

/* Filters/search controls: simple vertical arrangement */
body.tknp-v21-mobile .tknp-v21-filter-group{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:9px!important;
  width:100%!important;
  max-width:100%!important;
  align-items:stretch!important;
}
body.tknp-v21-mobile .tknp-v21-filter-group>*{
  min-width:0!important;
  max-width:100%!important;
}

/* Tabs and segmented navigation remain available without squeezing */
body.tknp-v21-mobile .tknp-v21-mobile-tabs{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:6px!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:4px 1px 7px!important;
  scroll-snap-type:x proximity;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}
body.tknp-v21-mobile .tknp-v21-mobile-tabs>*{
  flex:0 0 auto!important;
  min-height:42px;
  scroll-snap-align:start;
  white-space:nowrap;
}

/* Tables: never widen the entire page */
body.tknp-v21-mobile .tknp-v21-table-scroll{
  position:relative;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  padding-bottom:3px;
  scrollbar-width:thin;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch!important;
}
body.tknp-v21-mobile .tknp-v21-table-scroll table{
  width:max-content!important;
  min-width:100%!important;
  max-width:none!important;
}
body.tknp-v21-mobile .tknp-v21-table-scroll th,
body.tknp-v21-mobile .tknp-v21-table-scroll td{
  max-width:min(72vw,420px);
  overflow-wrap:anywhere;
}
body.tknp-v21-mobile .tknp-v21-table-scroll:focus-visible{
  outline:3px solid rgba(35,132,176,.25);
  outline-offset:2px;
}

/* Native details accordions */
body.tknp-v21-mobile details{
  max-width:100%;
}
body.tknp-v21-mobile details>summary{
  min-height:44px;
  padding:10px 4px;
  cursor:pointer;
  touch-action:manipulation;
}

/* Dialogs/modals: phone-sized sheets rather than clipped desktop boxes */
body.tknp-v21-mobile .modal-content,
body.tknp-v21-mobile .dialog-content,
body.tknp-v21-mobile .modal-card,
body.tknp-v21-mobile .dialog-card{
  width:calc(100vw - 20px)!important;
  max-width:calc(100vw - 20px)!important;
  max-height:calc(100dvh - var(--tknp-v21-shell-h) - 16px)!important;
  margin:8px auto!important;
  overflow:auto!important;
  border-radius:16px!important;
  -webkit-overflow-scrolling:touch;
}
body.tknp-v21-mobile [role="dialog"]{
  max-width:100vw!important;
}

/* Toasts, banners and alert panels remain inside the visible phone area */
body.tknp-v21-mobile .portal-message-toast,
body.tknp-v21-mobile .toast,
body.tknp-v21-mobile .notification-toast,
body.tknp-v21-mobile .alert-toast{
  left:10px!important;
  right:10px!important;
  width:auto!important;
  max-width:none!important;
  bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;
}

/* Better breadcrumb density on narrow screens */
body.tknp-v21-mobile .classic-breadcrumbs{
  font-size:12px!important;
  line-height:1.35!important;
}

/* Mobile page bar: keep title readable and actions separate */
body.tknp-v21-mobile .classic-dashboard-bar .eyebrow{
  margin-bottom:4px!important;
  font-size:11px!important;
  letter-spacing:.08em!important;
}
body.tknp-v21-mobile .classic-actions{
  margin-top:2px!important;
}

/* Scrolling and anchoring account for the fixed mobile shell */
body.tknp-v21-mobile [id]{
  scroll-margin-top:calc(var(--tknp-v21-shell-h) + 12px);
}

/* Back-to-top utility */
#tknp-v21-top{
  position:fixed;
  right:14px;
  bottom:calc(16px + env(safe-area-inset-bottom,0px));
  z-index:2147482500;
  display:flex;
  width:46px;
  height:46px;
  align-items:center;
  justify-content:center;
  padding:0;
  border:1px solid #c5d9e4;
  border-radius:50%;
  background:#fff;
  color:#075a84;
  box-shadow:0 5px 18px rgba(5,54,82,.18);
  font:inherit;
  font-size:20px;
  font-weight:900;
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:opacity .15s ease,transform .15s ease,visibility .15s ease;
}
#tknp-v21-top.show{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

/* Drawer: slightly wider, easier on nested menus */
#tknp-v21-drawer{
  width:min(94vw,430px);
}
#tknp-v21-drawer-body{
  padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));
}

/* Visual hierarchy and touch comfort for the nested tree */
.tknp-v21-tree-module-toggle{
  min-height:56px;
}
.tknp-v21-tree-submenu-toggle{
  min-height:48px;
}
.tknp-v21-tree-page{
  min-height:44px;
}
.tknp-v21-tree-pages{
  padding-bottom:8px;
}

/* Small phones */
@media screen and (max-width:380px){
  :root{
    --tknp-v21-brand-h:56px;
    --tknp-v21-nav-h:60px;
  }
  #tknp-v21-brand{
    padding-left:8px;
    padding-right:8px;
  }
  #tknp-v21-brand img{
    width:41px;
    height:41px;
    max-width:41px;
    max-height:41px;
    flex-basis:41px;
  }
  #tknp-v21-brand-copy strong{
    font-size:13px;
  }
  #tknp-v21-brand-copy small{
    font-size:10px;
  }
  #tknp-v21-nav a,
  #tknp-v21-nav button{
    font-size:10px;
  }
  body.tknp-v21-mobile .classic-content{
    padding-left:9px!important;
    padding-right:9px!important;
  }
}

/* Landscape phones: reduce shell height and preserve working room */
@media screen and (orientation:landscape) and (max-height:500px){
  :root{
    --tknp-v21-brand-h:46px;
    --tknp-v21-nav-h:52px;
  }
  #tknp-v21-brand img{
    width:35px;
    height:35px;
    max-width:35px;
    max-height:35px;
    flex-basis:35px;
  }
  #tknp-v21-brand-copy strong{font-size:12px}
  #tknp-v21-brand-copy small{font-size:9px}
  #tknp-v21-nav a,#tknp-v21-nav button{min-height:42px}
  #tknp-v21-nav .tknp-v21-icon{font-size:17px}
}

/* Motion/accessibility */
@media (prefers-reduced-motion:reduce){
  #tknp-v21-drawer,
  #tknp-v21-top,
  .tknp-v21-tree-chevron{
    transition:none!important;
    scroll-behavior:auto!important;
  }
}

}