/* Global workspace shell: horizontal header navigation and project-aligned panels. */
#app{
  --workspace-header-height:53px;
}
#app>.sidebar{
  width:auto;
  height:var(--workspace-header-height);
  min-height:var(--workspace-header-height);
  right:0;
  bottom:auto;
  display:flex;
  flex-direction:row;
  align-items:stretch;
  border-right:0;
  border-bottom:1px solid #1a1a1a;
  background:#050505;
  box-shadow:0 12px 28px rgba(0,0,0,.3);
}
#app>.sidebar::after{display:none}
#app>.sidebar .slogo{
  width:var(--workspace-sidepanel-width);
  flex:0 0 var(--workspace-sidepanel-width);
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:12px 20px;
  border:0;
  border-right:1px solid #1a1a1a;
}
#app>.sidebar .wsdisp{
  color:#fff;
  font-size:14px;
  font-weight:700;
}
#app>.sidebar .wssub{
  margin-top:2px;
  color:#707070;
  font-size:10px;
}
#app>.sidebar .snav{
  position:absolute;
  inset:0 520px 0 var(--workspace-sidepanel-width);
  display:flex;
  align-items:stretch;
  justify-content:center;
  gap:2px;
  padding:0 18px;
  overflow-x:auto;
  overflow-y:hidden;
}
#app>.sidebar .ni{
  position:relative;
  min-width:104px;
  height:100%;
  justify-content:center;
  gap:8px;
  margin:0;
  padding:0 18px;
  border:0;
  border-radius:0;
  background:transparent;
  color:#898989;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
  box-shadow:none;
}
#app>.sidebar .ni::after{
  content:'';
  position:absolute;
  right:18px;
  bottom:0;
  left:18px;
  height:3px;
  background:transparent;
}
#app>.sidebar .ni:hover{
  border:0;
  background:#0d0d0d;
  color:#fff;
}
#app>.sidebar .ni.active{
  border:0;
  background:#0d0d0d;
  color:#fff;
  box-shadow:none;
}
#app>.sidebar .ni.active::after{background:var(--dl-accent)}
#app>.sidebar .ni-icon{opacity:.95}
#app>.sidebar .sfooter{
  position:absolute;
  top:0;
  right:0;
  width:520px;
  height:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) 150px 112px;
  grid-template-rows:22px 32px 12px;
  align-content:center;
  gap:4px 10px;
  padding:8px 14px;
  border:0;
  border-left:1px solid #1a1a1a;
  background:#080808;
}
#app>.sidebar .uemail{
  grid-column:1;
  grid-row:1;
  align-self:end;
  margin:0;
  color:#9b9b9b;
  font-size:15px;
}
#app>.sidebar .sfooter>div:nth-child(2){
  grid-column:1;
  grid-row:2 / 4;
  margin:0!important;
}
#app>.sidebar #nick-input{
  height:30px;
  border-color:#303030!important;
  border-radius:3px!important;
  background:#111!important;
}
#app>.sidebar #nick-input+button{
  height:30px;
  border-radius:3px!important;
  background:var(--dl-accent)!important;
  color:#090909!important;
}
#app>.sidebar .icrow{
  grid-column:2;
  grid-row:1;
  align-self:end;
  margin:0;
}
#app>.sidebar .icval{font-size:11px;letter-spacing:2px}
#app>.sidebar .membertxt{
  grid-column:2;
  grid-row:2;
  align-self:center;
  margin:0;
  overflow:hidden;
  color:#777;
  font-size:9px;
  line-height:1.25;
}
#app>.sidebar .savestatus{
  grid-column:2;
  grid-row:3;
  margin:0;
  height:auto;
  color:#777;
  font-size:9px;
  line-height:1;
  text-align:left;
}
#app>.sidebar .sfooter>div:nth-child(5){
  grid-column:3;
  grid-row:1 / 4;
  align-self:center;
  margin:0!important;
}
#app>.sidebar .notif-btn{flex:0 0 34px}
#app>.sidebar .logoutbtn{
  height:32px;
  padding:0 8px;
  border-color:#303030;
  border-radius:3px;
  background:#111;
  font-size:10px;
}
#app>.main{
  left:0;
  top:var(--workspace-header-height);
  background:#050505;
}
#app>.main>.header{display:none}
#reconnect-banner{left:0!important;top:var(--workspace-header-height)!important}

