/* Existing font and semantic colour tokens own both themes. */
html[data-mytexts-boot] #sk-doc-browser {display:block!important}
html[data-mytexts-boot] .robot-container {display:none!important}
body#writing-app#writing-app .sk-doc-heading-copy {min-width:0}
body#writing-app#writing-app .sk-doc-subtitle {margin:8px 0 0;font:inherit;font-size:14px;line-height:1.5;color:var(--ss-muted)}
body#writing-app#writing-app .sk-doc-controls-row {display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:24px}
body#writing-app#writing-app #sk-doc-filters {flex:1 1 320px;min-width:0;margin:0!important}
body#writing-app#writing-app .sk-doc-sort-label {display:flex;align-items:center;gap:8px;min-height:44px;font:inherit;font-size:14px;color:var(--ss-muted)}
body#writing-app#writing-app #sk-doc-sort {font:inherit;color:var(--ss-text);background:var(--ss-surface);border:1px solid var(--ss-border);border-radius:8px;min-height:44px;padding:8px 30px 8px 12px;max-width:100%}
body#writing-app#writing-app #sk-doc-sort:focus-visible {outline:2px solid var(--ss-focus);outline-offset:2px}
body#writing-app#writing-app #sk-doc-browser .sk-doc-filter-pills {flex-wrap:wrap!important;overflow:visible!important}
body#writing-app#writing-app #sk-doc-browser .sk-doc-filter-pill {max-width:100%;overflow-wrap:anywhere;white-space:normal!important}
@media(max-width:767px) {
  body#writing-app#writing-app .sk-doc-controls-row {gap:12px;margin-bottom:20px}
  body#writing-app#writing-app #sk-doc-filters {flex-basis:100%}
  body#writing-app#writing-app #sk-doc-browser .sk-doc-list {grid-template-columns:minmax(0,1fr)!important}
}


/* Shared sidebar: separate tools from the document/video destinations. */
@media(min-width:768px){
 html #bb-sidebar#bb-sidebar#bb-sidebar#bb-sidebar .ss-mytexts-divider{display:block;flex:none;width:25px;height:1px;margin:12px 0;background:var(--ss-border,var(--bb-dock-line));align-self:center}
 html #bb-sidebar#bb-sidebar#bb-sidebar#bb-sidebar .sidebar-nav a[data-video-library]{margin-top:0!important}
 html #bb-sidebar#bb-sidebar#bb-sidebar#bb-sidebar .sidebar-nav a[data-video-library]::before{content:none!important;display:none!important}
 /* Two text lines need one extra line of room inside the actual hover target. */
 html #bb-sidebar#bb-sidebar#bb-sidebar#bb-sidebar [data-mytexts-nav]{height:72px!important;min-height:72px!important}
}
/* The document title and native actions now share one centred header row. */
body#writing-app#writing-app #sk-tb-back{display:none!important}
@media(min-width:768px){
 body#writing-app#writing-app .skv2-top-controls{padding:16px 32px!important;gap:16px!important;align-items:center!important}
 body#writing-app#writing-app .skv2-title-block{flex:1 1 auto!important;min-width:0!important;width:auto!important;justify-content:center!important}
 body#writing-app#writing-app .skv2-doc-title{width:100%!important;max-width:none!important;height:36px!important;margin:0!important;text-overflow:ellipsis}
 body#writing-app#writing-app .skv2-top-controls>.left-controls{flex:0 0 auto!important;margin-left:0!important}
}

/* Desktop collection links share one icon/label rhythm. */
@media(min-width:768px){
 html #bb-sidebar#bb-sidebar#bb-sidebar#bb-sidebar [data-myprompts-nav],
 html #bb-sidebar#bb-sidebar#bb-sidebar#bb-sidebar [data-mytexts-nav],
 html #bb-sidebar#bb-sidebar#bb-sidebar#bb-sidebar [data-video-library]{height:72px!important;min-height:72px!important}
}

/* Keep complete translated labels and native icon/label spacing on narrow phones.
   Only the full tab bar participates; compact editor menu links keep their layout. */
@media(max-width:767px) {
  #bb-mobile-nav:has(>a[data-myprompts-nav])>.mn-tab {min-width:max-content}
}