/* [project]/app/workspace/workspace.css [app-client] (css) */
.ws-app {
  --ws-blue: #246ff0;
  --ws-bg: #f3f5f7;
  --ws-ink: #14181e;
  --ws-muted: #687382;
  --ws-border: #dfe3e8;
  background: var(--ws-bg);
  min-height: 100vh;
  color: var(--ws-ink);
  font-family: var(--font-geist-sans),sans-serif;
}

.ws-app * {
  box-sizing: border-box;
}

.ws-sidebar {
  z-index: 60;
  color: #e9edf2;
  background: #0b0f14;
  border-right: 1px solid #20262e;
  flex-direction: column;
  width: 248px;
  display: flex;
  position: fixed;
  inset: 0 auto 0 0;
}

.ws-logo {
  letter-spacing: .18em;
  border-bottom: 1px solid #20262e;
  align-items: center;
  gap: 11px;
  height: 72px;
  padding: 0 25px;
  display: flex;
}

.ws-logo strong {
  font-size: 15px;
}

.ws-logo small {
  color: #397fe8;
  font: 700 9px var(--font-geist-mono);
  letter-spacing: .12em;
  margin-left: auto;
}

.ws-logo-mark {
  width: 24px;
  height: 21px;
  position: relative;
  transform: skewX(-18deg);
}

.ws-logo-mark i {
  background: #2b7df5;
  width: 6px;
  height: 20px;
  position: absolute;
}

.ws-logo-mark i:last-child {
  background: #eef3f8;
  height: 13px;
  top: 7px;
  left: 11px;
}

.ws-sidebar-close {
  color: #adb6c2;
  background: none;
  border: 0;
  display: none;
  position: absolute;
  top: 18px;
  right: 12px;
}

.ws-workspace-switch {
  background: #11171e;
  border: 1px solid #272e37;
  align-items: center;
  gap: 10px;
  margin: 18px 14px;
  padding: 11px;
  display: flex;
}

.ws-workspace-switch > span, .ws-avatar {
  color: #fff;
  background: #1e64c9;
  border-radius: 3px;
  place-items: center;
  width: 31px;
  height: 31px;
  font-size: 10px;
  font-weight: 700;
  display: grid;
}

.ws-workspace-switch p {
  flex: 1;
  gap: 3px;
  margin: 0;
  display: grid;
}

.ws-workspace-switch strong {
  font-size: 11px;
  font-weight: 560;
}

.ws-workspace-switch small {
  color: #717d8b;
  font-size: 8px;
}

.ws-nav {
  gap: 3px;
  padding: 4px 12px;
  display: grid;
}

.ws-nav-label {
  color: #566270;
  text-transform: uppercase;
  font: 600 7px var(--font-geist-mono);
  letter-spacing: .13em;
  padding: 12px 11px 8px;
}

.ws-nav-spacer {
  border-top: 1px solid #20262e;
  margin-top: 14px;
  padding-top: 21px;
}

.ws-nav button {
  color: #8e99a7;
  text-align: left;
  background: none;
  border: 0;
  border-radius: 3px;
  align-items: center;
  gap: 12px;
  height: 41px;
  padding: 0 11px;
  font-size: 11px;
  display: flex;
}

.ws-nav button:hover {
  color: #fff;
  background: #141a21;
}

.ws-nav button.active {
  color: #fff;
  background: #182333;
}

.ws-nav button.active svg {
  color: #4890ff;
}

.ws-nav button small {
  color: #fff;
  text-align: center;
  background: #246ff0;
  border-radius: 8px;
  min-width: 19px;
  margin-left: auto;
  padding: 3px;
  font-size: 7px;
}

.ws-sidebar-footer {
  color: #6d7885;
  border-top: 1px solid #242b34;
  align-items: center;
  gap: 10px;
  margin: auto 14px 17px;
  padding: 14px 10px;
  display: flex;
}

.ws-sidebar-footer p {
  gap: 3px;
  margin: 0;
  display: grid;
}

.ws-sidebar-footer strong {
  color: #9ba5b1;
  font-size: 9px;
}

.ws-sidebar-footer span {
  font-size: 8px;
}

.ws-main {
  min-height: 100vh;
  margin-left: 248px;
}

.ws-topbar {
  border-bottom: 1px solid var(--ws-border);
  z-index: 40;
  background: #fff;
  align-items: center;
  height: 72px;
  padding: 0 34px;
  display: flex;
  position: sticky;
  top: 0;
}