/* Every workspace section starts below the shared header with the same side panel. */
#page-mindmap,
#page-documents.documents-shell,
#page-calendar{
  background:#050505;
}
#page-mindmap .mm-sidebar,
#page-documents .documents-sidebar{
  width:var(--workspace-sidepanel-width);
  flex:0 0 var(--workspace-sidepanel-width);
  min-height:0;
  padding:20px 12px 12px;
  border:0;
  border-right:1px solid #202020;
  border-radius:0;
  background:#090909;
  box-shadow:inset -1px 0 0 rgba(255,255,255,.015);
}
#page-documents .documents-sidebar-head{
  gap:12px;
  padding:0 8px;
}
#page-documents .documents-kicker{
  color:#777;
  font-family:'IBM Plex Mono',monospace;
  font-size:10px;
  letter-spacing:.06em;
  text-transform:uppercase;
}
#page-documents .documents-sidebar h3,
#page-documents .documents-main h3{
  color:#fff;
  font-size:16px;
}
#page-documents .documents-actions{
  gap:4px;
}
#page-documents .documents-icon-button,
#page-documents .documents-compose button,
#page-documents .documents-delete-button,
#page-documents .documents-confirm-actions button{
  min-height:30px;
  border-color:#2a2a2a;
  border-radius:3px;
  background:#111;
  color:#bdbdbd;
  font-size:11px;
}
#page-documents .documents-icon-button:hover,
#page-documents .documents-compose button:hover{
  border-color:#555;
  background:#171717;
  color:#fff;
}
#page-documents .documents-compose,
#page-documents .documents-kind-icon{
  border-color:#292929;
  border-radius:3px;
  background:#111;
}
#page-documents .documents-compose input{
  border-color:#303030;
  border-radius:3px;
  background:#090909;
}
#page-documents .documents-tree-row{
  min-height:40px;
  margin:2px 0;
  border-radius:3px;
}
#page-documents .documents-tree-row:hover{background:#121212}
#page-documents .documents-tree-row.selected{
  border-color:#3a3a3a;
  background:#171717;
}
#page-documents .documents-main{
  background:#050505;
}
#page-documents .documents-editor-frame,
#page-documents .documents-office-viewer{
  border-color:#252525;
  border-radius:3px;
  background:#090909;
}

/* Calendar member filters become the calendar-specific sidebar. */
#page-calendar.active{
  display:grid;
  grid-template-columns:var(--workspace-sidepanel-width) minmax(0,1fr);
  grid-template-rows:auto minmax(0,1fr);
}
#page-calendar .cal-members{
  grid-column:1;
  grid-row:1 / 3;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:6px;
  overflow:auto;
  padding:20px 12px;
  border:0;
  border-right:1px solid #202020;
  background:#090909;
}
#page-calendar .cal-toolbar{
  grid-column:2;
  grid-row:1;
  border-bottom:1px solid #202020;
  background:#090909;
}
#page-calendar .cal-month-view,
#page-calendar .cal-week-view{
  grid-column:2;
  grid-row:2;
  min-width:0;
  min-height:0;
}
#page-calendar .cal-mchip{
  width:100%;
  justify-content:flex-start;
  border-radius:3px;
}

