/* SLPT R23.2 - Sidebar Design 2 refresh
   Brightens the Precision Glass sidebar, applies card-dock navigation,
   and removes the old embedded chevron feel by promoting one clear toggle. */
:root{
  --r232-sidebar-grad:linear-gradient(180deg, rgba(255,255,255,.93), rgba(249,250,252,.86));
  --r232-sidebar-border:rgba(255,255,255,.98);
  --r232-sidebar-shadow:0 22px 58px rgba(47,38,66,.11);
  --r232-card-border:#edf0f4;
  --r232-card-shadow:0 6px 16px rgba(40,35,52,.045);
  --r232-active-bg:linear-gradient(145deg, rgba(141,41,49,.11), rgba(119,95,189,.10));
  --r232-active-border:rgba(141,41,49,.14);
}
#appView .sidebar{
  padding:12px;
  background:var(--r232-sidebar-grad);
  border-color:var(--r232-sidebar-border);
  box-shadow:var(--r232-sidebar-shadow);
}
#appView .sidebar-brand-row{
  align-items:flex-start;
  margin-bottom:12px;
}
#appView .sidebar .brand small{
  display:block;
  margin-top:4px;
  letter-spacing:.14em;
  color:var(--muted,#737783);
}
#appView .sidebar-collapse{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border-radius:15px;
  border:0;
  background:linear-gradient(145deg,var(--r23-burgundy),var(--r23-burgundy-2));
  color:#fff;
  box-shadow:0 10px 20px rgba(141,41,49,.18), inset 0 1px 0 rgba(255,255,255,.18);
  text-indent:-9999px;
  overflow:hidden;
  position:relative;
}
#appView .sidebar-collapse:hover{transform:translateY(-1px)}
#appView .sidebar-collapse .r232-toggle-icon,
#appView .sidebar-collapse svg{
  position:absolute;
  inset:0;
  margin:auto;
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
  text-indent:0;
}
#appView .sidebar-collapse.r232-ready{font-size:0}
#appView .sidebar-collapse.r232-ready::before{display:none}
#appView .sidebar .r232-side-summary{
  margin:0 0 12px;
  padding:13px;
  border-radius:18px;
  background:linear-gradient(145deg,#fff,#fbf5f6);
  border:1px solid #ece2e5;
  box-shadow:0 7px 18px rgba(42,36,54,.035);
}
#appView .sidebar .r232-side-summary-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
}
#appView .sidebar .r232-side-summary h3{
  margin:0;
  font-size:13px;
  color:var(--text,#1d1e23);
}
#appView .sidebar .r232-side-summary p{
  margin:4px 0 0;
  font-size:10px;
  color:var(--muted,#737783);
}
#appView .sidebar .r232-side-pills{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:10px;
}
#appView .sidebar .r232-side-pills span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 8px;
  border-radius:999px;
  font-size:10px;
  font-weight:850;
}
#appView .sidebar .r232-side-pills .is-online{background:rgba(46,149,105,.12);color:var(--r23-green)}
#appView .sidebar .r232-side-pills .is-role{background:rgba(119,89,184,.12);color:var(--r23-violet)}
#appView .sidebar .r232-side-pills .is-ui{background:rgba(71,123,211,.12);color:var(--r23-blue)}
#appView .nav{
  gap:7px;
}
#appView .nav button{
  min-height:46px;
  padding:12px 12px;
  border-radius:18px;
  background:#fff;
  border:1px solid var(--r232-card-border);
  box-shadow:var(--r232-card-shadow);
  color:#4a4e57;
}
#appView .nav button:hover:not(.hidden){
  background:#fff;
  border-color:#e4e8ef;
  box-shadow:0 10px 22px rgba(40,35,52,.06);
  color:var(--text,#1d1e23);
}
#appView .nav button.active{
  background:var(--r232-active-bg);
  color:var(--r23-burgundy);
  border-color:var(--r232-active-border);
  box-shadow:0 10px 22px rgba(141,41,49,.08);
}
#appView .nav button .r23-nav-icon{
  width:32px;
  height:32px;
  border-radius:13px;
  background:linear-gradient(145deg,#fff,#f7f8fb);
  border:1px solid #e5e8ef;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96);
}
#appView .nav button.active .r23-nav-icon{
  background:linear-gradient(145deg, rgba(141,41,49,.12), rgba(180,78,88,.08));
  border-color:rgba(141,41,49,.12);
}
#appView .nav button span:last-child{font-weight:780}
html[data-sidebar-collapsed="true"] #appView .sidebar{
  width:88px;
  padding:12px 10px;
}
html[data-sidebar-collapsed="true"] #appView .sidebar .brand,
html[data-sidebar-collapsed="true"] #appView .sidebar .r232-side-summary,
html[data-sidebar-collapsed="true"] #appView .nav button span:last-child{
  display:none!important;
}
html[data-sidebar-collapsed="true"] #appView .nav button{
  justify-content:center;
  padding:10px;
}
html[data-sidebar-collapsed="true"] #appView .sidebar-brand-row{
  justify-content:center;
}
html[data-sidebar-collapsed="true"] #appView .sidebar-collapse{
  margin-inline:auto;
}
@media(max-width:720px){
  #appView .sidebar .r232-side-summary{display:none}
}
html[data-theme="mist-graphite"] #appView .sidebar{
  background:linear-gradient(180deg, rgba(39,42,50,.94), rgba(31,34,41,.88));
  border-color:rgba(255,255,255,.12);
}
html[data-theme="mist-graphite"] #appView .nav button{
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.08);
  color:#edf0f6;
}
html[data-theme="mist-graphite"] #appView .nav button:hover:not(.hidden){
  background:rgba(255,255,255,.07);
}
html[data-theme="mist-graphite"] #appView .nav button.active{
  background:linear-gradient(145deg, rgba(141,41,49,.26), rgba(119,95,189,.20));
  border-color:rgba(255,255,255,.10);
  color:#fff;
}
html[data-theme="mist-graphite"] #appView .nav button .r23-nav-icon,
html[data-theme="mist-graphite"] #appView .sidebar .r232-side-summary{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.09);
}