.ws-menu {
  color: #29313a;
  background: none;
  border: 0;
  display: none;
}

.ws-breadcrumb {
  align-items: center;
  gap: 10px;
  font-size: 10px;
  display: flex;
}

.ws-breadcrumb span, .ws-breadcrumb i {
  color: #9aa2ac;
}

.ws-breadcrumb strong {
  font-weight: 550;
}

.ws-top-actions {
  align-items: center;
  gap: 10px;
  margin-left: auto;
  display: flex;
}

.ws-view-site {
  border: 1px solid var(--ws-border);
  color: #48525e;
  align-items: center;
  gap: 7px;
  height: 35px;
  padding: 0 11px;
  font-size: 9px;
  display: inline-flex;
}

.ws-icon-button {
  border: 1px solid var(--ws-border);
  color: #64707d;
  background: #fff;
  place-items: center;
  width: 35px;
  height: 35px;
  display: grid;
}

.ws-avatar {
  margin-left: 4px;
}

.ws-content {
  width: min(1380px, 100% - 70px);
  margin: 0 auto;
  padding: 45px 0 80px;
}

.ws-page-heading {
  justify-content: space-between;
  align-items: flex-end;
  gap: 30px;
  margin-bottom: 32px;
  display: flex;
}

.ws-overline {
  color: #2871de;
  text-transform: uppercase;
  font: 650 8px var(--font-geist-mono);
  letter-spacing: .14em;
}

.ws-page-heading h1 {
  letter-spacing: -.04em;
  margin: 10px 0 5px;
  font-size: 32px;
  font-weight: 560;
}

.ws-page-heading p {
  color: var(--ws-muted);
  margin: 0;
  font-size: 12px;
}

.ws-primary, .ws-secondary {
  text-transform: uppercase;
  min-height: 39px;
  font: 650 8px var(--font-geist-mono);
  letter-spacing: .08em;
  border: 1px solid #0000;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 15px;
  display: inline-flex;
}

.ws-primary {
  background: var(--ws-blue);
  color: #fff;
}

.ws-primary:hover {
  background: #1762d6;
}

.ws-secondary {
  border-color: var(--ws-border);
  color: #28313b;
  background: #fff;
}

.ws-danger {
  color: #a63f3f;
  background: #fff5f5;
  border: 1px solid #e7bcbc;
  padding: 10px 12px;
  font-size: 9px;
}

.ws-notice {
  background: #e8f1ff;
  border: 1px solid #c9dcfa;
  align-items: center;
  gap: 14px;
  min-height: 72px;
  margin-bottom: 20px;
  padding: 15px 19px;
  display: flex;
}

.ws-notice > span {
  color: #2b72dd;
  background: #fff;
  place-items: center;
  width: 38px;
  height: 38px;
  display: grid;
}

.ws-notice p {
  flex: 1;
  gap: 5px;
  margin: 0;
  display: grid;
}

.ws-notice strong {
  font-size: 11px;
}

.ws-notice small {
  color: #627186;
  font-size: 9px;
}

.ws-notice button, .ws-panel-head button {
  color: #175fc7;
  background: none;
  border: 0;
  align-items: center;
  gap: 7px;
  font-size: 9px;
  display: flex;
}

.ws-stat-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  display: grid;
}

.ws-stat, .ws-panel {
  border: 1px solid var(--ws-border);
  background: #fff;
}

.ws-stat {
  align-items: center;
  gap: 15px;
  min-height: 116px;
  padding: 21px;
  display: flex;
}

.ws-stat > span {
  color: #286fd8;
  background: #eef3f8;
  place-items: center;
  width: 38px;
  height: 38px;
  display: grid;
}

.ws-stat div {
  gap: 3px;
  display: grid;
}

.ws-stat strong {
  font-size: 24px;
  font-weight: 530;
}

.ws-stat p {
  color: #4c5763;
  margin: 0;
  font-size: 10px;
}

.ws-stat small {
  color: #9099a4;
  align-self: flex-start;
  margin-left: auto;
  font-size: 8px;
}

.ws-dashboard-grid {
  grid-template-columns: 1.5fr .8fr;
  gap: 14px;
  margin-top: 14px;
  display: grid;
}

.ws-panel {
  padding: 24px;
}

.ws-panel-head {
  border-bottom: 1px solid #e8ebee;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  padding-bottom: 20px;
  display: flex;
}

.ws-panel-head h2, .ws-architecture h2, .ws-settings-grid h2 {
  letter-spacing: -.02em;
  margin: 7px 0 0;
  font-size: 17px;
  font-weight: 560;
}