/* Responsive header keeps navigation reachable without restoring the old left rail. */
@media(max-width:1100px){
  #app{--workspace-header-height:103px}
  #app>.sidebar .slogo{width:var(--workspace-sidepanel-width);flex-basis:var(--workspace-sidepanel-width)}
  #app>.sidebar .snav{
    top:53px;
    right:0;
    left:0;
    height:50px;
    justify-content:flex-start;
    border-top:1px solid #1a1a1a;
    background:#050505;
  }
  #app>.sidebar .ni{min-width:max-content;height:50px;padding:0 16px}
  #app>.sidebar .sfooter{width:520px;height:53px}
}
@media(max-width:700px){
  #app{--workspace-header-height:118px}
  #app>.sidebar{
    position:fixed;
    height:var(--workspace-header-height);
  }
  #app>.sidebar .slogo{
    width:100%;
    height:32px;
    padding:4px 12px;
    border-right:0;
  }
  #app>.sidebar .wssub{display:none}
  #app>.sidebar .sfooter{
    top:32px;
    width:100%;
    height:54px;
    border-left:0;
    border-top:1px solid #1a1a1a;
  }
  #app>.sidebar .snav{top:86px;height:32px}
  #app>.sidebar .ni{height:32px}
  #app>.main{
    position:fixed;
    top:var(--workspace-header-height);
    right:0;
    bottom:0;
    left:0;
    overflow:hidden;
  }
  #page-mindmap,
  #page-documents.documents-shell{
    flex-direction:column;
  }
  #page-mindmap .mm-sidebar,
  #page-documents .documents-sidebar{
    width:100%;
    flex:0 0 224px;
    border-right:0;
    border-bottom:1px solid #202020;
  }
  #page-calendar.active{
    display:flex;
    flex-direction:column;
  }
  #page-calendar .cal-members{
    flex:0 0 auto;
    max-height:132px;
    flex-direction:row;
    grid-column:auto;
    grid-row:auto;
    border-right:0;
    border-bottom:1px solid #202020;
  }
  #page-calendar .cal-mchip{width:auto}
}
/* Header account simplification and equal-width, left-aligned primary tabs. */
#app>.sidebar .snav{
  justify-content:flex-start;
  gap:0;
}
#app>.sidebar .ni{
  width:112px;
  min-width:112px;
  max-width:112px;
  flex:0 0 112px;
  padding:0 10px;
}
#app>.sidebar .sfooter{
  display:grid;
  grid-template-columns:minmax(190px,1fr) auto 108px;
  grid-template-rows:1fr;
  align-items:center;
  gap:10px;
}
#app>.sidebar .uemail{
  grid-column:1;
  grid-row:1;
  align-self:center;
  margin:0;
  color:#d0d0d0;
  font-size:15px;
}
#app>.sidebar .icrow{
  grid-column:2;
  grid-row:1;
  align-self:center;
}
#app>.sidebar .sfooter>div:has(.logoutbtn){
  grid-column:3;
  grid-row:1;
  align-self:center;
}
#app>.sidebar .savestatus{display:none}
/* Calendar project sidebar, member tabs, weekend tint, and split time wheels. */
#page-calendar .cal-project-sidebar{
  grid-column:1;
  grid-row:1 / 3;
  min-width:0;
  overflow:auto;
  padding:20px 12px;
  border-right:1px solid #202020;
  background:#090909;
}
.cal-project-sidebar-title{
  margin:0 8px 4px;
  color:#fff;
  font-size:15px;
  font-weight:700;
}
.cal-project-sidebar-note{
  margin:0 8px 14px;
  color:#777;
  font-size:10px;
  line-height:1.5;
}
.cal-project-filter-row{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:38px;
  margin:2px 0;
  padding:8px 9px;
  border:1px solid transparent;
  border-radius:3px;
  color:#c8c8c8;
  font-size:12px;
  cursor:pointer;
}
.cal-project-filter-row:hover{border-color:#2c2c2c;background:#121212}
.cal-project-filter-row input{accent-color:var(--dl-accent)}
#page-calendar .cal-members{
  grid-column:2;
  grid-row:1;
  flex-direction:row;
  align-items:center;
  gap:6px;
  min-height:42px;
  padding:7px 14px;
  overflow-x:auto;
  border-right:0;
  border-bottom:1px solid #202020;
  background:#090909;
}
#page-calendar .cal-toolbar{
  grid-column:2;
  grid-row:1;
  height:72px;
  min-height:72px;
  max-height:72px;
  overflow:visible;
  position:relative;
  z-index:40;
}
#page-calendar .cal-month-view,
#page-calendar .cal-week-view{
  grid-column:2;
  grid-row:2;
}
#page-calendar.active{
  grid-template-rows:72px minmax(0,1fr);
}
#page-calendar .cal-mchip{
  width:auto;
  flex:0 0 auto;
  justify-content:center;
}
.cal-only-mine{
  display:flex;
  align-items:center;
  gap:5px;
  margin-left:auto;
  padding:5px 8px;
  color:#d0d0d0;
  font-size:11px;
  white-space:nowrap;
}
.cal-only-mine input{accent-color:var(--dl-accent)}
.ev-announcement-toggle{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin:0 0 14px;
  padding:10px 11px;
  border:1px solid #303030;
  border-radius:4px;
  background:#0b0b0b;
  color:#f5f5f5;
  cursor:pointer;
}
.ev-announcement-toggle input{margin-top:2px;accent-color:var(--dl-accent)}
.ev-announcement-toggle input:disabled{cursor:not-allowed;opacity:.55}
.ev-announcement-toggle span{display:grid;gap:3px}
.ev-announcement-toggle b{font-size:12px}
.ev-announcement-toggle small{color:#929292;font-size:10px;font-weight:400}
.cal-mday.sunday{background:rgba(239,68,68,.075)}
.cal-mday.saturday{background:rgba(59,130,246,.075)}
.cal-week-head-day.sunday,
.cal-week-all-day-cell.sunday,
.cal-week-col.sunday{background:rgba(239,68,68,.075)}
.cal-week-head-day.saturday,
.cal-week-all-day-cell.saturday,
.cal-week-col.saturday{background:rgba(59,130,246,.075)}
.cal-mday.event-drop-target{box-shadow:inset 0 0 0 2px var(--dl-accent);background:rgba(216,255,62,.08)}
.ev-time-wheel{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
}
.ev-time-wheel select,
#ev-project{
  width:100%;
  min-width:0;
  border:1px solid #303030;
  border-radius:3px;
  background:#0b0b0b;
  color:#fff;
  font:inherit;
  font-size:12px;
  scrollbar-width:thin;
  scrollbar-color:var(--dl-scroll-thumb) #111;
}
.ev-time-wheel select{height:94px;padding:4px}
.ev-time-wheel option{padding:5px 8px;border-radius:2px}
.ev-time-wheel option:checked{background:var(--dl-accent);color:#090909}
#ev-project{height:38px;padding:0 10px}
#m-addEvent .modal{max-height:calc(100vh - 32px);overflow:auto}
@media(max-width:700px){
  #app>.sidebar .icrow{display:none}
  #app>.sidebar .sfooter{grid-template-columns:minmax(0,1fr) 108px}
  #app>.sidebar .uemail{grid-column:1}
  #app>.sidebar .sfooter>div:has(.logoutbtn){grid-column:2}
  #page-calendar .cal-project-sidebar{
    flex:0 0 auto;
    max-height:150px;
    overflow:auto;
    border-right:0;
    border-bottom:1px solid #202020;
  }
  #page-calendar .cal-members{
    max-height:none;
    flex-wrap:nowrap;
    overflow-x:auto;
  }
  .cal-only-mine{margin-left:0}
}

