/* App shell: sidebar, top bar, tab bar, content, footer. Logical properties so it mirrors in RTL. */
.wt-shell{display:grid;grid-template-columns:var(--wt-sidebar-width) minmax(0,1fr);min-height:100vh;background:var(--wt-color-page)}
.wt-shell[data-collapsed="true"]{grid-template-columns:var(--wt-sidebar-width-collapsed) minmax(0,1fr)}
.wt-side{scrollbar-width:none;position:sticky;inset-block-start:0;height:100vh;overflow-y:auto;background:var(--wt-color-surface);border-inline-end:var(--wt-border-width) solid var(--wt-color-border);padding:var(--wt-space-5) var(--wt-space-4);display:flex;flex-direction:column;gap:2px;z-index:var(--wt-z-nav)}
.wt-side::-webkit-scrollbar{display:none}
.wt-side-head{display:flex;align-items:center;justify-content:space-between;gap:var(--wt-space-2)}
.wt-side-head .wt-brand{flex:1;min-width:0}
.wt-side-toggle{flex:none}
.wt-brand{display:flex;gap:10px;align-items:center;justify-content:center;padding:0 var(--wt-space-2);color:var(--wt-color-text);text-decoration:none;font-weight:var(--wt-weight-heavy);letter-spacing:-.01em}
.wt-brand-logo{display:block;max-width:100%;max-height:64px;width:auto;height:auto;object-fit:contain}
.wt-brand-mark{width:38px;height:38px;flex:none;border-radius:var(--wt-radius-md);background:var(--wt-color-action);color:var(--wt-color-on-action);display:flex;align-items:center;justify-content:center;font-weight:var(--wt-weight-heavy)}
.wt-brand-by{margin:2px 0 var(--wt-space-3);text-align:center;font-size:11px;line-height:1.4;color:var(--wt-color-text-muted)}
.wt-brand-by b{color:var(--wt-color-text);font-weight:var(--wt-weight-bold)}
.wt-nav{display:flex;flex-direction:column;gap:1px}
.wt-nav a,.wt-nav-box-head{display:flex;align-items:center;gap:var(--wt-space-3);min-height:36px;padding:0 var(--wt-space-3);border-radius:var(--wt-radius-md);color:var(--wt-color-text);text-decoration:none;font-weight:var(--wt-weight-medium);font-size:14px;line-height:1.25}
.wt-nav a:hover,.wt-nav-box-head:hover{background:var(--wt-color-surface-sunken)}
.wt-nav-box-head{width:100%;border:0;background:transparent;font-family:inherit;cursor:pointer;text-align:start;margin-block-start:var(--wt-space-2)}
.wt-nav-box-count{margin-inline-start:auto;font-size:11px;background:var(--wt-color-surface-sunken);color:var(--wt-color-text-muted);border-radius:var(--wt-radius-pill);padding:0 7px}
.wt-nav-box-chev{transition:transform var(--wt-duration-base) var(--wt-ease-standard)}
.wt-nav-box[data-open="true"] .wt-nav-box-chev{transform:rotate(180deg)}
.wt-nav-box-list{display:none;flex-direction:column;gap:1px;margin-inline-start:var(--wt-space-5);padding-inline-start:var(--wt-space-2);border-inline-start:var(--wt-border-width) solid var(--wt-color-border)}
.wt-nav-box[data-open="true"] .wt-nav-box-list{display:flex}
.wt-nav-letter{width:20px;height:20px;border-radius:6px;background:var(--wt-color-surface-sunken);color:var(--wt-color-text-muted);font-size:11px;font-weight:var(--wt-weight-bold);line-height:20px;text-align:center;display:inline-block}
.wt-nav a.is-active .wt-nav-letter{background:rgba(255,255,255,.22);color:inherit}
.wt-nav a.is-active{background:var(--wt-color-action);color:var(--wt-color-on-action);font-weight:var(--wt-weight-semibold)}
.wt-nav-icon{width:20px;height:20px;flex:none;display:inline-flex;align-items:center;justify-content:center;color:inherit}
.wt-nav-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.wt-side-foot{margin-block-start:auto;padding-block-start:var(--wt-space-4)}
.wt-shell[data-collapsed="true"] .wt-nav-label,.wt-shell[data-collapsed="true"] .wt-brand-text,.wt-shell[data-collapsed="true"] .wt-brand-by{display:none}
.wt-shell[data-collapsed="true"] .wt-brand-logo{max-width:40px;object-fit:cover;object-position:left center;height:40px}
.wt-shell[data-collapsed="true"] .wt-nav a{justify-content:center;padding:0}
.wt-shell[data-collapsed="true"] .wt-side-head{flex-direction:column}
.wt-shell[data-collapsed="true"] .wt-nav-box-head{display:none}
.wt-shell[data-collapsed="true"] .wt-nav-box{margin-block-start:var(--wt-space-2);padding-block-start:var(--wt-space-2);border-block-start:var(--wt-border-width) solid var(--wt-color-border)}
.wt-shell[data-collapsed="true"] .wt-nav-box-list{display:flex;margin:0;padding:0;border:0}
.wt-main{display:flex;flex-direction:column;min-width:0;min-height:100vh}
.wt-main > .main-content{flex:1;min-width:0}
.wt-top{position:sticky;inset-block-start:0;z-index:var(--wt-z-nav);display:flex;align-items:center;gap:var(--wt-space-3);padding:var(--wt-space-3) var(--wt-space-6);background:var(--wt-color-surface);border-block-end:var(--wt-border-width) solid var(--wt-color-border);min-height:64px}
.wt-top-spacer{flex:1}
.wt-search{flex:1 1 320px;min-width:180px;max-width:480px;min-height:42px;border:var(--wt-border-width) solid var(--wt-color-border);border-radius:var(--wt-radius-lg);display:flex;align-items:center;gap:var(--wt-space-2);padding:0 var(--wt-space-3);color:var(--wt-color-text-faint);background:var(--wt-color-surface-sunken);cursor:text}
.wt-search:focus-within{border-color:var(--wt-color-action);box-shadow:var(--wt-focus-ring)}
.wt-search-input{flex:1;min-width:0;border:0;background:transparent;color:var(--wt-color-text);font:inherit;min-height:38px;outline:none;box-shadow:none}
.wt-kbd{font-size:11px;border:var(--wt-border-width) solid var(--wt-color-border-strong);border-radius:6px;padding:1px 6px;color:var(--wt-color-text-muted);background:var(--wt-color-surface);white-space:nowrap}
.wt-company{display:flex;align-items:center;gap:var(--wt-space-2);min-height:46px;padding:0 var(--wt-space-3);border:var(--wt-border-width) solid var(--wt-color-border);border-radius:var(--wt-radius-lg);background:var(--wt-color-surface);color:var(--wt-color-text);font:inherit;cursor:pointer;text-align:start}
.wt-company-text{display:flex;flex-direction:column;line-height:1.2;min-width:0;max-width:170px}
.wt-company-text b{font-size:13px;font-weight:var(--wt-weight-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wt-company-text small,.wt-user-text small{white-space:nowrap;font-size:11px;color:var(--wt-color-text-muted)}
.wt-pill{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 var(--wt-space-3);border-radius:var(--wt-radius-lg);font-size:13px;font-weight:var(--wt-weight-semibold);text-decoration:none;white-space:nowrap}
.wt-pill--ok{background:var(--wt-color-success-tint);color:var(--wt-color-success)}
.wt-pill--warn{background:var(--wt-color-warning-tint);color:var(--wt-color-warning)}
.wt-iconbtn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:var(--wt-radius-md);background:transparent;color:var(--wt-color-text-2);cursor:pointer;text-decoration:none}
.wt-iconbtn:hover{background:var(--wt-color-surface-sunken)}
.wt-iconbtn-badge{position:absolute;inset-block-start:2px;inset-inline-end:2px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--wt-radius-pill);background:var(--wt-color-danger);color:var(--wt-color-on-danger);font-size:10px;font-weight:var(--wt-weight-bold);display:flex;align-items:center;justify-content:center}
.wt-user{display:flex;align-items:center;gap:var(--wt-space-2);border:0;background:transparent;color:var(--wt-color-text);font:inherit;cursor:pointer;padding:0 var(--wt-space-1);text-align:start}
.wt-user-text{display:flex;flex-direction:column;line-height:1.2}
.wt-user-text{min-width:0;max-width:260px}
.wt-user-text b{font-size:14px;font-weight:var(--wt-weight-heavy);color:var(--wt-color-action-deep);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}
.wt-menu-note{display:block;padding:10px 12px;color:var(--wt-color-text-muted);font-size:13px}
.wt-section{display:flex;flex-wrap:wrap;justify-content:center;gap:0 var(--wt-space-2);padding:0 var(--wt-space-6);background:var(--wt-color-surface);border-block-end:var(--wt-border-width) solid var(--wt-color-border)}
.wt-section a{padding:14px var(--wt-space-3);font-weight:var(--wt-weight-semibold);font-size:14px;color:var(--wt-color-text-2);text-decoration:none;border-block-end:2px solid transparent;margin-block-end:-1px;white-space:nowrap}
.wt-section a:hover,.wt-section-tab:hover{color:var(--wt-color-text)}
.wt-section-tab{display:inline-flex;align-items:center;gap:4px;padding:14px var(--wt-space-3);border:0;border-block-end:2px solid transparent;margin-block-end:-1px;background:none;font:inherit;font-weight:var(--wt-weight-semibold);font-size:14px;color:var(--wt-color-text-2);cursor:pointer;white-space:nowrap}
.wt-section-tab.is-active{color:var(--wt-color-action-text);border-color:var(--wt-color-action)}
.wt-section .wt-dropdown{display:inline-flex}
.wt-menu a.is-current{background:var(--wt-color-action-tint);font-weight:var(--wt-weight-semibold)}
.wt-section a.is-active{color:var(--wt-color-action-text);border-color:var(--wt-color-action)}
.wt-content{width:var(--wt-content-width);max-width:none;margin-inline:auto;padding:var(--wt-space-6) 0;display:flex;flex-direction:column;gap:var(--wt-space-5)}
.wt-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--wt-space-4);flex-wrap:wrap}
.wt-page-head h1,.wt-page-head h2{font-size:var(--wt-text-2xl)}
.wt-foot{display:flex;flex-direction:column;align-items:center;gap:var(--wt-space-2);padding:var(--wt-space-5) var(--wt-space-6);background:transparent;border-block-start:var(--wt-border-width) solid var(--wt-color-border);font-size:12px;color:var(--wt-color-text-muted)}
.wt-foot-links{display:flex;gap:var(--wt-space-4);justify-content:center}
.wt-foot-links a{color:var(--wt-color-text-muted);text-decoration:none}
.wt-foot-links a:hover{color:var(--wt-color-text)}
.wt-scrim{display:none}
@media (max-width:1180px){.wt-hide-md{display:none !important}}
@media (max-width:900px){
  .wt-shell,.wt-shell[data-collapsed="true"]{grid-template-columns:minmax(0,1fr)}
  .wt-side{position:fixed;inset-block:0;inset-inline-start:0;width:min(290px,86vw);transform:translateX(-105%);transition:transform var(--wt-duration-base) var(--wt-ease-standard);box-shadow:var(--wt-shadow-3);z-index:var(--wt-z-modal)}
  [dir="rtl"] .wt-side{transform:translateX(105%)}
  .wt-shell[data-drawer="open"] .wt-side{transform:none}
  .wt-shell[data-drawer="open"] .wt-scrim{display:block;position:fixed;inset:0;background:var(--wt-color-scrim);z-index:calc(var(--wt-z-modal) - 1)}
  .wt-shell[data-collapsed="true"] .wt-nav-label,.wt-shell[data-collapsed="true"] .wt-brand-text,.wt-shell[data-collapsed="true"] .wt-brand-by{display:revert}
  .wt-shell[data-collapsed="true"] .wt-nav a{justify-content:flex-start;padding:0 var(--wt-space-3)}
  .wt-top{padding-inline:var(--wt-space-4)}
  .wt-content{width:calc(100% - 2 * var(--wt-space-4));padding-block:var(--wt-space-4)}
  .wt-section{padding-inline:var(--wt-space-4)}
  .wt-foot{padding-inline:var(--wt-space-4)}
}
@media (max-width:640px){.wt-hide-sm{display:none !important}}
/* In the components layer so it can override .wt-btn's display (later layers win). */