.ws-empty {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 285px;
  padding: 40px;
  display: flex;
}

.ws-empty > span {
  color: #52718f;
  background: #f0f4f8;
  border-radius: 50%;
  place-items: center;
  width: 51px;
  height: 51px;
  display: grid;
}

.ws-empty h3 {
  margin: 18px 0 8px;
  font-size: 16px;
  font-weight: 550;
}

.ws-empty p {
  color: #79838f;
  max-width: 450px;
  margin: 0 0 20px;
  font-size: 10px;
  line-height: 1.65;
}

.ws-pipeline-columns {
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  padding-top: 18px;
  display: grid;
}

.ws-pipeline-columns > div {
  background: #f6f7f9;
  min-height: 245px;
  padding: 10px;
}

.ws-pipeline-columns h3 {
  text-transform: capitalize;
  align-items: center;
  gap: 7px;
  margin: 0 0 10px;
  font-size: 9px;
  display: flex;
}

.ws-pipeline-columns h3 span {
  color: #8d97a2;
  margin-left: auto;
}

.ws-dot {
  background: #8d97a2;
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.ws-dot-review {
  background: #dda21f;
}

.ws-dot-active {
  background: #31a46b;
}

.ws-pipeline-columns article {
  background: #fff;
  border: 1px solid #e1e5e9;
  gap: 5px;
  margin-bottom: 7px;
  padding: 11px;
  display: grid;
}

.ws-pipeline-columns article strong {
  font-size: 9px;
}

.ws-pipeline-columns article small {
  color: #77828e;
  text-transform: capitalize;
  font-size: 7px;
}

.ws-progress-number {
  color: #2871de;
  font-size: 17px;
}

.ws-progress {
  background: #e9edf1;
  height: 4px;
  margin: 18px 0;
}

.ws-progress span {
  background: #2871de;
  height: 100%;
  transition: width .3s;
  display: block;
}

.ws-check-item {
  border-bottom: 1px solid #edf0f2;
  align-items: center;
  gap: 12px;
  padding: 13px 0;
  display: flex;
}

.ws-check-item > span {
  color: #818b96;
  border: 1px solid #d9dee4;
  border-radius: 50%;
  place-items: center;
  width: 25px;
  height: 25px;
  font-size: 8px;
  display: grid;
}

.ws-check-item > span.done {
  color: #248455;
  background: #e5f5ec;
  border-color: #b9e1ca;
}

.ws-check-item p {
  gap: 4px;
  margin: 0;
  display: grid;
}

.ws-check-item strong {
  font-size: 9px;
}

.ws-check-item small {
  color: #818b96;
  font-size: 8px;
}

.ws-architecture {
  justify-content: space-between;
  align-items: center;
  gap: 35px;
  margin-top: 14px;
  display: flex;
}

.ws-architecture p {
  color: #75808b;
  max-width: 620px;
  margin: 10px 0 0;
  font-size: 10px;
  line-height: 1.6;
}

.ws-flow {
  align-items: center;
  gap: 11px;
  display: flex;
}

.ws-flow span {
  font: 600 7px var(--font-geist-mono);
  text-transform: uppercase;
  border: 1px solid #dfe4e9;
  padding: 10px 12px;
}

.ws-flow span.active {
  color: #2365c4;
  background: #eff6ff;
  border-color: #8bb7f5;
}

.ws-flow i {
  color: #a0a8b2;
}

.ws-table-panel {
  padding: 0;
}

.ws-table-tools {
  border-bottom: 1px solid var(--ws-border);
  gap: 10px;
  padding: 16px 19px;
  display: flex;
}

.ws-table-tools label {
  border: 1px solid var(--ws-border);
  align-items: center;
  gap: 9px;
  width: min(360px, 50%);
  height: 38px;
  padding: 0 12px;
  display: flex;
}

.ws-table-tools input {
  border: 0;
  outline: 0;
  width: 100%;
  font-size: 10px;
}

.ws-table-tools select {
  border: 1px solid var(--ws-border);
  color: #56616d;
  background: #fff;
  margin-left: auto;
  padding: 0 12px;
  font-size: 9px;
}

.ws-table-wrap {
  overflow-x: auto;
}

.ws-table-wrap table {
  border-collapse: collapse;
  width: 100%;
  min-width: 790px;
}

.ws-table-wrap th {
  text-align: left;
  border-bottom: 1px solid var(--ws-border);
  color: #7d8792;
  text-transform: uppercase;
  font: 600 7px var(--font-geist-mono);
  letter-spacing: .08em;
  background: #f7f8f9;
  padding: 12px 18px;
}

.ws-table-wrap td {
  color: #4e5965;
  border-bottom: 1px solid #eceff2;
  padding: 15px 18px;
  font-size: 9px;
}

.ws-table-wrap td strong, .ws-table-wrap td small, .ws-table-wrap td > span {
  display: block;
}

.ws-table-wrap td strong {
  color: #151b22;
  margin-bottom: 4px;
  font-size: 10px;
}

.ws-table-wrap td small {
  color: #929ba5;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 290px;
  font-size: 7px;
  overflow: hidden;
}

.ws-capitalize {
  text-transform: capitalize;
}

.ws-delete {
  color: #a1a9b2;
  background: none;
  border: 1px solid #0000;
  place-items: center;
  width: 31px;
  height: 31px;
  display: grid;
}

.ws-delete:hover {
  color: #b64242;
  background: #fff6f6;
  border-color: #edc9c9;
}

.ws-badge {
  color: #66717d;
  text-transform: capitalize;
  width: max-content;
  font: 600 7px var(--font-geist-mono);
  background: #edf0f3;
  border-radius: 10px;
  padding: 5px 8px;
  display: inline-flex !important;
}

.ws-badge-active, .ws-badge-published {
  color: #257a4e;
  background: #e4f4eb;
}

.ws-badge-lead {
  color: #2a65ba;
  background: #e9f1fd;
}

.ws-badge-review {
  color: #94670e;
  background: #fff2d8;
}

.ws-badge-paused {
  color: #66509c;
  background: #eeeaf9;
}

.ws-badge-closed {
  color: #8d4f4f;
  background: #f1e8e8;
}

.ws-card-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  display: grid;
}

