/* TASK 688: opt-in category rail. Color belongs to the active theme, not the layout. */
#workspaceCategoryRail{display:none!important;}
html[data-interface-layout="rail"]{--sidebar-rail-width:72px;}
html[data-interface-layout="rail"] #sidebar{padding-inline-start:72px!important;}
html[data-interface-layout="rail"] #sidebar #workspaceCategoryRail{
  position:absolute;inset-block:0;inset-inline-start:0;width:72px;
  display:flex!important;flex-direction:column;align-items:stretch;gap:8px;
  padding:14px 6px calc(14px + env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden;
  background:var(--cc-surface)!important;color:var(--cc-ink)!important;
  border-inline-end:1px solid var(--cc-line);z-index:2;scrollbar-width:thin;
}
html[data-interface-layout="rail"] #sidebar #workspaceCategoryRail>button{
  display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  flex:0 0 auto;width:100%;min-height:64px;margin:0;padding:9px 2px;
  border:1px solid transparent!important;border-radius:14px!important;
  background:transparent!important;color:var(--cc-muted)!important;
  box-shadow:none!important;font:inherit;line-height:1.5;cursor:pointer;
}
html[data-interface-layout="rail"] #sidebar #workspaceCategoryRail>button>svg{width:25px;height:25px;flex:none;color:inherit!important;stroke:currentColor!important;}
html[data-interface-layout="rail"] #sidebar #workspaceCategoryRail>button>span{font-size:10px!important;font-weight:600;color:inherit!important;-webkit-text-fill-color:currentColor!important;}
html[data-interface-layout="rail"] #sidebar #workspaceCategoryRail>button[aria-pressed="true"]{
  background:var(--cc-selected)!important;color:var(--cc-accent)!important;border-color:var(--cc-line)!important;
}
html[data-interface-layout="rail"] #sidebar #workspaceCategoryRail>button:hover{background:var(--cc-soft)!important;}
html[data-interface-layout="rail"] #sidebar #workspaceCategoryRail>button:focus-visible{outline:2px solid var(--cc-accent)!important;outline-offset:-2px;}
html[data-interface-layout="rail"] #sidebar #users .user{box-shadow:none!important;border-radius:12px!important;border-color:transparent!important;}
html[data-interface-layout="rail"] #sidebar #users .user.active{background:var(--cc-selected)!important;border-color:var(--cc-line)!important;}
html[data-interface-layout="rail"] #sidebar #users .layout-filtered-out{display:none!important;}
html[data-interface-layout="rail"] #sidebar #layoutCategoryEmpty{color:var(--cc-muted)!important;font-size:12px;line-height:1.9;padding:16px;text-align:center;}
#accountModal .interface-layout-field{display:grid;gap:8px;margin-block:18px;}
#accountModal .interface-layout-field small{color:inherit!important;opacity:.8;line-height:1.9;}
@media(min-width:701px){
  html[data-interface-layout="rail"] #app.app:not(.desktop-sidebar-collapsed){grid-template-columns:calc(var(--sidebar-width) + var(--sidebar-rail-width)) minmax(0,1fr)!important;}
  html[data-interface-layout="rail"] #sidebar{position:relative;}
}
@media(max-width:700px){
  html[data-interface-layout="rail"] #sidebar{padding-inline-start:60px!important;}
  html[data-interface-layout="rail"] #sidebar #workspaceCategoryRail{width:60px;padding-inline:3px;gap:4px;}
  html[data-interface-layout="rail"] #sidebar #workspaceCategoryRail>button{min-height:60px;}
}