body {
  margin: 0;
  padding: 0;
  font-family: font-family: "DM Sans", sans-serif; ;
  font-weight: 400;
  font-size: 16px;
  color: #000;
}

.site-logo{height:48px;width:auto;}
.site-header{position:sticky;top:0;z-index:1000;}
.canvas-wrap{overflow:auto;}
.sheet-card{border:1px solid #e9ecef;border-radius:12px;}
.sheet-title{font-weight:600;}
pre{white-space:pre-wrap;}

a { color: #bc7021; }
a:hover { color: #9D5E1D; }

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #bc7021;
  --bs-btn-border-color: #bc7021;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #9D5E1D;
  --bs-btn-hover-border-color: #9D5E1D;
  --bs-btn-focus-shadow-rgb: #9D5E1D;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #9D5E1D;
  --bs-btn-active-border-color: #9d5e1d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #bc7021;
  --bs-btn-disabled-border-color: #bc7021;
}

svg {
  width: 100%;
  height: auto;
}

#erpPreview pre,
#erpPreview,
#erpWPreview pre,
#erpWPreview {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0;
  word-spacing: 0;
  white-space: pre;
  tab-size: 2;
}

.maxwidth {
  max-width: 1700px
}