/* Calendar toolbar filters, visible weekend cells, and pointer-following drag preview. */
#page-calendar .cal-toolbar-filter-cluster{
  grid-column:1;
  display:flex;
  align-items:center;
  align-self:center;
  justify-self:start;
  gap:10px;
  min-width:0;
  max-width:100%;
  height:100%;
}
#page-calendar .cal-toolbar-filter-cluster .cal-vtoggle{flex:0 0 auto}
#page-calendar .cal-toolbar-filter-cluster .cal-members{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:7px;
  min-width:0;
  min-height:0;
  padding:0;
  overflow:visible;
  border:0!important;
  background:transparent!important;
}
#page-calendar .cal-member-filter-dropdown{position:relative;flex:0 0 auto}
#page-calendar .cal-member-filter-trigger{
  display:flex;
  align-items:center;
  min-width:136px;
  height:32px;
  padding:0 30px 0 11px;
  border:1px solid #303030;
  border-radius:3px;
  background:#0b0b0b;
  color:#f1f1f1;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
  list-style:none;
  position:relative;
}
#page-calendar .cal-member-filter-trigger::-webkit-details-marker{display:none}
#page-calendar .cal-member-filter-trigger::after{content:'▾';position:absolute;right:10px;color:#8c8c8c;font-size:10px;transition:transform .15s ease}
#page-calendar .cal-member-filter-dropdown[open] .cal-member-filter-trigger::after{transform:rotate(180deg)}
#page-calendar .cal-member-filter-menu{
  position:absolute;
  top:calc(100% + 6px);
  left:0;
  z-index:120;
  display:grid;
  width:230px;
  max-height:280px;
  overflow-y:auto;
  padding:6px;
  border:1px solid #303030;
  border-radius:4px;
  background:#0b0b0b;
  box-shadow:0 14px 38px rgba(0,0,0,.6);
}
#page-calendar .cal-member-filter-option{display:grid;grid-template-columns:16px 8px minmax(0,1fr);align-items:center;gap:8px;min-height:34px;padding:5px 7px;border-radius:3px;color:#e8e8e8;font-size:11px;cursor:pointer}
#page-calendar .cal-member-filter-option:hover{background:#181818}
#page-calendar .cal-member-filter-option input{margin:0;accent-color:var(--dl-accent)}
#page-calendar .cal-member-filter-dot{width:7px;height:7px;border-radius:50%}
#page-calendar .cal-toolbar-filter-cluster .cal-only-mine{
  margin:0;
  padding:0 4px;
}
.cal-mday.sunday{background:rgba(239,68,68,.04)!important}
.cal-mday.saturday{background:rgba(59,130,246,.04)!important}
.cal-week-head-day.sunday,
.cal-week-all-day-cell.sunday,
.cal-week-col.sunday,
.cal-week-col.sunday .cal-wslot{background:rgba(239,68,68,.035)!important}
.cal-week-head-day.saturday,
.cal-week-all-day-cell.saturday,
.cal-week-col.saturday,
.cal-week-col.saturday .cal-wslot{background:rgba(59,130,246,.035)!important}
.cal-event-drag-ghost{
  position:fixed!important;
  z-index:10000!important;
  margin:0!important;
  pointer-events:none!important;
  opacity:.62!important;
  transform:rotate(1deg);
  box-shadow:0 10px 28px rgba(0,0,0,.5)!important;
}
.cal-month-span,
.cal-week-all-day-ev{
  display:flex!important;
  align-items:stretch;
  flex-direction:column;
  gap:2px;
  height:auto;
  min-height:38px;
  padding-top:3px;
  padding-bottom:3px;
  white-space:normal;
}
.cal-event-content{display:flex;min-width:0;width:100%;flex-direction:column;align-items:stretch;gap:2px}
.cal-event-main-text{
  min-width:0;
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.cal-event-member-row{
  display:flex;
  width:100%;
  min-width:0;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:flex-start;
  gap:3px;
  text-align:left;
}
.cal-event-member-badge{
  max-width:100%;
  flex:0 0 auto;
  overflow:visible;
  padding:1px 5px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:3px;
  background:rgba(0,0,0,.28);
  color:#fff;
  font-size:9px;
  font-weight:700;
  line-height:13px;
  text-align:left;
  text-overflow:clip;
  white-space:normal;
  overflow-wrap:anywhere;
}
.cal-week-event-heading{
  display:block;
  min-width:0;
}
.event-member-field{display:grid;gap:6px}
.event-member-field.is-disabled,.ev-popup-member-field.is-disabled{opacity:.58}
.event-member-field-title{color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.event-member-picker{display:flex;min-width:0;max-height:154px;overflow-y:auto;flex-wrap:wrap;gap:6px;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.04)}
.event-member-picker[aria-disabled="true"]{cursor:not-allowed;filter:saturate(.35)}
.event-member-picker[aria-disabled="true"] .event-member-option{cursor:not-allowed}
.event-member-option{display:inline-flex!important;min-width:0;align-items:center;gap:6px;padding:5px 8px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:rgba(255,255,255,.04);color:#fff!important;font-size:11px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;cursor:pointer}
.event-member-option:has(input:checked){border-color:var(--dl-accent);background:rgba(0,153,255,.14)}
.event-member-option input{width:14px!important;height:14px!important;margin:0;padding:0!important;accent-color:var(--dl-accent)}
.event-member-option span{min-width:0;overflow-wrap:anywhere}
.event-member-hint{color:var(--muted);font-size:10px;line-height:1.45}
.ev-popup-member-field{display:grid;gap:5px}
.ev-popup-member-title{color:#aaa;font-size:10px;font-weight:700}
.ev-popup-member-field .event-member-picker{max-height:116px;padding:6px;border-radius:3px;background:#0b0b0b}
.ev-popup-member-field .event-member-option{padding:4px 6px;border-radius:3px}
.ev-popup-owner{
  margin-bottom:10px;
  color:#999;
  font-size:11px;
}
.ev-popup-settings{display:grid;gap:10px}
.ev-popup-settings .ev-announcement-toggle{display:flex;margin:0}
.ev-popup-settings .ev-announcement-toggle input{width:14px;height:14px;padding:0}
.ev-popup-settings label{
  display:grid;
  gap:5px;
  color:#aaa;
  font-size:10px;
  font-weight:700;
}
.ev-popup-settings input,
.ev-popup-settings select{
  width:100%;
  min-width:0;
  height:34px;
  padding:0 8px;
  border:1px solid #303030;
  border-radius:3px;
  background:#0b0b0b;
  color:#fff;
  font:500 12px/1 inherit;
}
.ev-popup-field-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ev-popup-error{min-height:14px;color:#ff8aa0;font-size:10px}
.ev-popup-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.ev-popup-actions button{height:34px;border-radius:3px;font-size:12px;font-weight:700;cursor:pointer}
.ev-popup-actions button:only-child{grid-column:1 / -1}
.ev-popup-color-options{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0 1px}
.ev-popup-color-options .cdot{width:26px;height:26px;flex:0 0 26px}
.ev-popup-save{border:0;background:var(--dl-accent);color:#090909}
.ev-popup-delete{border:1px solid #5a2029;background:#251015;color:#ff8aa0}
.ev-popup-readonly{padding-top:10px;border-top:1px solid #262626;color:#999;font-size:11px;line-height:1.5}
@media(max-width:700px){
  #page-calendar .cal-toolbar{
    flex:0 0 72px;
    height:72px;
    min-height:72px;
    max-height:72px;
  }
  #page-calendar .cal-toolbar-filter-cluster{
    align-items:flex-start;
    flex-wrap:nowrap;
    gap:6px;
  }
  #page-calendar .cal-toolbar-filter-cluster .cal-members{
    max-height:none;
    flex-direction:row;
    overflow:visible;
  }
}

/* Account settings entry sits directly beside the signed-in account label. */
#app>.sidebar .account-settings-button{
  grid-column:2;
  grid-row:1;
  align-self:center;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  padding:0;
  border:1px solid #303030;
  border-radius:3px;
  background:#111;
  color:#bdbdbd;
  cursor:pointer;
  transition:border-color .15s ease,color .15s ease,background .15s ease;
}
#app>.sidebar .account-settings-button:hover{border-color:#4b4b4b;background:#181818;color:#fff}
#app>.sidebar .account-settings-button:focus-visible{outline:2px solid var(--dl-accent);outline-offset:2px}
#app>.sidebar .account-settings-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}

.external-read-only-badge{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:0 10px;
  border:1px solid rgba(216,255,62,.38);
  border-radius:999px;
  background:rgba(216,255,62,.1);
  color:var(--dl-accent,#d8ff3e);
  font-size:11px;
  font-weight:800;
  letter-spacing:.02em;
  white-space:nowrap;
}
.external-read-only-badge[hidden]{display:none!important}
body.external-read-only #nav-admin,
body.external-read-only #account-settings-button,
body.external-read-only #mm-fab,
body.external-read-only #mm-palette,
body.external-read-only .mm-group-toolbar,
body.external-read-only .node-name-edit-btn,
body.external-read-only .pj-settings-btn,
body.external-read-only button[onclick*="openM('m-addproj')"],
body.external-read-only .documents-actions,
body.external-read-only .documents-delete-button,
body.external-read-only .documents-editor-toolbar,
body.external-read-only .documents-upload-button,
body.external-read-only #np-dz,
body.external-read-only #np-board-actions,
body.external-read-only #m-addproj .btn.bp,
body.external-read-only #m-addnode .btn.bp,
body.external-read-only #m-addvideo .btn.bp,
body.external-read-only #m-addEvent .btn.bp,
body.external-read-only #m-project-settings .btn.bp,
body.external-read-only #m-project-settings .project-settings-danger,
body.external-read-only .ev-popup-save,
body.external-read-only .ev-popup-delete{display:none!important}
body.external-read-only #documents-editor-surface{cursor:default}
.account-settings-overlay{z-index:12000}
.account-settings-modal{width:390px!important;border-radius:4px!important;background:#111!important}
.account-settings-error{min-height:18px;margin-top:7px;color:#ff8aa0;font-size:11px}
.account-settings-modal #account-nickname-input{width:100%;height:38px;border:1px solid #303030;border-radius:3px;background:#0b0b0b;color:#fff;padding:0 10px;font:500 13px/1 inherit}
.account-settings-modal #account-settings-save:disabled{cursor:wait;opacity:.55}
@media(max-width:700px){
  #app>.sidebar .sfooter{grid-template-columns:minmax(0,1fr) 34px 108px}
  #app>.sidebar .sfooter>div:has(.logoutbtn){grid-column:3}
}