.wt-btn.wt-menu-toggle{display:none}
@media (max-width:900px){.wt-btn.wt-menu-toggle{display:inline-flex}}
/* Phones: the top bar must fit 360px: the page search shrinks (no Ctrl K hint, hidden on the smallest phones; the menu drawer still lists every page) and the plan badge shows only "Subscribe now". */
@media (max-width:600px){.wt-top{gap:var(--wt-space-2)}.wt-search{flex:1 1 0;min-width:0}.wt-search .wt-kbd{display:none}.wa-subscribe-badge{margin-right:0 !important;padding:6px 10px !important}.wa-subscribe-badge-label{display:none}}
@media (max-width:420px){.wt-top .wt-search{display:none}}
.wt-avatar.wt-avatar--sm{width:32px;height:32px;border-radius:var(--wt-radius-md);background:var(--wt-color-action);color:var(--wt-color-on-action);font-size:12px}


/* Chat pages only: the menu is a slim icon rail; "Menu" slides the full sidebar over the chat (it never pushes the chat) */
@media (min-width:901px){
.wt-shell[data-chat="true"],.wt-shell[data-chat="true"][data-collapsed="false"]{grid-template-columns:var(--wt-sidebar-width-collapsed) minmax(0,1fr)}
.wt-shell[data-chat="true"] .wt-main{grid-column:2}
.wt-shell[data-chat="true"] .wt-side{padding-inline:var(--wt-space-3);transition:width var(--wt-duration-base) var(--wt-ease-standard)}
.wt-shell[data-chat="true"][data-expanded="true"] .wt-side{position:fixed;inset-block:0;inset-inline-start:0;width:var(--wt-sidebar-width);padding-inline:var(--wt-space-4);box-shadow:var(--wt-shadow-3);z-index:var(--wt-z-modal)}
.wt-shell[data-chat="true"][data-expanded="true"] .wt-scrim{display:block;position:fixed;inset:0;background:var(--wt-color-scrim);z-index:calc(var(--wt-z-modal) - 1)}
.wt-shell[data-chat="true"][data-expanded="true"] .wt-brand-by{display:block}
}