/* Leet Drive web: the spreadsheet editor window */
.sx{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;background:var(--bg)}
.sx-bar{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--panel);min-height:56px}
.sx-mid{flex:1;min-width:0}
.sx-name{font-weight:600;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-state{font-size:12.5px;color:var(--faint)}
.sx-state.bad{color:var(--bad)}
.sx-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line2);background:var(--card);border-radius:99px;padding:8px 14px;font-weight:500;font-size:14px;white-space:nowrap}
.sx-btn:hover{background:var(--card2)}
.sx-btn[disabled]{opacity:.55;cursor:default}
.sx-btn.sx-pri{background:var(--acc);color:var(--accfg);border-color:transparent;font-weight:600}
.sx-back{padding:8px;border-color:transparent;background:transparent}
.sx-i{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sx-body{flex:1;min-height:0;position:relative}
.sx-host{position:absolute;inset:0}
.sx-open body{overflow:hidden}
@media (max-width:640px){
  .sx-bar{gap:6px;padding:6px 8px}
  .sx-btn span{display:none}
  .sx-btn{padding:9px}
  .sx-btn.sx-pri span{display:inline;font-size:13px}
  .sx-btn.sx-pri{padding:9px 12px}
}