.ws-entity-card {
  border: 1px solid var(--ws-border);
  background: #fff;
  padding: 21px;
}

.ws-brand-placeholder {
  color: #6598d9;
  letter-spacing: -.08em;
  background: linear-gradient(135deg, #111923, #253549);
  place-items: center;
  height: 155px;
  margin: -21px -21px 20px;
  font-size: 45px;
  font-weight: 750;
  display: grid;
}

.ws-entity-meta {
  color: #828d99;
  justify-content: space-between;
  align-items: center;
  font-size: 8px;
  display: flex;
}

.ws-entity-card h2 {
  margin: 20px 0 9px;
  font-size: 18px;
}

.ws-entity-card > p {
  color: #737e89;
  min-height: 45px;
  font-size: 9px;
  line-height: 1.6;
}

.ws-entity-card footer {
  color: #68737e;
  border-top: 1px solid #e7eaed;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  padding-top: 14px;
  font-size: 8px;
  display: flex;
}

.ws-settings-grid {
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  display: grid;
}

.ws-setting-row {
  border-bottom: 1px solid #e8ebee;
  align-items: center;
  gap: 13px;
  padding: 17px 0;
  display: flex;
}

.ws-setting-row > span:first-child {
  color: #2f71d0;
  background: #edf4fe;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
}

.ws-setting-row p {
  flex: 1;
  gap: 4px;
  margin: 0;
  display: grid;
}

.ws-setting-row strong {
  font-size: 10px;
}

.ws-setting-row small {
  color: #83909c;
  font-size: 8px;
}

.ws-setting-row > svg {
  color: #29905d;
}

.ws-setting-row.muted {
  opacity: .65;
}

.ws-warning {
  background: #fff8e8;
  border: 1px solid #f1dfb5;
  margin: 22px 0;
  padding: 14px;
}

.ws-warning strong {
  color: #845f12;
  font-size: 9px;
}

.ws-warning p {
  color: #88764f;
  margin: 6px 0 0;
  font-size: 8px;
  line-height: 1.55;
}

.ws-roadmap {
  border-bottom: 1px solid #e8ebee;
  gap: 15px;
  padding: 15px 0;
  display: flex;
}

.ws-roadmap > span {
  color: #3677d5;
  font: 600 8px var(--font-geist-mono);
}

.ws-roadmap p {
  gap: 5px;
  margin: 0;
  display: grid;
}

.ws-roadmap strong {
  font-size: 10px;
}

.ws-roadmap small {
  color: #7d8894;
  font-size: 8px;
}

.ws-settings-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  display: flex;
}

.ws-modal-backdrop {
  z-index: 100;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background: #070a0eb3;
  justify-content: flex-end;
  display: flex;
  position: fixed;
  inset: 0;
}

