/* @bulk:start kits/dashboard-kit/dashboard.css/shell ui Dashboard Shell */
/* @use Provides: responsive RTL dashboard shell and navigation */
/* @use Requires: ui-kit, MAS theme variables */
.paas-login {
  display: grid;
  place-items: center;
  min-height: 100vh;
  padding: var(--mas-space-5);
}

.paas-login__card {
  width: min(100%, 30rem);
}

.paas-brand {
  display: flex;
  align-items: center;
  gap: var(--mas-space-3);
}

.paas-brand__mark {
  display: grid;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: var(--mas-radius-md);
  background: var(--mas-primary-soft);
  color: var(--mas-primary);
  font-size: var(--mas-font-size-xl);
}

.paas-brand h1,
.paas-brand p {
  margin: 0;
}

.paas-shell {
  min-height: 100vh;
}

.paas-topbar {
  position: sticky;
  z-index: var(--mas-z-sticky);
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--mas-space-4);
  padding: var(--mas-space-3) clamp(var(--mas-space-4), 4vw, var(--mas-space-7));
  border-bottom: 1px solid var(--mas-border);
  background: var(--mas-surface);
  box-shadow: var(--mas-shadow-sm);
}

.paas-layout {
  display: grid;
  grid-template-columns: 15rem minmax(0, 1fr);
  min-height: calc(100vh - 4.5rem);
}

.paas-nav {
  padding: var(--mas-space-5) var(--mas-space-3);
  border-inline-end: 1px solid var(--mas-border);
  background: var(--mas-surface);
}

.paas-nav__list {
  display: grid;
  gap: var(--mas-space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.paas-nav__button {
  display: flex;
  align-items: center;
  width: 100%;
  gap: var(--mas-space-3);
  padding: var(--mas-space-3) var(--mas-space-4);
  border: 1px solid var(--mas-surface);
  border-radius: var(--mas-radius-md);
  background: var(--mas-surface);
  color: var(--mas-text-muted);
  text-align: start;
  cursor: pointer;
}

.paas-nav__button[aria-current="page"] {
  border-color: var(--mas-primary-soft);
  background: var(--mas-primary-soft);
  color: var(--mas-primary);
  font-weight: var(--mas-font-weight-semibold);
}

.paas-main {
  min-width: 0;
  padding: clamp(var(--mas-space-4), 4vw, var(--mas-space-7));
}

.paas-screen {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--mas-space-5);
  max-width: 82rem;
  margin-inline: auto;
}

.paas-screen__head h2,
.paas-screen__head p {
  margin-block: 0 var(--mas-space-2);
}
/* @bulk:end */

/* @bulk:start kits/dashboard-kit/dashboard.css/content ui Dashboard Content */
/* @use Provides: stats, workflow steps, reports, registry tables */
/* @use Requires: dashboard shell, ui-kit, MAS theme variables */
.paas-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--mas-space-4);
}

.paas-stat {
  display: grid;
  gap: var(--mas-space-2);
  padding: var(--mas-space-4);
  border: 1px solid var(--mas-border);
  border-radius: var(--mas-radius-lg);
  background: var(--mas-surface);
}

.paas-stat strong {
  font-size: var(--mas-font-size-2xl);
}

.paas-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--mas-space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.paas-step {
  padding: var(--mas-space-3);
  border: 1px solid var(--mas-border);
  border-radius: var(--mas-radius-md);
  background: var(--mas-surface-muted);
  color: var(--mas-text-muted);
  text-align: center;
}

.paas-step[data-active="true"] {
  border-color: var(--mas-primary);
  background: var(--mas-primary-soft);
  color: var(--mas-primary);
}

.paas-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--mas-space-5);
  align-items: start;
}
/* @bulk:end */

/* @bulk:start kits/dashboard-kit/dashboard.css/registry ui Dashboard Registry and Responsive States */
/* @use Provides: dropzone, reports, tables, responsive dashboard layout */
/* @use Requires: dashboard content, ui-kit, MAS theme variables */
.paas-dropzone {
  display: grid;
  place-items: center;
  gap: var(--mas-space-3);
  min-height: 12rem;
  padding: var(--mas-space-5);
  border: 2px dashed var(--mas-border-strong);
  border-radius: var(--mas-radius-lg);
  background: var(--mas-surface-muted);
  text-align: center;
}

.paas-report {
  display: grid;
  gap: var(--mas-space-2);
}

.paas-report__row {
  display: grid;
  grid-template-columns: auto minmax(8rem, .5fr) minmax(12rem, 1fr);
  gap: var(--mas-space-3);
  align-items: start;
  padding: var(--mas-space-3);
  border: 1px solid var(--mas-border);
  border-radius: var(--mas-radius-md);
}

.paas-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--mas-space-2);
  margin-bottom: var(--mas-space-4);
}

.paas-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--mas-border);
  border-radius: var(--mas-radius-md);
}

.paas-table {
  width: 100%;
  border-collapse: collapse;
  background: var(--mas-surface);
}

.paas-table th,
.paas-table td {
  padding: var(--mas-space-3) var(--mas-space-4);
  border-bottom: 1px solid var(--mas-border);
  text-align: start;
  white-space: nowrap;
}

.paas-table th {
  background: var(--mas-surface-muted);
  color: var(--mas-text-muted);
  font-size: var(--mas-font-size-sm);
}

.paas-empty {
  padding: var(--mas-space-7) !important;
  color: var(--mas-text-muted);
  text-align: center !important;
}

@media (max-width: 62rem) {
  .paas-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .paas-nav {
    position: sticky;
    z-index: var(--mas-z-sticky);
    top: 4.5rem;
    overflow-x: auto;
    padding: var(--mas-space-2) var(--mas-space-4);
    border-inline-end: 0;
    border-bottom: 1px solid var(--mas-border);
  }

  .paas-nav__list {
    display: flex;
  }

  .paas-nav__button {
    white-space: nowrap;
  }

  .paas-split {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 44rem) {
  .paas-topbar .paas-brand p {
    display: none;
  }

  .paas-stats,
  .paas-steps {
    grid-template-columns: minmax(0, 1fr);
  }

  .paas-report__row {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .paas-report__row small {
    grid-column: 1 / -1;
  }
}
/* @bulk:end */