/* DrBestand 0.76.0 — canonical semantic statuses and view states. */
:root{
  --system-ui-neutral-border:#c9d7e2;
  --system-ui-neutral-bg:#f6f9fb;
  --system-ui-neutral-text:#456074;
  --system-ui-info-border:#a9cce8;
  --system-ui-info-bg:#eef7ff;
  --system-ui-info-text:#1d5f87;
  --system-ui-success-border:#9bd5c2;
  --system-ui-success-bg:#edf9f5;
  --system-ui-success-text:#08705d;
  --system-ui-warning-border:#e6ca8a;
  --system-ui-warning-bg:#fff9e9;
  --system-ui-warning-text:#7d5909;
  --system-ui-danger-border:#e1aaa5;
  --system-ui-danger-bg:#fff4f3;
  --system-ui-danger-text:#9b342e;
  --system-ui-blocked-border:#b8c4ce;
  --system-ui-blocked-bg:#eef2f5;
  --system-ui-blocked-text:#35495a;
}

.system-status{
  display:inline-flex;
  align-items:center;
  gap:5px;
  max-width:100%;
  min-height:25px;
  padding:3px 8px;
  border:1px solid var(--system-ui-neutral-border);
  border-radius:999px;
  background:var(--system-ui-neutral-bg);
  color:var(--system-ui-neutral-text);
  font-size:11px;
  font-weight:850;
  line-height:1.25;
  vertical-align:middle;
}
.system-status__icon-wrap{display:inline-grid;place-items:center;flex:0 0 auto}
.system-status__icon{width:13px;height:13px;stroke-width:2.3}
.system-status__label{min-width:0;overflow-wrap:anywhere}
.system-status--info{border-color:var(--system-ui-info-border);background:var(--system-ui-info-bg);color:var(--system-ui-info-text)}
.system-status--success{border-color:var(--system-ui-success-border);background:var(--system-ui-success-bg);color:var(--system-ui-success-text)}
.system-status--warning{border-color:var(--system-ui-warning-border);background:var(--system-ui-warning-bg);color:var(--system-ui-warning-text)}
.system-status--danger{border-color:var(--system-ui-danger-border);background:var(--system-ui-danger-bg);color:var(--system-ui-danger-text)}
.system-status--blocked{border-color:var(--system-ui-blocked-border);background:var(--system-ui-blocked-bg);color:var(--system-ui-blocked-text)}

.system-view-state{
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  width:100%;
  margin:8px 0;
  padding:16px;
  border:1px dashed var(--system-ui-neutral-border);
  border-radius:13px;
  background:var(--system-ui-neutral-bg);
  color:var(--erp-ui-text,var(--text,#082c58));
  text-align:left;
}
.system-view-state[hidden],
.system-view-state-layer[hidden],
.system-view-state__action[hidden]{display:none!important}
.system-view-state__icon{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  border:1px solid currentColor;
  border-radius:12px;
  background:#fff;
  color:var(--system-ui-neutral-text);
}
.system-view-state__icon-svg{width:22px;height:22px;stroke-width:2.2}
.system-view-state__copy{min-width:0}
.system-view-state__copy strong{display:block;margin:0 0 3px;font-size:14px;line-height:1.3}
.system-view-state__copy p{margin:0;color:var(--erp-ui-muted,var(--muted,#607487));font-size:12px;line-height:1.5}
.system-view-state__action{align-self:center;white-space:nowrap}
.system-view-state__action-icon{width:16px;height:16px}
.system-view-state--tone-info{border-color:var(--system-ui-info-border);background:var(--system-ui-info-bg)}
.system-view-state--tone-info .system-view-state__icon{color:var(--system-ui-info-text)}
.system-view-state--tone-success{border-color:var(--system-ui-success-border);background:var(--system-ui-success-bg)}
.system-view-state--tone-success .system-view-state__icon{color:var(--system-ui-success-text)}
.system-view-state--tone-warning{border-color:var(--system-ui-warning-border);background:var(--system-ui-warning-bg)}
.system-view-state--tone-warning .system-view-state__icon{color:var(--system-ui-warning-text)}
.system-view-state--tone-danger{border-color:var(--system-ui-danger-border);background:var(--system-ui-danger-bg)}
.system-view-state--tone-danger .system-view-state__icon{color:var(--system-ui-danger-text)}
.system-view-state--tone-blocked{border-color:var(--system-ui-blocked-border);background:var(--system-ui-blocked-bg)}
.system-view-state--tone-blocked .system-view-state__icon{color:var(--system-ui-blocked-text)}
.system-view-state-row>td{padding:12px!important;background:#fff!important}
.system-view-state-row:hover>td{background:#fff!important}

.system-view-state-layer{
  position:fixed;
  z-index:190;
  inset:0;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(4,29,61,.22);
  backdrop-filter:blur(2px);
}
.system-view-state-layer>.system-view-state{
  width:min(460px,calc(100vw - 32px));
  margin:0;
  border-style:solid;
  background:#fff;
  box-shadow:0 20px 55px rgba(4,29,61,.24);
}
.system-view-state--loading .system-view-state__icon-svg{animation:system-view-state-spin 1s linear infinite}
@keyframes system-view-state-spin{to{transform:rotate(360deg)}}

@media(max-width:760px){
  .system-view-state{grid-template-columns:42px minmax(0,1fr)}
  .system-view-state__icon{width:42px;height:42px}
  .system-view-state__action{grid-column:1/-1;width:100%}
}
@media(prefers-reduced-motion:reduce){.system-view-state--loading .system-view-state__icon-svg{animation:none}}