.ws-modal {
  background: #f7f8f9;
  width: min(620px, 100%);
  height: 100%;
  overflow-y: auto;
  box-shadow: -25px 0 70px #00000040;
}

.ws-modal > header {
  border-bottom: 1px solid var(--ws-border);
  background: #fff;
  justify-content: space-between;
  align-items: flex-start;
  padding: 27px 30px;
  display: flex;
}

.ws-modal h2 {
  margin: 8px 0 5px;
  font-size: 22px;
}

.ws-modal header p {
  color: #7a8590;
  margin: 0;
  font-size: 9px;
}

.ws-modal header button {
  color: #65717d;
  background: none;
  border: 0;
}

.ws-modal form {
  padding: 28px 30px;
}

.ws-form-grid {
  grid-template-columns: 1fr 1fr;
  gap: 19px 16px;
  display: grid;
}

.ws-field {
  gap: 7px;
  display: grid;
}

.ws-field-wide {
  grid-column: 1 / -1;
}

.ws-field > span {
  color: #63707c;
  text-transform: uppercase;
  font: 600 7px var(--font-geist-mono);
  letter-spacing: .08em;
}

.ws-field input, .ws-field select, .ws-field textarea {
  color: #1c232b;
  background: #fff;
  border: 1px solid #dbe0e5;
  outline: 0;
  width: 100%;
  padding: 11px 12px;
  font-size: 10px;
}

.ws-field input:focus, .ws-field select:focus, .ws-field textarea:focus {
  border-color: #4d8be4;
  box-shadow: 0 0 0 2px #dbe9fc;
}

.ws-field textarea {
  resize: vertical;
}

.ws-modal form footer {
  border-top: 1px solid #dfe3e7;
  justify-content: flex-end;
  gap: 9px;
  margin-top: 28px;
  padding-top: 20px;
  display: flex;
}

.ws-overlay {
  display: none;
}

.ws-loading {
  color: #aab3be;
  background: #0b0f14;
  place-content: center;
  justify-items: center;
  gap: 12px;
  min-height: 100vh;
  font-size: 10px;
  display: grid;
}

.ws-loading span {
  border: 2px solid #2b3540;
  border-top-color: #2b7df5;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  animation: .7s linear infinite ws-spin;
}

@keyframes ws-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 1050px) {
  .ws-sidebar {
    transition: transform .25s;
    transform: translateX(-100%);
  }

  .ws-sidebar.is-open {
    transform: none;
  }

  .ws-sidebar-close {
    display: block;
  }

  .ws-main {
    margin-left: 0;
  }

  .ws-menu {
    place-items: center;
    margin-right: 14px;
    display: grid;
  }

  .ws-overlay {
    z-index: 50;
    background: #00000073;
    border: 0;
    display: block;
    position: fixed;
    inset: 0;
  }

  .ws-dashboard-grid, .ws-settings-grid {
    grid-template-columns: 1fr;
  }

  .ws-stat-grid, .ws-card-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 680px) {
  .ws-topbar {
    padding: 0 15px;
  }

  .ws-breadcrumb, .ws-view-site:first-of-type, .ws-icon-button {
    display: none;
  }

  .ws-content {
    width: calc(100% - 28px);
    padding-top: 28px;
  }

  .ws-page-heading {
    flex-direction: column;
    align-items: flex-start;
  }

  .ws-page-heading .ws-primary {
    width: 100%;
  }

  .ws-notice {
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .ws-notice p {
    min-width: calc(100% - 60px);
  }

  .ws-notice button {
    margin-left: 52px;
  }

  .ws-stat-grid {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .ws-stat {
    flex-wrap: wrap;
    min-height: 105px;
    padding: 15px;
  }

  .ws-stat small {
    display: none;
  }

  .ws-architecture {
    flex-direction: column;
    align-items: flex-start;
  }

  .ws-flow {
    width: 100%;
    overflow-x: auto;
  }

  .ws-card-grid, .ws-form-grid {
    grid-template-columns: 1fr;
  }

  .ws-field-wide {
    grid-column: auto;
  }

  .ws-modal > header, .ws-modal form {
    padding-left: 20px;
    padding-right: 20px;
  }

  .ws-table-tools label {
    width: 100%;
  }

  .ws-table-tools select {
    max-width: 130px;
  }

  .ws-pipeline-columns, .ws-settings-grid {
    grid-template-columns: 1fr;
  }
}

/*# sourceMappingURL=app_workspace_workspace_087vmph.css.map*/