/* ===== portal.css ===== */
:root {
  --dlwe-black: #161616;
  --dlwe-charcoal: #242424;
  --dlwe-cream: #f5f1ea;
  --dlwe-white: #ffffff;
  --dlwe-champagne: #d3b98d;
  --dlwe-border: #ded6ca;
  --dlwe-muted: #77736c;
  --dlwe-success: #1f6e47;
  --dlwe-error: #9f2d26;
}

.dlwe-auth-shell,
.dlwe-portal-shell,
.dlwe-access-card,
.dlwe-auth-shell *,
.dlwe-portal-shell *,
.dlwe-access-card * {
  box-sizing: border-box;
}

.dlwe-auth-shell {
  min-height: 680px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 50px 20px;
  background:
    radial-gradient(circle at 15% 10%, rgba(211, 185, 141, 0.18), transparent 34%),
    linear-gradient(145deg, #f8f5ef 0%, #eee6da 100%);
}

.dlwe-login-card,
.dlwe-access-card {
  width: min(100%, 460px);
  padding: 42px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid var(--dlwe-border);
  border-radius: 4px;
  box-shadow: 0 24px 65px rgba(22, 22, 22, 0.12);
}

.dlwe-centered-card {
  text-align: center;
}

.dlwe-brand,
.dlwe-sidebar-brand {
  color: var(--dlwe-black);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 34px;
  line-height: 1;
  letter-spacing: 0.18em;
}

.dlwe-brand-subtitle,
.dlwe-sidebar-subtitle {
  margin-top: 8px;
  color: var(--dlwe-muted);
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.dlwe-divider {
  width: 44px;
  height: 1px;
  margin: 25px 0 28px;
  background: var(--dlwe-champagne);
}

.dlwe-login-card h1,
.dlwe-access-card h2,
.dlwe-main h1,
.dlwe-main h2,
.dlwe-main h3 {
  margin-top: 0;
  color: var(--dlwe-black);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
}

.dlwe-login-card h1 {
  margin-bottom: 8px;
  font-size: 30px;
}

.dlwe-muted {
  color: var(--dlwe-muted);
}

.dlwe-alert {
  margin: 20px 0;
  padding: 12px 14px;
  border-radius: 3px;
  font-size: 13px;
  line-height: 1.45;
}

.dlwe-alert-error {
  color: var(--dlwe-error);
  background: #fbefed;
  border: 1px solid #edc8c4;
}

.dlwe-alert-success {
  color: var(--dlwe-success);
  background: #edf7f1;
  border: 1px solid #c7e2d2;
}

.dlwe-field {
  margin-bottom: 18px;
}

.dlwe-field label {
  display: block;
  margin-bottom: 7px;
  color: var(--dlwe-charcoal);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.dlwe-field input {
  width: 100%;
  min-height: 48px;
  padding: 12px 14px;
  color: var(--dlwe-black);
  background: var(--dlwe-white);
  border: 1px solid #cbc2b5;
  border-radius: 3px;
  outline: none;
  font-size: 15px;
}

.dlwe-field input:focus {
  border-color: var(--dlwe-black);
  box-shadow: 0 0 0 3px rgba(22, 22, 22, 0.06);
}

.dlwe-password-wrap {
  position: relative;
}

.dlwe-password-wrap input {
  padding-right: 72px;
}

.dlwe-password-toggle {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  padding: 6px 8px;
  color: var(--dlwe-muted);
  background: transparent;
  border: 0;
  cursor: pointer;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.dlwe-checkbox {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 2px 0 22px;
  color: var(--dlwe-muted);
  font-size: 13px;
}

.dlwe-checkbox input {
  width: 16px;
  height: 16px;
}

.dlwe-primary-button,
.dlwe-secondary-button {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 20px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-decoration: none !important;
  text-transform: uppercase;
  cursor: pointer;
}

.dlwe-primary-button {
  width: 100%;
  color: #fff !important;
  background: var(--dlwe-black);
  border: 1px solid var(--dlwe-black);
}

.dlwe-primary-button:hover {
  color: #fff !important;
  background: #303030;
}

.dlwe-secondary-button {
  color: var(--dlwe-black) !important;
  background: #fff;
  border: 1px solid var(--dlwe-border);
}

.dlwe-button-link {
  margin-top: 10px;
}

.dlwe-forgot-link {
  display: block;
  margin-top: 17px;
  color: var(--dlwe-muted) !important;
  font-size: 12px;
  text-align: center;
  text-decoration: none !important;
}

.dlwe-portal-shell {
  min-height: 760px;
  display: grid;
  grid-template-columns: 245px minmax(0, 1fr);
  background: var(--dlwe-cream);
  border: 1px solid var(--dlwe-border);
  border-radius: 4px;
  overflow: hidden;
}

.dlwe-sidebar {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 32px 24px;
  color: #fff;
  background: var(--dlwe-black);
}

.dlwe-sidebar-brand {
  color: #fff;
  font-size: 27px;
}

.dlwe-sidebar-subtitle {
  color: var(--dlwe-champagne);
}

.dlwe-nav {
  display: grid;
  gap: 5px;
  margin: 46px 0 auto;
}

.dlwe-nav-item {
  width: 100%;
  min-height: 43px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  color: #d9d5cf !important;
  background: transparent;
  border: 0;
  border-radius: 3px;
  font-size: 13px;
  text-align: left;
  text-decoration: none !important;
}

.dlwe-nav-item.is-active {
  color: #fff !important;
  background: rgba(211, 185, 141, 0.17);
}

.dlwe-nav-item:disabled {
  opacity: 0.58;
}

.dlwe-nav-item span {
  color: var(--dlwe-champagne);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.dlwe-logout-link {
  margin-top: 30px;
  color: var(--dlwe-champagne) !important;
  font-size: 12px;
  text-decoration: none !important;
}

.dlwe-main {
  min-width: 0;
  padding: 38px;
}

.dlwe-portal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 30px;
}

.dlwe-eyebrow {
  margin: 0 0 7px;
  color: #8a7148;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.dlwe-portal-header h1 {
  margin-bottom: 8px;
  font-size: 35px;
}

.dlwe-user-chip {
  min-width: 220px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 10px 12px;
  background: #fff;
  border: 1px solid var(--dlwe-border);
  border-radius: 4px;
}

.dlwe-user-avatar {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: var(--dlwe-black);
  border-radius: 50%;
  font-family: Georgia, "Times New Roman", serif;
}

.dlwe-user-chip strong,
.dlwe-user-chip small {
  display: block;
}

.dlwe-user-chip strong {
  color: var(--dlwe-black);
  font-size: 12px;
}

.dlwe-user-chip small {
  margin-top: 3px;
  color: var(--dlwe-muted);
  font-size: 10px;
  word-break: break-word;
}

.dlwe-welcome-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 22px;
  padding: 28px;
  color: #fff;
  background: var(--dlwe-black);
  border-radius: 4px;
}

.dlwe-welcome-panel h2 {
  margin-bottom: 8px;
  color: #fff;
  font-size: 27px;
}

.dlwe-welcome-panel p:last-child {
  margin-bottom: 0;
  color: #cfcac2;
}

.dlwe-status-badge {
  flex: 0 0 auto;
  padding: 8px 11px;
  color: var(--dlwe-black);
  background: var(--dlwe-champagne);
  border-radius: 999px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.dlwe-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.dlwe-feature-card {
  min-height: 205px;
  position: relative;
  padding: 24px;
  background: #fff;
  border: 1px solid var(--dlwe-border);
  border-radius: 4px;
}

.dlwe-card-number {
  margin-bottom: 26px;
  color: var(--dlwe-champagne);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 28px;
}

.dlwe-feature-card h3 {
  margin-bottom: 9px;
  font-size: 21px;
}

.dlwe-feature-card p {
  margin-bottom: 22px;
  color: var(--dlwe-muted);
  font-size: 13px;
  line-height: 1.6;
}

.dlwe-coming-soon {
  position: absolute;
  right: 20px;
  bottom: 18px;
  color: #8a7148;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.dlwe-security-note {
  margin-top: 18px;
  padding: 16px 18px;
  color: #5c554c;
  background: #eee6d8;
  border-left: 3px solid var(--dlwe-champagne);
  font-size: 12px;
  line-height: 1.55;
}

.dlwe-access-card {
  margin: 50px auto;
  text-align: center;
}

@media (max-width: 850px) {
  .dlwe-portal-shell {
    grid-template-columns: 1fr;
  }

  .dlwe-sidebar {
    display: block;
    padding: 23px;
  }

  .dlwe-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 24px 0 18px;
  }

  .dlwe-logout-link {
    display: inline-block;
    margin-top: 0;
  }

  .dlwe-main {
    padding: 25px;
  }

  .dlwe-portal-header {
    display: block;
  }

  .dlwe-user-chip {
    width: 100%;
    margin-top: 18px;
  }
}

@media (max-width: 620px) {
  .dlwe-login-card,
  .dlwe-access-card {
    padding: 29px 22px;
  }

  .dlwe-main {
    padding: 20px 15px;
  }

  .dlwe-welcome-panel {
    display: block;
    padding: 22px;
  }

  .dlwe-status-badge {
    display: inline-block;
    margin-top: 16px;
  }

  .dlwe-card-grid {
    grid-template-columns: 1fr;
  }

  .dlwe-nav {
    grid-template-columns: 1fr;
  }
}

/* Version 1.1: frontend expense form */
.dlwe-panel[hidden] {
  display: none !important;
}

.dlwe-panel.is-active {
  animation: none;
}

@keyframes dlwe-panel-fade {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

.dlwe-feature-card-action {
  cursor: pointer;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.dlwe-feature-card-action:hover,
.dlwe-feature-card-action:focus {
  transform: translateY(-2px);
  border-color: var(--dlwe-black);
  box-shadow: 0 14px 35px rgba(22, 22, 22, 0.08);
  outline: none;
}

.dlwe-form-header {
  align-items: center;
}

.dlwe-compact-button {
  min-height: 40px;
  white-space: nowrap;
}

.dlwe-form-loading {
  min-height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: var(--dlwe-muted);
  background: #fff;
  border: 1px solid var(--dlwe-border);
  border-radius: 4px;
}

.dlwe-spinner {
  width: 26px;
  height: 26px;
  display: inline-block;
  border: 3px solid #ded6ca;
  border-top-color: var(--dlwe-black);
  border-radius: 50%;
  animation: dlwe-spin 0.8s linear infinite;
}

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

.dlwe-portal-form {
  display: grid;
  gap: 17px;
}

.dlwe-form-section {
  padding: 25px;
  background: #fff;
  border: 1px solid var(--dlwe-border);
  border-radius: 4px;
}

.dlwe-form-section-heading {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 22px;
  padding-bottom: 17px;
  border-bottom: 1px solid #ece7df;
}

.dlwe-form-section-heading > span {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--dlwe-black);
  background: #efe5d5;
  border-radius: 50%;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 13px;
}

.dlwe-form-section-heading h2 {
  margin: 0 0 4px;
  font-size: 22px;
}

.dlwe-form-section-heading p {
  margin: 0;
  color: var(--dlwe-muted);
  font-size: 12px;
  line-height: 1.45;
}

.dlwe-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 17px;
}

.dlwe-field-full {
  grid-column: 1 / -1;
}

.dlwe-portal-form .dlwe-field {
  margin: 0;
}

.dlwe-portal-form .dlwe-field label {
  display: block;
  margin-bottom: 7px;
  color: var(--dlwe-charcoal);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.dlwe-portal-form input,
.dlwe-portal-form select,
.dlwe-portal-form textarea {
  width: 100%;
  min-height: 46px;
  padding: 11px 13px;
  color: var(--dlwe-black);
  background: #fff;
  border: 1px solid #cbc2b5;
  border-radius: 3px;
  outline: none;
  font-family: inherit;
  font-size: 14px;
}

.dlwe-portal-form textarea {
  min-height: 120px;
  resize: vertical;
}

.dlwe-portal-form input:focus,
.dlwe-portal-form select:focus,
.dlwe-portal-form textarea:focus {
  border-color: var(--dlwe-black);
  box-shadow: 0 0 0 3px rgba(22, 22, 22, 0.06);
}

.dlwe-portal-form input[readonly],
.dlwe-portal-form input:disabled {
  color: #77736c;
  background: #f3f0eb;
}

.dlwe-required {
  color: var(--dlwe-error);
}

.dlwe-field-note {
  display: block;
  margin-top: 6px;
  color: var(--dlwe-muted);
  font-size: 10px;
  line-height: 1.45;
}

.dlwe-readonly-value {
  min-height: 46px;
  display: flex;
  align-items: center;
  padding: 11px 13px;
  color: var(--dlwe-black);
  background: #f3f0eb;
  border: 1px solid #ded6ca;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 700;
}

.dlwe-readonly-value.is-negative {
  color: var(--dlwe-error);
}

.dlwe-readonly-value.is-positive {
  color: var(--dlwe-success);
}

.dlwe-form-actions {
  position: sticky;
  bottom: 0;
  z-index: 4;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 15px;
  background: rgba(245, 241, 234, 0.96);
  border: 1px solid var(--dlwe-border);
  border-radius: 4px;
  backdrop-filter: blur(8px);
}

.dlwe-form-actions .dlwe-primary-button,
.dlwe-form-actions .dlwe-secondary-button {
  width: auto;
  min-width: 150px;
}

.dlwe-submit-button:disabled {
  cursor: not-allowed;
  opacity: 0.58;
}

@media (max-width: 720px) {
  .dlwe-form-grid {
    grid-template-columns: 1fr;
  }

  .dlwe-field-full {
    grid-column: auto;
  }

  .dlwe-form-section {
    padding: 20px 16px;
  }

  .dlwe-form-header .dlwe-compact-button {
    width: 100%;
    margin-top: 16px;
  }

  .dlwe-form-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .dlwe-form-actions .dlwe-primary-button,
  .dlwe-form-actions .dlwe-secondary-button {
    width: 100%;
  }
}

.dlwe-portal-form[hidden],
.dlwe-form-loading[hidden],
.dlwe-alert[hidden] {
  display: none !important;
}


/* Version 1.3: My Expenses */
.dlwe-header-actions {
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.dlwe-personal-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

.dlwe-personal-summary-card {
  padding: 20px;
  color: #fff;
  background: var(--dlwe-black);
  border-radius: 4px;
}

.dlwe-summary-currency {
  margin-bottom: 13px;
  color: var(--dlwe-champagne);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 22px;
}

.dlwe-personal-summary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.dlwe-personal-summary-item {
  padding: 10px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 3px;
}

.dlwe-personal-summary-item span,
.dlwe-history-metric span {
  display: block;
  color: #aaa49b;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.dlwe-personal-summary-item strong {
  display: block;
  margin-top: 5px;
  color: #fff;
  font-size: 13px;
  word-break: break-word;
}

.dlwe-expense-history-toolbar {
  display: grid;
  grid-template-columns: minmax(220px, 2fr) repeat(3, minmax(140px, 1fr));
  gap: 10px;
  margin-bottom: 10px;
}

.dlwe-expense-history-toolbar input,
.dlwe-expense-history-toolbar select {
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  color: var(--dlwe-black);
  background: #fff;
  border: 1px solid #cbc2b5;
  border-radius: 3px;
  outline: none;
  font-size: 13px;
}

.dlwe-history-count {
  margin: 8px 0 13px;
  color: var(--dlwe-muted);
  font-size: 11px;
}

.dlwe-expense-history-list {
  display: grid;
  gap: 12px;
}

.dlwe-history-card {
  padding: 20px;
  background: #fff;
  border: 1px solid var(--dlwe-border);
  border-radius: 4px;
}

.dlwe-history-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.dlwe-history-id {
  margin-bottom: 5px;
  color: #8a7148;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.dlwe-history-card h3 {
  margin: 0 0 5px;
  font-size: 20px;
}

.dlwe-history-card p {
  margin: 0;
  color: var(--dlwe-muted);
  font-size: 12px;
}

.dlwe-history-pills {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.dlwe-history-pill {
  display: inline-flex;
  padding: 6px 8px;
  border-radius: 999px;
  color: #5e5140;
  background: #efe7db;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
}

.dlwe-history-pill.is-paid,
.dlwe-history-pill.is-approved {
  color: var(--dlwe-success);
  background: #e7f3eb;
}

.dlwe-history-pill.is-rejected,
.dlwe-history-pill.is-cancelled {
  color: var(--dlwe-error);
  background: #fae8e6;
}

.dlwe-history-pill.is-pending,
.dlwe-history-pill.is-pending-approval,
.dlwe-history-pill.is-partially-paid {
  color: #82621f;
  background: #fff2d6;
}

.dlwe-history-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
  margin-top: 16px;
}

.dlwe-history-metric {
  padding: 10px;
  background: #f6f2ec;
  border-radius: 3px;
}

.dlwe-history-metric strong {
  display: block;
  margin-top: 5px;
  color: var(--dlwe-black);
  font-size: 12px;
  word-break: break-word;
}

.dlwe-history-note {
  margin-top: 13px;
  padding: 11px 12px;
  color: #5c554c;
  background: #f2eadf;
  border-left: 3px solid var(--dlwe-champagne);
  font-size: 11px;
  line-height: 1.5;
}

.dlwe-empty-state {
  padding: 34px 20px;
  color: var(--dlwe-muted);
  background: #fff;
  border: 1px solid var(--dlwe-border);
  border-radius: 4px;
  text-align: center;
}

@media (max-width: 980px) {
  .dlwe-expense-history-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dlwe-history-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .dlwe-personal-summary,
  .dlwe-personal-summary-grid,
  .dlwe-expense-history-toolbar,
  .dlwe-history-grid {
    grid-template-columns: 1fr;
  }

  .dlwe-history-card-header {
    display: block;
  }

  .dlwe-history-pills {
    justify-content: flex-start;
    margin-top: 12px;
  }

  .dlwe-header-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .dlwe-header-actions .dlwe-secondary-button {
    width: 100%;
  }
}


/* Expense Approval — v1.4 */
.dlwe-approval-toolbar {
  display: grid;
  grid-template-columns: 2fr repeat(4, minmax(150px, 1fr));
  gap: 10px;
  margin: 18px 0 12px;
}

.dlwe-approval-card {
  cursor: pointer;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.dlwe-approval-card:hover,
.dlwe-approval-card:focus {
  transform: translateY(-2px);
  border-color: var(--dlwe-black);
  box-shadow: 0 12px 30px rgba(24, 22, 19, 0.08);
  outline: none;
}

.dlwe-approval-card-action {
  margin-top: 12px;
  color: var(--dlwe-black);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-align: right;
  text-transform: uppercase;
}

.dlwe-history-pill.is-needs-clarification {
  color: #805416;
  background: #fff0cc;
}

.dlwe-history-pill.is-not-required,
.dlwe-history-pill.is-not-set,
.dlwe-history-pill.is-legacy-record {
  color: #625d56;
  background: #ece8e2;
}

.dlwe-approval-editor {
  margin-top: 8px;
}

.dlwe-back-link {
  margin: 0 0 14px;
  padding: 0;
  color: var(--dlwe-black);
  background: transparent;
  border: 0;
  cursor: pointer;
  font: inherit;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.dlwe-approval-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
  padding: 20px;
  color: #fff;
  background: var(--dlwe-black);
  border-radius: 4px;
}

.dlwe-approval-heading h2 {
  margin: 4px 0 6px;
  color: #fff;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(25px, 3vw, 38px);
  font-weight: 400;
}

.dlwe-approval-heading p:last-child {
  margin: 0;
  color: rgba(255, 255, 255, 0.68);
}

.dlwe-approval-amount {
  flex-shrink: 0;
  color: var(--dlwe-champagne);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 22px;
  text-align: right;
}

.dlwe-review-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.dlwe-review-item {
  padding: 12px;
  background: #f6f2ec;
  border-radius: 3px;
}

.dlwe-review-item span {
  display: block;
  color: var(--dlwe-muted);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.dlwe-review-item strong {
  display: block;
  margin-top: 6px;
  color: var(--dlwe-black);
  font-size: 12px;
  word-break: break-word;
}

.dlwe-review-note {
  margin-top: 12px;
  padding: 12px 14px;
  color: #5c554c;
  background: #f2eadf;
  border-left: 3px solid var(--dlwe-champagne);
  font-size: 11px;
  line-height: 1.55;
}

.dlwe-receipt-link {
  display: inline-flex;
  width: auto;
  margin-top: 12px;
}

@media (max-width: 1180px) {
  .dlwe-approval-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dlwe-approval-toolbar input {
    grid-column: 1 / -1;
  }
}

@media (max-width: 620px) {
  .dlwe-approval-toolbar,
  .dlwe-review-grid {
    grid-template-columns: 1fr;
  }

  .dlwe-approval-heading {
    display: block;
  }

  .dlwe-approval-amount {
    margin-top: 14px;
    text-align: left;
  }
}

/* Secure Receipt Upload — v1.5 */
#dlwe_expense_receipt,
#dlwe_resubmission_receipt {
  width: 100%;
  padding: 12px;
  color: var(--dlwe-black);
  background: #fff;
  border: 1px solid var(--dlwe-border);
  border-radius: 3px;
  font: inherit;
}

#dlwe_expense_receipt::file-selector-button,
#dlwe_resubmission_receipt::file-selector-button {
  margin-right: 12px;
  padding: 9px 13px;
  color: var(--dlwe-black);
  background: #f2eadf;
  border: 0;
  border-radius: 2px;
  cursor: pointer;
  font: inherit;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.dlwe-field-note.is-error {
  color: #9a3029;
}

.dlwe-history-receipt-link {
  display: inline-flex;
  width: auto;
  margin-top: 13px;
}

/* Expense Clarification & Resubmission — v1.6 */
.dlwe-clarification-banner {
  margin: 0 0 18px;
  padding: 16px 18px;
  color: #5e431c;
  background: #fff2d7;
  border: 1px solid #e6c88e;
  border-left: 4px solid #b9852d;
  border-radius: 3px;
  font-size: 12px;
  line-height: 1.6;
}

.dlwe-clarification-banner strong {
  color: #4d3514;
}

.dlwe-clarification-banner small,
.dlwe-clarification-history small {
  display: block;
  margin-top: 7px;
  color: #77654d;
  font-size: 10px;
  letter-spacing: 0.02em;
}

.dlwe-resubmission-editor {
  margin-top: 4px;
}

.dlwe-replacement-upload {
  margin-top: 14px;
}

.dlwe-history-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 13px;
}

.dlwe-history-actions .dlwe-history-receipt-link {
  margin-top: 0;
}

.dlwe-resubmission-meta {
  margin-top: 11px;
  color: var(--dlwe-muted);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.dlwe-clarification-history {
  background: #fff2d7;
  border-left-color: #b9852d;
}

@media (max-width: 620px) {
  .dlwe-history-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .dlwe-history-actions .dlwe-button-link,
  .dlwe-history-actions button {
    justify-content: center;
    width: 100%;
  }
}


/* Expense Dashboard & Reports — v1.7 */
.dlwe-report-header-actions {
  flex-wrap: wrap;
}

.dlwe-report-filter-card,
.dlwe-report-card,
.dlwe-report-currency-card {
  background: #fff;
  border: 1px solid var(--dlwe-border);
  border-radius: 4px;
  box-shadow: 0 10px 28px rgba(24, 22, 19, 0.04);
}

.dlwe-report-filter-card {
  margin-bottom: 18px;
  padding: 18px;
}

.dlwe-report-filter-heading,
.dlwe-report-card-heading,
.dlwe-report-currency-heading,
.dlwe-report-meta {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.dlwe-report-filter-heading {
  margin-bottom: 15px;
}

.dlwe-report-filter-heading h2,
.dlwe-report-card-heading h2 {
  margin: 3px 0 0;
  color: var(--dlwe-black);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 20px;
  font-weight: 400;
}

.dlwe-report-filter-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.dlwe-report-meta {
  align-items: center;
  margin-bottom: 13px;
  color: var(--dlwe-muted);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.dlwe-report-currency-summary {
  display: grid;
  gap: 14px;
  margin-bottom: 18px;
}

.dlwe-report-currency-card {
  overflow: hidden;
}

.dlwe-report-currency-heading {
  align-items: center;
  padding: 13px 16px;
  color: #fff;
  background: var(--dlwe-black);
}

.dlwe-report-currency-heading span {
  color: var(--dlwe-champagne);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 24px;
}

.dlwe-report-currency-heading small {
  color: rgba(255, 255, 255, 0.68);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.dlwe-report-metric-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.dlwe-report-metric {
  min-height: 90px;
  padding: 16px;
  border-right: 1px solid var(--dlwe-border);
  border-bottom: 1px solid var(--dlwe-border);
}

.dlwe-report-metric:nth-child(4n) {
  border-right: 0;
}

.dlwe-report-metric span {
  display: block;
  color: var(--dlwe-muted);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.dlwe-report-metric strong {
  display: block;
  margin-top: 9px;
  color: var(--dlwe-black);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 18px;
  font-weight: 400;
  word-break: break-word;
}

.dlwe-report-layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 14px;
}

.dlwe-report-card {
  min-width: 0;
  padding: 17px;
}

.dlwe-report-card-wide {
  grid-column: 1 / -1;
}

.dlwe-report-card-heading {
  display: block;
  margin-bottom: 16px;
}

.dlwe-report-card-heading p {
  margin: 5px 0 0;
  color: var(--dlwe-muted);
  font-size: 10px;
  line-height: 1.5;
}

.dlwe-report-bars,
.dlwe-report-ranking {
  display: grid;
  gap: 12px;
}

.dlwe-report-bar-label {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 5px;
  color: var(--dlwe-black);
  font-size: 10px;
}

.dlwe-report-bar-label span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dlwe-report-bar-label strong {
  flex-shrink: 0;
  font-size: 10px;
  font-weight: 700;
}

.dlwe-report-bar-track {
  height: 7px;
  overflow: hidden;
  background: #eee9e2;
  border-radius: 99px;
}

.dlwe-report-bar-track span {
  display: block;
  height: 100%;
  min-width: 4px;
  background: var(--dlwe-black);
  border-radius: inherit;
}

.dlwe-report-rank-row {
  display: grid;
  grid-template-columns: 29px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  padding-bottom: 11px;
  border-bottom: 1px solid var(--dlwe-border);
}

.dlwe-report-rank-row:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.dlwe-report-rank-number {
  display: grid;
  width: 29px;
  height: 29px;
  place-items: center;
  color: var(--dlwe-black);
  background: #f2eadf;
  border-radius: 50%;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 13px;
}

.dlwe-report-rank-row strong,
.dlwe-report-rank-row small {
  display: block;
}

.dlwe-report-rank-row strong {
  color: var(--dlwe-black);
  font-size: 11px;
}

.dlwe-report-rank-row small {
  margin-top: 4px;
  color: var(--dlwe-muted);
  font-size: 9px;
  line-height: 1.45;
}

.dlwe-report-detail-card {
  padding: 0;
  overflow: hidden;
}

.dlwe-report-detail-card .dlwe-report-card-heading {
  margin: 0;
  padding: 17px;
  border-bottom: 1px solid var(--dlwe-border);
}

.dlwe-report-table-wrap {
  overflow: auto;
  max-height: 680px;
}

.dlwe-report-table {
  width: 100%;
  min-width: 1450px;
  border-collapse: collapse;
  color: var(--dlwe-black);
  font-size: 10px;
}

.dlwe-report-table th,
.dlwe-report-table td {
  padding: 11px 12px;
  border-bottom: 1px solid var(--dlwe-border);
  text-align: left;
  vertical-align: top;
}

.dlwe-report-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  color: #fff;
  background: var(--dlwe-black);
  font-size: 8px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  white-space: nowrap;
}

.dlwe-report-table tbody tr:nth-child(even) {
  background: #faf8f5;
}

.dlwe-report-table td:nth-child(6) {
  min-width: 230px;
}

@media (max-width: 1220px) {
  .dlwe-report-filter-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dlwe-report-metric-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dlwe-report-metric:nth-child(4n) {
    border-right: 1px solid var(--dlwe-border);
  }

  .dlwe-report-metric:nth-child(3n) {
    border-right: 0;
  }
}

@media (max-width: 760px) {
  .dlwe-report-filter-grid,
  .dlwe-report-layout,
  .dlwe-report-metric-grid {
    grid-template-columns: 1fr;
  }

  .dlwe-report-metric,
  .dlwe-report-metric:nth-child(3n),
  .dlwe-report-metric:nth-child(4n) {
    border-right: 0;
  }

  .dlwe-report-filter-heading,
  .dlwe-report-meta,
  .dlwe-report-currency-heading {
    display: block;
  }

  .dlwe-report-filter-heading .dlwe-back-link,
  .dlwe-report-meta span:last-child,
  .dlwe-report-currency-heading small {
    display: block;
    margin-top: 8px;
  }
}

@media print {
  body * {
    visibility: hidden !important;
  }

  [data-dlwe-panel="expense-reports"],
  [data-dlwe-panel="expense-reports"] * {
    visibility: visible !important;
  }

  [data-dlwe-panel="expense-reports"] {
    position: absolute;
    inset: 0;
    width: 100%;
  }

  .dlwe-sidebar,
  .dlwe-report-header-actions,
  .dlwe-report-filter-card,
  #dlwe-reports-message {
    display: none !important;
  }

  .dlwe-main,
  .dlwe-panel,
  .dlwe-report-card,
  .dlwe-report-currency-card {
    width: 100% !important;
    max-width: none !important;
    box-shadow: none !important;
  }

  .dlwe-report-table-wrap {
    overflow: visible !important;
    max-height: none !important;
  }

  .dlwe-report-table {
    min-width: 0 !important;
    font-size: 7px;
  }
}


/* Version 1.8: My Weddings */
.dlwe-wedding-scope-note {
  margin-bottom: 16px;
  padding: 12px 14px;
  color: #5d554a;
  background: #f1eadf;
  border-left: 3px solid var(--dlwe-champagne);
  border-radius: 3px;
  font-size: 11px;
  line-height: 1.55;
}

.dlwe-wedding-scope-note.is-warning {
  color: var(--dlwe-error);
  background: #fff0ee;
  border-left-color: var(--dlwe-error);
}

.dlwe-wedding-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.dlwe-wedding-summary-card {
  min-height: 108px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 18px;
  background: #fff;
  border: 1px solid var(--dlwe-border);
  border-radius: 4px;
}

.dlwe-wedding-summary-card span {
  color: var(--dlwe-muted);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.dlwe-wedding-summary-card strong {
  color: var(--dlwe-blue);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 34px;
  line-height: 1;
}

.dlwe-wedding-toolbar {
  display: grid;
  grid-template-columns: minmax(240px, 1.7fr) repeat(2, minmax(170px, 0.8fr));
  gap: 10px;
  margin-bottom: 12px;
  padding: 14px;
  background: #fff;
  border: 1px solid var(--dlwe-border);
  border-radius: 4px;
}

.dlwe-wedding-toolbar input,
.dlwe-wedding-toolbar select {
  width: 100%;
  min-height: 42px;
  padding: 10px 12px;
  color: var(--dlwe-black);
  background: #fff;
  border: 1px solid #cbc2b5;
  border-radius: 3px;
  outline: none;
  font-family: inherit;
  font-size: 12px;
}

.dlwe-wedding-toolbar input:focus,
.dlwe-wedding-toolbar select:focus {
  border-color: var(--dlwe-black);
  box-shadow: 0 0 0 3px rgba(22, 22, 22, 0.06);
}

.dlwe-wedding-list {
  display: grid;
  gap: 13px;
}

.dlwe-wedding-card {
  padding: 20px;
  background: #fff;
  border: 1px solid var(--dlwe-border);
  border-radius: 4px;
  box-shadow: 0 8px 24px rgba(22, 22, 22, 0.035);
}

.dlwe-wedding-card.is-past {
  background: #fcfbf9;
}

.dlwe-wedding-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.dlwe-wedding-card-header h3 {
  margin: 5px 0 4px;
  color: var(--dlwe-blue);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 25px;
  line-height: 1.2;
}

.dlwe-wedding-card-header p {
  margin: 0;
  color: var(--dlwe-muted);
  font-size: 11px;
}

.dlwe-history-pill.is-upcoming,
.dlwe-history-pill.is-today,
.dlwe-history-pill.is-confirmed,
.dlwe-history-pill.is-active {
  color: var(--dlwe-success);
  background: #e7f3eb;
}

.dlwe-history-pill.is-undated,
.dlwe-history-pill.is-not-set,
.dlwe-history-pill.is-enquiry,
.dlwe-history-pill.is-lead {
  color: #5e5140;
  background: #efe7db;
}

.dlwe-history-pill.is-past,
.dlwe-history-pill.is-completed {
  color: #625d56;
  background: #ece9e4;
}

.dlwe-wedding-details-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  margin-top: 17px;
}

.dlwe-wedding-metric {
  min-height: 68px;
  padding: 11px;
  background: #f6f2ec;
  border-radius: 3px;
}

.dlwe-wedding-metric span {
  display: block;
  color: var(--dlwe-muted);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.dlwe-wedding-metric strong {
  display: block;
  margin-top: 6px;
  color: var(--dlwe-black);
  font-size: 12px;
  line-height: 1.4;
  word-break: break-word;
}

.dlwe-wedding-note {
  margin-top: 13px;
  padding: 12px 13px;
  color: #5c554c;
  background: #f2eadf;
  border-left: 3px solid var(--dlwe-champagne);
  font-size: 11px;
  line-height: 1.55;
  white-space: pre-line;
}

.dlwe-wedding-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 14px;
}

.dlwe-wedding-actions .dlwe-primary-button {
  width: auto;
}

.dlwe-wedding-no-folder {
  color: var(--dlwe-muted);
  font-size: 10px;
  font-style: italic;
}

@media (max-width: 980px) {
  .dlwe-wedding-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dlwe-wedding-toolbar {
    grid-template-columns: 1fr 1fr;
  }

  .dlwe-wedding-toolbar input {
    grid-column: 1 / -1;
  }

  .dlwe-wedding-details-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .dlwe-wedding-summary,
  .dlwe-wedding-toolbar,
  .dlwe-wedding-details-grid {
    grid-template-columns: 1fr;
  }

  .dlwe-wedding-toolbar input {
    grid-column: auto;
  }

  .dlwe-wedding-card-header {
    display: block;
  }

  .dlwe-wedding-card-header .dlwe-history-pills {
    margin-top: 12px;
  }

  .dlwe-wedding-actions {
    justify-content: stretch;
  }

  .dlwe-wedding-actions .dlwe-primary-button {
    width: 100%;
  }
}


/* Version 1.9: Vendor Directory */
.dlwe-vendor-scope-note {
  margin-bottom: 16px;
  padding: 12px 14px;
  color: #5d554a;
  background: #f1eadf;
  border-left: 3px solid var(--dlwe-champagne);
  border-radius: 3px;
  font-size: 11px;
  line-height: 1.55;
}

.dlwe-vendor-scope-note.is-private {
  color: #294f3d;
  background: #eaf4ee;
  border-left-color: var(--dlwe-success);
}

.dlwe-vendor-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.dlwe-vendor-summary-card {
  min-height: 108px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 18px;
  background: #fff;
  border: 1px solid var(--dlwe-border);
  border-radius: 4px;
}

.dlwe-vendor-summary-card span {
  color: var(--dlwe-muted);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.dlwe-vendor-summary-card strong {
  color: var(--dlwe-black);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 34px;
  line-height: 1;
}

.dlwe-vendor-toolbar {
  display: grid;
  grid-template-columns: minmax(250px, 1.8fr) repeat(5, minmax(135px, 0.75fr));
  gap: 10px;
  margin-bottom: 12px;
  padding: 14px;
  background: #fff;
  border: 1px solid var(--dlwe-border);
  border-radius: 4px;
}

.dlwe-vendor-toolbar input,
.dlwe-vendor-toolbar select {
  width: 100%;
  min-height: 42px;
  padding: 10px 12px;
  color: var(--dlwe-black);
  background: #fff;
  border: 1px solid #cbc2b5;
  border-radius: 3px;
  outline: none;
  font-family: inherit;
  font-size: 12px;
}

.dlwe-vendor-toolbar input:focus,
.dlwe-vendor-toolbar select:focus {
  border-color: var(--dlwe-black);
  box-shadow: 0 0 0 3px rgba(22, 22, 22, 0.06);
}

.dlwe-vendor-list {
  display: grid;
  gap: 13px;
}

.dlwe-vendor-card {
  padding: 20px;
  background: #fff;
  border: 1px solid var(--dlwe-border);
  border-radius: 4px;
  box-shadow: 0 8px 24px rgba(22, 22, 22, 0.035);
}

.dlwe-vendor-card.is-preferred {
  border-color: #d4bd95;
  box-shadow: 0 10px 30px rgba(121, 92, 43, 0.09);
}

.dlwe-vendor-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.dlwe-vendor-card-header h3 {
  margin: 5px 0 4px;
  color: var(--dlwe-black);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 25px;
  line-height: 1.2;
}

.dlwe-vendor-card-header p {
  margin: 0;
  color: var(--dlwe-muted);
  font-size: 11px;
}

.dlwe-history-pill.is-preferred {
  color: #705523;
  background: #f3e6c9;
}

.dlwe-history-pill.is-inactive,
.dlwe-history-pill.is-suspended,
.dlwe-history-pill.is-archived {
  color: #625d56;
  background: #ece9e4;
}

.dlwe-vendor-details-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  margin-top: 17px;
}

.dlwe-vendor-metric {
  min-height: 68px;
  padding: 11px;
  background: #f6f2ec;
  border-radius: 3px;
}

.dlwe-vendor-metric span {
  display: block;
  color: var(--dlwe-muted);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.dlwe-vendor-metric strong {
  display: block;
  margin-top: 6px;
  color: var(--dlwe-black);
  font-size: 12px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.dlwe-vendor-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 14px;
}

.dlwe-vendor-actions .dlwe-primary-button,
.dlwe-vendor-actions .dlwe-secondary-button {
  width: auto;
}

.dlwe-vendor-private {
  margin-top: 17px;
  padding: 14px;
  background: #fbf8f3;
  border: 1px dashed #cbbba2;
  border-radius: 4px;
}

.dlwe-vendor-private-title {
  color: #6b5532;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.dlwe-vendor-private .dlwe-vendor-details-grid {
  margin-top: 10px;
}

.dlwe-vendor-note {
  margin-top: 11px;
  padding: 11px 12px;
  color: #5c554c;
  background: #efe7db;
  border-left: 3px solid var(--dlwe-champagne);
  font-size: 11px;
  line-height: 1.55;
  white-space: pre-line;
}

@media (max-width: 1280px) {
  .dlwe-vendor-toolbar {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dlwe-vendor-toolbar input {
    grid-column: 1 / -1;
  }
}

@media (max-width: 980px) {
  .dlwe-vendor-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dlwe-vendor-details-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .dlwe-vendor-summary,
  .dlwe-vendor-toolbar,
  .dlwe-vendor-details-grid {
    grid-template-columns: 1fr;
  }

  .dlwe-vendor-toolbar input {
    grid-column: auto;
  }

  .dlwe-vendor-card-header {
    display: block;
  }

  .dlwe-vendor-card-header .dlwe-history-pills {
    margin-top: 12px;
  }

  .dlwe-vendor-actions {
    justify-content: stretch;
  }

  .dlwe-vendor-actions .dlwe-primary-button,
  .dlwe-vendor-actions .dlwe-secondary-button {
    width: 100%;
  }
}


/* Version 2.0: Tasks & Staff Assignments */
.dlwe-task-scope-note {
  margin-bottom: 18px;
  padding: 13px 15px;
  border: 1px solid var(--dlwe-border);
  background: #fbf8f3;
  color: var(--dlwe-muted);
  font-size: 13px;
}

.dlwe-task-scope-note.is-manager {
  border-left: 4px solid var(--dlwe-black);
}

.dlwe-task-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 20px;
}

.dlwe-task-summary-card {
  padding: 17px;
  background: #fff;
  border: 1px solid var(--dlwe-border);
  border-radius: 4px;
}

.dlwe-task-summary-card span {
  display: block;
  margin-bottom: 7px;
  color: var(--dlwe-muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.dlwe-task-summary-card strong {
  display: block;
  font-size: 25px;
  line-height: 1;
}

.dlwe-task-summary-card.is-danger {
  border-color: #d9aaa5;
  background: #fff8f7;
}

.dlwe-task-summary-card.is-warning {
  border-color: #dfc78d;
  background: #fffaf0;
}

.dlwe-task-summary-card.is-success {
  border-color: #a9c9b5;
  background: #f6fbf8;
}

.dlwe-task-toolbar {
  display: grid;
  grid-template-columns: minmax(240px, 2fr) repeat(5, minmax(135px, 1fr));
  gap: 10px;
  margin-bottom: 16px;
}

.dlwe-task-toolbar input,
.dlwe-task-toolbar select {
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid var(--dlwe-border);
  background: #fff;
}

.dlwe-task-list {
  display: grid;
  gap: 15px;
}

.dlwe-task-card {
  padding: 22px;
  background: #fff;
  border: 1px solid var(--dlwe-border);
  border-left: 4px solid #c9c1b5;
  border-radius: 4px;
}

.dlwe-task-card.is-overdue {
  border-left-color: #b6493f;
  background: #fffafa;
}

.dlwe-task-card.is-completed {
  border-left-color: #739681;
  background: #fbfdfb;
}

.dlwe-task-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
}

.dlwe-task-card-header h3 {
  margin: 4px 0 4px;
  font-size: 20px;
}

.dlwe-task-card-header p {
  margin: 0;
  color: var(--dlwe-muted);
}

.dlwe-task-priority,
.dlwe-task-deadline,
.dlwe-task-deadline-chip {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 5px 10px;
  border-radius: 999px;
  background: #f1eee8;
  color: #413c35;
  font-size: 12px;
  font-weight: 700;
}

.dlwe-task-priority.is-urgent,
.dlwe-task-priority.is-high,
.dlwe-task-deadline.is-overdue,
.dlwe-task-deadline-chip.is-overdue {
  background: #f9dfdc;
  color: #8d2d25;
}

.dlwe-task-priority.is-low {
  background: #edf4ef;
  color: #476351;
}

.dlwe-task-description {
  margin-bottom: 16px;
  color: #36322d;
  line-height: 1.65;
}

.dlwe-task-details-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 18px;
}

.dlwe-task-metric {
  padding: 12px 13px;
  background: #faf8f4;
  border: 1px solid #eee8df;
}

.dlwe-task-metric span {
  display: block;
  margin-bottom: 5px;
  color: var(--dlwe-muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.dlwe-task-metric strong {
  display: block;
  overflow-wrap: anywhere;
  font-size: 13px;
}

.dlwe-task-progress-wrap {
  margin: 16px 0;
}

.dlwe-task-progress-label {
  display: flex;
  justify-content: space-between;
  margin-bottom: 7px;
  font-size: 13px;
}

.dlwe-task-progress-track {
  height: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: #e7e1d8;
}

.dlwe-task-progress-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #1f1e1b;
}

.dlwe-task-note {
  margin-top: 11px;
  padding: 13px 14px;
  border-left: 3px solid #b8aa96;
  background: #faf7f2;
  line-height: 1.55;
}

.dlwe-task-note.is-completion {
  border-left-color: #739681;
  background: #f4faf6;
}

.dlwe-task-note.is-internal {
  border-left-color: #57483d;
  background: #f4f0eb;
}

.dlwe-task-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 17px;
}

.dlwe-task-editor {
  margin-top: 4px;
}

@media (max-width: 1180px) {
  .dlwe-task-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dlwe-task-toolbar {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dlwe-task-toolbar input {
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px) {
  .dlwe-task-summary,
  .dlwe-task-toolbar,
  .dlwe-task-details-grid {
    grid-template-columns: 1fr;
  }

  .dlwe-task-card-header {
    display: block;
  }

  .dlwe-task-card-header .dlwe-history-pills {
    margin-top: 13px;
  }

  .dlwe-task-actions {
    justify-content: stretch;
  }

  .dlwe-task-actions .dlwe-primary-button {
    width: 100%;
  }
}


/* Version 2.1: task notification badges and email status */
.dlwe-nav-item-with-badge > span:first-child {
  color: inherit;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
}

.dlwe-nav-item .dlwe-nav-badge {
  min-width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 7px;
  color: #171717;
  background: var(--dlwe-champagne);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1;
  text-transform: none;
}

.dlwe-nav-item .dlwe-nav-badge[hidden] {
  display: none !important;
}

.dlwe-task-dashboard-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 15px;
}

.dlwe-task-dashboard-chip {
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  padding: 5px 9px;
  border: 1px solid #d9d0c4;
  border-radius: 999px;
  color: #554d45;
  background: #faf7f2;
  font-size: 10px;
  font-weight: 750;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.dlwe-task-dashboard-chip.is-danger {
  color: #9b2f28;
  border-color: #e7b8b3;
  background: #fff2f0;
}

.dlwe-task-dashboard-chip.is-warning {
  color: #8a5b11;
  border-color: #ead0a3;
  background: #fff8e9;
}

.dlwe-task-dashboard-chip.is-clear {
  color: #4f755c;
  border-color: #bdd4c4;
  background: #f1f8f3;
}

.dlwe-task-note.is-notification-error {
  color: #8f2923;
  border-left-color: #c85850;
  background: #fff3f1;
}

.dlwe-task-notification-meta {
  margin-top: 11px;
  color: var(--dlwe-muted);
  font-size: 11px;
  line-height: 1.5;
}


/* Task collaboration */
.dlwe-task-collaboration-meta {
  margin-top: 14px;
  padding: 10px 12px;
  border: 1px solid rgba(157, 123, 72, 0.22);
  background: rgba(157, 123, 72, 0.06);
  color: #6f655c;
  font-size: 12px;
  line-height: 1.55;
}

.dlwe-task-collaboration-editor .dlwe-approval-heading {
  align-items: flex-start;
}

.dlwe-task-discussion-panel {
  border: 1px solid #ded3c5;
  background: rgba(255, 255, 255, 0.54);
  padding: 22px;
  margin-bottom: 24px;
}

.dlwe-task-discussion-header {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: flex-start;
  padding-bottom: 16px;
  border-bottom: 1px solid #e6ddd2;
}

.dlwe-task-discussion-header h3 {
  margin: 0 0 5px;
  font-family: Georgia, 'Times New Roman', serif;
  color: #1d2b70;
  font-size: 23px;
  font-weight: 400;
}

.dlwe-task-discussion-header p {
  margin: 0;
  color: #766d64;
  font-size: 13px;
}

.dlwe-task-comment-count {
  white-space: nowrap;
  border: 1px solid #ded3c5;
  padding: 7px 11px;
  background: #fffdf9;
  color: #5f574f;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.dlwe-task-comment-list {
  display: grid;
  gap: 14px;
  margin-top: 18px;
  max-height: 650px;
  overflow-y: auto;
  padding-right: 4px;
}

.dlwe-task-comment {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 13px;
  padding: 16px;
  border: 1px solid #e3d9cc;
  background: #fffdf9;
}

.dlwe-task-comment.is-proof {
  border-left: 4px solid #9b7945;
}

.dlwe-task-comment-avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #171717;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
}

.dlwe-task-comment-body {
  min-width: 0;
}

.dlwe-task-comment-header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
}

.dlwe-task-comment-header div {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
}

.dlwe-task-comment-header strong {
  color: #171717;
  font-size: 14px;
}

.dlwe-task-comment-header span,
.dlwe-task-comment-header time {
  color: #867c72;
  font-size: 11px;
}

.dlwe-task-comment-type {
  display: inline-block;
  margin-top: 9px;
  padding: 4px 8px;
  border: 1px solid #ddd2c4;
  color: #6f655c;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.dlwe-task-comment-type.is-proof {
  background: rgba(155, 121, 69, .12);
  border-color: rgba(155, 121, 69, .45);
  color: #765a31;
}

.dlwe-task-comment-text {
  margin-top: 12px;
  color: #4f4943;
  font-size: 14px;
  line-height: 1.7;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.dlwe-task-attachment-link {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  margin-top: 14px;
  padding: 12px 14px;
  border: 1px solid #d9cbb9;
  background: #f7f1e9;
  text-decoration: none;
  color: #171717;
}

.dlwe-task-attachment-link span {
  color: #1d2b70;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.dlwe-task-attachment-link strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}

.dlwe-task-attachment-link small {
  color: #847a70;
  font-size: 11px;
}

.dlwe-task-comment-form-section {
  margin-top: 0;
}

@media (max-width: 720px) {
  .dlwe-task-discussion-header,
  .dlwe-task-comment-header {
    display: grid;
  }

  .dlwe-task-comment {
    grid-template-columns: 34px minmax(0, 1fr);
    padding: 13px;
  }

  .dlwe-task-comment-avatar {
    width: 34px;
    height: 34px;
    font-size: 10px;
  }

  .dlwe-task-attachment-link {
    grid-template-columns: 1fr;
  }
}

/* Version 2.3: Task Dashboard & Staff Workload */
.dlwe-task-dashboard-meta {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
  padding: 11px 14px;
  border: 1px solid var(--dlwe-border);
  background: #faf7f2;
  color: var(--dlwe-muted);
  font-size: 12px;
}

.dlwe-task-dashboard-meta span:first-child {
  color: var(--dlwe-black);
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.dlwe-task-dashboard-toolbar {
  display: grid;
  grid-template-columns: minmax(220px, 1.6fr) repeat(4, minmax(150px, 1fr));
  gap: 10px;
  margin-bottom: 20px;
}

.dlwe-task-dashboard-toolbar input,
.dlwe-task-dashboard-toolbar select {
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid var(--dlwe-border);
  border-radius: 2px;
  background: var(--dlwe-white);
  color: var(--dlwe-black);
  font: inherit;
}

.dlwe-task-dashboard-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 22px;
}

.dlwe-task-dashboard-stat {
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--dlwe-border);
  background: var(--dlwe-white);
}

.dlwe-task-dashboard-stat span,
.dlwe-task-dashboard-stat small {
  display: block;
}

.dlwe-task-dashboard-stat span {
  color: var(--dlwe-muted);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.dlwe-task-dashboard-stat strong {
  display: block;
  margin: 10px 0 7px;
  color: var(--dlwe-black);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 30px;
  font-weight: 400;
}

.dlwe-task-dashboard-stat small {
  color: var(--dlwe-muted);
  font-size: 11px;
}

.dlwe-task-dashboard-stat.is-danger {
  border-color: rgba(159, 45, 38, .35);
  background: rgba(159, 45, 38, .035);
}

.dlwe-task-dashboard-stat.is-warning {
  border-color: rgba(162, 116, 36, .35);
  background: rgba(162, 116, 36, .04);
}

.dlwe-task-dashboard-stat.is-success {
  border-color: rgba(31, 110, 71, .3);
  background: rgba(31, 110, 71, .035);
}

.dlwe-task-dashboard-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 18px;
}

.dlwe-task-dashboard-card {
  min-width: 0;
  padding: 22px;
  border: 1px solid var(--dlwe-border);
  background: var(--dlwe-white);
}

.dlwe-task-dashboard-card-wide {
  grid-column: 1 / -1;
}

.dlwe-task-dashboard-card-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}

.dlwe-task-dashboard-card-heading h2 {
  margin-bottom: 0;
  font-size: 23px;
}

.dlwe-table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.dlwe-task-dashboard-table {
  width: 100%;
  min-width: 780px;
  border-collapse: collapse;
}

.dlwe-task-dashboard-table th,
.dlwe-task-dashboard-table td {
  padding: 13px 12px;
  border-bottom: 1px solid #ece5dc;
  text-align: left;
  vertical-align: middle;
  font-size: 12px;
}

.dlwe-task-dashboard-table th {
  color: var(--dlwe-muted);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.dlwe-task-dashboard-table tbody tr:last-child td {
  border-bottom: 0;
}

.dlwe-task-dashboard-table td:first-child {
  min-width: 190px;
}

.dlwe-task-dashboard-table td strong,
.dlwe-task-dashboard-table td small {
  display: block;
}

.dlwe-task-dashboard-table td small {
  margin-top: 4px;
  color: var(--dlwe-muted);
  font-size: 10px;
  overflow-wrap: anywhere;
}

.dlwe-task-load-label {
  display: inline-block !important;
  width: max-content;
  margin-top: 7px;
  padding: 3px 7px;
  border: 1px solid var(--dlwe-border);
  color: var(--dlwe-muted);
  font-size: 9px !important;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.dlwe-task-load-label.is-danger {
  border-color: rgba(159, 45, 38, .4);
  color: var(--dlwe-error);
}

.dlwe-task-load-label.is-warning {
  border-color: rgba(162, 116, 36, .4);
  color: #8a611f;
}

.dlwe-task-load-label.is-clear {
  border-color: rgba(31, 110, 71, .35);
  color: var(--dlwe-success);
}

.dlwe-number-danger {
  color: var(--dlwe-error);
  font-weight: 700;
}

.dlwe-task-mini-progress {
  position: relative;
  width: 100%;
  min-width: 90px;
  height: 22px;
  overflow: hidden;
  background: #eee8df;
}

.dlwe-task-mini-progress > span {
  position: absolute;
  inset: 0 auto 0 0;
  background: rgba(31, 110, 71, .32);
}

.dlwe-task-mini-progress > strong {
  position: relative;
  z-index: 1;
  display: block;
  padding: 3px 7px;
  color: var(--dlwe-black);
  font-size: 10px;
  text-align: right;
}

.dlwe-task-deadline-list,
.dlwe-task-breakdown-list {
  display: grid;
  gap: 10px;
}

.dlwe-task-deadline-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 13px 14px;
  border-left: 3px solid var(--dlwe-border);
  background: #faf7f2;
}

.dlwe-task-deadline-item.is-danger {
  border-left-color: var(--dlwe-error);
  background: rgba(159, 45, 38, .035);
}

.dlwe-task-deadline-item.is-warning {
  border-left-color: #a27424;
  background: rgba(162, 116, 36, .04);
}

.dlwe-task-deadline-item strong,
.dlwe-task-deadline-item span,
.dlwe-task-deadline-item b,
.dlwe-task-deadline-item small {
  display: block;
}

.dlwe-task-deadline-item strong {
  margin-bottom: 5px;
  color: var(--dlwe-black);
  font-size: 13px;
}

.dlwe-task-deadline-item span,
.dlwe-task-deadline-item small {
  color: var(--dlwe-muted);
  font-size: 10px;
}

.dlwe-task-deadline-item > div:last-child {
  flex: 0 0 auto;
  text-align: right;
}

.dlwe-task-deadline-item b {
  margin-bottom: 5px;
  color: var(--dlwe-black);
  font-size: 11px;
}

.dlwe-task-breakdown-row > div:first-child {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 6px;
  color: var(--dlwe-black);
  font-size: 12px;
}

.dlwe-task-breakdown-row strong {
  font-size: 11px;
}

.dlwe-task-breakdown-track {
  height: 8px;
  overflow: hidden;
  background: #ece5dc;
}

.dlwe-task-breakdown-track span {
  display: block;
  height: 100%;
  background: var(--dlwe-champagne);
}

.dlwe-task-trend {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, minmax(70px, 1fr));
  gap: 16px;
  min-height: 260px;
  padding: 20px 6px 4px;
}

.dlwe-task-trend-month {
  display: grid;
  grid-template-rows: 190px auto;
  gap: 10px;
  min-width: 0;
  text-align: center;
}

.dlwe-task-trend-bars {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 5px;
  border-bottom: 1px solid var(--dlwe-border);
}

.dlwe-task-trend-bars > span {
  position: relative;
  display: block;
  width: min(34%, 32px);
  min-height: 3px;
  background: var(--dlwe-charcoal);
}

.dlwe-task-trend-bars > span.is-completed {
  background: var(--dlwe-champagne);
}

.dlwe-task-trend-bars b {
  position: absolute;
  top: -19px;
  left: 50%;
  transform: translateX(-50%);
  color: var(--dlwe-muted);
  font-size: 9px;
}

.dlwe-task-trend-month > strong {
  color: var(--dlwe-muted);
  font-size: 10px;
  font-weight: 600;
}

.dlwe-task-trend-legend {
  position: absolute;
  right: 0;
  top: -14px;
  display: flex;
  gap: 12px;
  color: var(--dlwe-muted);
  font-size: 10px;
}

.dlwe-task-trend-legend span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.dlwe-task-trend-legend i {
  width: 9px;
  height: 9px;
  background: var(--dlwe-charcoal);
}

.dlwe-task-trend-legend i.is-completed {
  background: var(--dlwe-champagne);
}

@media (max-width: 1200px) {
  .dlwe-task-dashboard-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dlwe-task-dashboard-toolbar input {
    grid-column: 1 / -1;
  }

  .dlwe-task-dashboard-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .dlwe-task-dashboard-layout {
    grid-template-columns: 1fr;
  }

  .dlwe-task-dashboard-card-wide {
    grid-column: auto;
  }

  .dlwe-task-dashboard-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dlwe-task-trend {
    overflow-x: auto;
    grid-template-columns: repeat(6, minmax(90px, 1fr));
  }
}

@media (max-width: 560px) {
  .dlwe-task-dashboard-meta,
  .dlwe-task-dashboard-card-heading,
  .dlwe-task-deadline-item {
    display: grid;
  }

  .dlwe-task-dashboard-toolbar,
  .dlwe-task-dashboard-summary {
    grid-template-columns: 1fr;
  }

  .dlwe-task-dashboard-toolbar input {
    grid-column: auto;
  }

  .dlwe-task-dashboard-card {
    padding: 16px;
  }

  .dlwe-task-deadline-item > div:last-child {
    text-align: left;
  }
}

@media print {
  body.dlwe-print-task-dashboard .dlwe-sidebar,
  body.dlwe-print-task-dashboard .dlwe-header-actions,
  body.dlwe-print-task-dashboard .dlwe-task-dashboard-toolbar,
  body.dlwe-print-task-dashboard [data-dlwe-panel]:not([data-dlwe-panel="task-dashboard"]) {
    display: none !important;
  }

  body.dlwe-print-task-dashboard .dlwe-portal-shell,
  body.dlwe-print-task-dashboard .dlwe-main,
  body.dlwe-print-task-dashboard [data-dlwe-panel="task-dashboard"] {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
  }

  body.dlwe-print-task-dashboard .dlwe-task-dashboard-layout {
    display: block;
  }

  body.dlwe-print-task-dashboard .dlwe-task-dashboard-card,
  body.dlwe-print-task-dashboard .dlwe-task-dashboard-summary {
    break-inside: avoid;
    margin-bottom: 16px;
  }

  body.dlwe-print-task-dashboard .dlwe-task-dashboard-card {
    border-color: #bbb;
  }
}

/* Phase 5B: Checklist Builder */
.dlwe-checklist-builder-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 18px;
}

.dlwe-checklist-settings {
    margin: 0;
    min-width: 0;
}

.dlwe-checklist-module-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.dlwe-checklist-module-option,
.dlwe-checklist-switch {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 10px 12px;
    border: 1px solid rgba(23, 23, 23, 0.12);
    background: #fff;
    font-size: 13px;
    line-height: 1.4;
}

.dlwe-checklist-module-option input,
.dlwe-checklist-switch input {
    margin-top: 2px;
    flex: 0 0 auto;
}

.dlwe-checklist-preview-actions {
    justify-content: flex-start;
    margin: 0 0 28px;
}

.dlwe-checklist-progress-section,
.dlwe-checklist-preview-section,
.dlwe-checklist-template-editor {
    margin-top: 28px;
    padding: 24px;
    border: 1px solid rgba(23, 23, 23, 0.12);
    background: #fbfaf7;
}

.dlwe-checklist-progress-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.dlwe-checklist-progress-card {
    padding: 16px;
    border: 1px solid rgba(23, 23, 23, 0.12);
    background: #fff;
}

.dlwe-checklist-progress-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.dlwe-checklist-progress-heading div {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.dlwe-checklist-progress-heading strong {
    font-size: 12px;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.dlwe-checklist-progress-heading span {
    font-size: 14px;
}

.dlwe-checklist-progress-heading b {
    font-size: 20px;
}

.dlwe-checklist-progress-bar {
    height: 8px;
    margin: 14px 0 10px;
    overflow: hidden;
    background: #e8e4dc;
}

.dlwe-checklist-progress-bar span {
    display: block;
    height: 100%;
    background: #171717;
}

.dlwe-checklist-progress-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 7px 12px;
    color: #6f6a62;
    font-size: 12px;
}

.dlwe-checklist-progress-meta .is-overdue {
    color: #a12c2c;
    font-weight: 700;
}

.dlwe-checklist-table {
    width: 100%;
    min-width: 1180px;
    border-collapse: collapse;
    background: #fff;
}

.dlwe-checklist-table th,
.dlwe-checklist-table td {
    padding: 10px;
    border: 1px solid rgba(23, 23, 23, 0.12);
    vertical-align: top;
    text-align: left;
}

.dlwe-checklist-table th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #171717;
    color: #fff;
    font-size: 11px;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.dlwe-checklist-table input[type="text"],
.dlwe-checklist-table input[type="number"],
.dlwe-checklist-table input[type="date"],
.dlwe-checklist-table textarea,
.dlwe-checklist-table select {
    width: 100%;
    min-width: 110px;
    margin: 0;
    padding: 8px 9px;
    border: 1px solid rgba(23, 23, 23, 0.18);
    background: #fff;
    font: inherit;
}

.dlwe-checklist-table textarea {
    min-width: 280px;
    margin-top: 7px;
    resize: vertical;
}

.dlwe-checklist-table .dlwe-checklist-title-input,
.dlwe-checklist-table .dlwe-template-title {
    min-width: 280px;
}

.dlwe-checklist-table tr.is-existing {
    background: #f0eee9;
    opacity: .75;
}

.dlwe-checklist-table td:first-child {
    text-align: center;
}

.dlwe-checklist-table td:first-child small {
    display: block;
    margin-top: 5px;
    font-size: 10px;
    line-height: 1.3;
}

.dlwe-checklist-template-table {
    min-width: 1080px;
}

.dlwe-checklist-template-table td:nth-child(1),
.dlwe-checklist-template-table td:nth-child(5) {
    width: 90px;
}

.dlwe-checklist-template-table td:nth-child(7),
.dlwe-checklist-template-table td:nth-child(8),
.dlwe-checklist-template-table td:nth-child(9) {
    width: 76px;
    text-align: center;
}

@media (max-width: 1180px) {
    .dlwe-checklist-builder-grid,
    .dlwe-checklist-progress-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .dlwe-checklist-module-grid {
        grid-template-columns: 1fr;
    }

    .dlwe-checklist-progress-section,
    .dlwe-checklist-preview-section,
    .dlwe-checklist-template-editor {
        padding: 16px;
    }
}


/* Version 2.5: Wedding Timeline & Event Run Sheet */
.dlwe-timeline-top-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 22px;
}

.dlwe-timeline-quick-actions,
.dlwe-timeline-print-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}

.dlwe-timeline-summary {
    margin: 22px 0;
}

.dlwe-timeline-toolbar {
    margin-bottom: 14px;
}

.dlwe-timeline-toolbar button {
    min-height: 44px;
}

.dlwe-timeline-table-scroll {
    border: 1px solid rgba(23, 23, 23, 0.11);
    background: #fff;
}

.dlwe-timeline-table {
    width: 100%;
    min-width: 1760px;
    border-collapse: collapse;
}

.dlwe-timeline-table th,
.dlwe-timeline-table td {
    padding: 10px;
    border-bottom: 1px solid rgba(23, 23, 23, 0.1);
    border-right: 1px solid rgba(23, 23, 23, 0.06);
    vertical-align: top;
}

.dlwe-timeline-table th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #171717;
    color: #fff;
    font-size: 10px;
    letter-spacing: .08em;
    text-transform: uppercase;
    white-space: nowrap;
}

.dlwe-timeline-table input,
.dlwe-timeline-table textarea,
.dlwe-timeline-table select {
    width: 100%;
    min-width: 105px;
    margin: 0;
    padding: 8px 9px;
    border: 1px solid rgba(23, 23, 23, 0.18);
    background: #fff;
    font: inherit;
}

.dlwe-timeline-table textarea {
    resize: vertical;
}

.dlwe-timeline-table .dlwe-timeline-event,
.dlwe-timeline-table .dlwe-timeline-activity {
    min-width: 210px;
    margin-bottom: 7px;
}

.dlwe-timeline-table .dlwe-timeline-venue,
.dlwe-timeline-table .dlwe-timeline-details {
    min-width: 210px;
}

.dlwe-timeline-table .dlwe-timeline-notes {
    min-width: 190px;
}

.dlwe-timeline-time-fields {
    display: grid;
    gap: 7px;
    min-width: 105px;
}

.dlwe-timeline-row-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    min-width: 116px;
}

.dlwe-mini-button {
    min-height: 32px;
    padding: 6px 8px;
    font-size: 10px;
}

.dlwe-timeline-print-area {
    display: none;
}

@media (max-width: 1180px) {
    .dlwe-timeline-top-grid {
        grid-template-columns: 1fr;
    }
}

@media print {
    body.dlwe-print-timeline * {
        visibility: hidden !important;
    }

    body.dlwe-print-timeline #dlwe-timeline-print-area,
    body.dlwe-print-timeline #dlwe-timeline-print-area * {
        visibility: visible !important;
    }

    body.dlwe-print-timeline #dlwe-timeline-print-area {
        display: block !important;
        position: absolute;
        inset: 0;
        width: 100%;
        background: #fff;
        color: #171717;
        padding: 0;
    }

    .dlwe-run-sheet-print-header {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 24px;
        padding-bottom: 18px;
        border-bottom: 2px solid #171717;
        margin-bottom: 20px;
    }

    .dlwe-run-sheet-print-header > div:first-child strong {
        display: block;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 25px;
        letter-spacing: .18em;
    }

    .dlwe-run-sheet-print-header > div:first-child span {
        display: block;
        margin-top: 5px;
        color: #7a6549;
        font-size: 9px;
        letter-spacing: .16em;
        text-transform: uppercase;
    }

    .dlwe-run-sheet-print-header h1 {
        margin: 0;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 24px;
        color: #1d2b70;
        text-align: right;
    }

    .dlwe-run-sheet-print-header p {
        margin: 6px 0 0;
        font-size: 11px;
        text-align: right;
    }

    .dlwe-run-sheet-print-event {
        break-inside: avoid;
        margin: 0 0 22px;
    }

    .dlwe-run-sheet-print-event > header {
        display: flex;
        justify-content: space-between;
        gap: 16px;
        padding: 10px 12px;
        background: #f2ede5;
        border: 1px solid #d8cec0;
    }

    .dlwe-run-sheet-print-event > header strong {
        display: block;
        font-size: 15px;
    }

    .dlwe-run-sheet-print-event > header span {
        font-size: 10px;
        color: #6d645b;
    }

    .dlwe-run-sheet-print-event table {
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed;
    }

    .dlwe-run-sheet-print-event th,
    .dlwe-run-sheet-print-event td {
        padding: 7px 8px;
        border: 1px solid #d8cec0;
        vertical-align: top;
        font-size: 9px;
        line-height: 1.35;
    }

    .dlwe-run-sheet-print-event th {
        background: #171717;
        color: #fff;
        text-align: left;
        font-size: 8px;
        letter-spacing: .06em;
        text-transform: uppercase;
    }

    .dlwe-run-sheet-print-event th:nth-child(1),
    .dlwe-run-sheet-print-event td:nth-child(1) {
        width: 10%;
    }

    .dlwe-run-sheet-print-event th:nth-child(2),
    .dlwe-run-sheet-print-event td:nth-child(2) {
        width: 24%;
    }

    .dlwe-run-sheet-print-event th:nth-child(3),
    .dlwe-run-sheet-print-event td:nth-child(3) {
        width: 38%;
    }

    .dlwe-run-sheet-print-event th:nth-child(4),
    .dlwe-run-sheet-print-event td:nth-child(4) {
        width: 18%;
    }

    .dlwe-run-sheet-print-event th:nth-child(5),
    .dlwe-run-sheet-print-event td:nth-child(5) {
        width: 10%;
    }

    .dlwe-run-sheet-print-event td strong {
        display: block;
    }

    .dlwe-print-category {
        display: block;
        margin-bottom: 3px;
        color: #8b6b3f;
        font-size: 7px;
        font-weight: 700;
        letter-spacing: .06em;
        text-transform: uppercase;
    }

    .dlwe-run-sheet-print-event tr.is-cancelled {
        opacity: .55;
        text-decoration: line-through;
    }

    @page {
        size: A4 landscape;
        margin: 10mm;
    }
}

/* Version 2.6: Staff Attendance, Leave & Payroll */
.dlwe-inline-month {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 190px;
  padding: 9px 12px;
  border: 1px solid var(--dlwe-border);
  background: #fff;
}

.dlwe-inline-month span {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.dlwe-inline-month input {
  min-width: 120px;
  border: 0;
  padding: 0;
  background: transparent;
}

.dlwe-hr-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 24px;
  padding: 6px;
  background: #f4f1eb;
  border: 1px solid var(--dlwe-border);
}

.dlwe-hr-tab {
  appearance: none;
  border: 0;
  background: transparent;
  padding: 11px 18px;
  color: var(--dlwe-muted);
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

.dlwe-hr-tab.is-active {
  background: #171717;
  color: #fff;
}

.dlwe-hr-tab-panel[hidden] {
  display: none !important;
}

.dlwe-hr-clock-grid {
  display: grid;
  grid-template-columns: minmax(320px, 1.1fr) minmax(420px, 1.9fr);
  gap: 22px;
  align-items: start;
  margin-bottom: 24px;
}

.dlwe-hr-clock-card {
  padding: 28px;
  background: #171717;
  color: #fff;
  border: 1px solid #171717;
}

.dlwe-hr-clock-card h2 {
  margin: 6px 0 8px;
  color: #fff;
}

.dlwe-hr-clock-card .dlwe-muted,
.dlwe-hr-clock-card label {
  color: rgba(255,255,255,.72);
}

.dlwe-hr-clock-card input,
.dlwe-hr-clock-card select,
.dlwe-hr-clock-card textarea {
  color: #171717;
  background: #fff;
}

.dlwe-form-actions-left {
  justify-content: flex-start;
}

.dlwe-hr-manager-form {
  margin: 24px 0;
}

.dlwe-hr-payroll-toolbar {
  margin-bottom: 18px;
}

.dlwe-inline-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.dlwe-text-danger {
  color: #9e2b2b !important;
}

.dlwe-data-table td small {
  display: block;
  margin-top: 4px;
  color: var(--dlwe-muted);
  font-size: 11px;
  line-height: 1.35;
}

.dlwe-payroll-print-area {
  display: none;
}

.dlwe-payslip {
  max-width: 850px;
  margin: 0 auto;
  padding: 42px;
  color: #171717;
  background: #fff;
  font-family: Arial, sans-serif;
}

.dlwe-payslip header {
  display: flex;
  justify-content: space-between;
  gap: 32px;
  padding-bottom: 26px;
  border-bottom: 2px solid #171717;
}

.dlwe-payslip header > div:first-child {
  display: flex;
  flex-direction: column;
}

.dlwe-payslip header > div:first-child strong {
  font-size: 28px;
  letter-spacing: .16em;
}

.dlwe-payslip header > div:first-child span {
  margin-top: 5px;
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.dlwe-payslip header h1 {
  margin: 0;
  text-align: right;
}

.dlwe-payslip header p {
  margin: 6px 0 0;
  text-align: right;
}

.dlwe-payslip-person {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin: 26px 0;
}

.dlwe-payslip-person div,
.dlwe-payslip-meta p {
  padding: 14px;
  background: #f5f2ec;
}

.dlwe-payslip-person span {
  display: block;
  margin-bottom: 5px;
  color: #686868;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.dlwe-payslip table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 24px;
}

.dlwe-payslip td {
  padding: 13px 12px;
  border-bottom: 1px solid #ddd;
}

.dlwe-payslip td:last-child {
  text-align: right;
  font-weight: 700;
}

.dlwe-payslip tr.is-total td {
  padding-top: 18px;
  border-top: 2px solid #171717;
  border-bottom: 0;
  font-size: 18px;
}

.dlwe-payslip-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.dlwe-payslip-meta p {
  margin: 0;
  font-size: 12px;
}

.dlwe-payslip footer {
  margin-top: 26px;
  padding-top: 18px;
  border-top: 1px solid #ddd;
  color: #555;
  font-size: 11px;
}

@media (max-width: 980px) {
  .dlwe-hr-clock-grid {
    grid-template-columns: 1fr;
  }

  .dlwe-payslip-person,
  .dlwe-payslip-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .dlwe-inline-month {
    width: 100%;
  }

  .dlwe-hr-tabs {
    display: grid;
    grid-template-columns: 1fr;
  }

  .dlwe-payslip-person,
  .dlwe-payslip-meta {
    grid-template-columns: 1fr;
  }
}

@media print {
  body.dlwe-print-payslip * {
    visibility: hidden !important;
  }

  body.dlwe-print-payslip #dlwe-hr-print-area,
  body.dlwe-print-payslip #dlwe-hr-print-area * {
    visibility: visible !important;
  }

  body.dlwe-print-payslip #dlwe-hr-print-area {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    background: #fff !important;
  }

  body.dlwe-print-payslip .dlwe-payslip {
    max-width: none;
    padding: 0;
  }
}


/* Version 2.7: Role-specific Portal Home Dashboard */
.dlwe-home-header {
  align-items: center;
}

.dlwe-home-hero {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 22px;
  padding: 30px;
  color: #f8f4ed;
  background:
    radial-gradient(circle at 86% 18%, rgba(211, 185, 141, 0.24), transparent 34%),
    linear-gradient(135deg, #171717 0%, #2a2825 100%);
  border-radius: 5px;
  overflow: hidden;
}

.dlwe-home-hero h2 {
  max-width: 660px;
  margin: 12px 0 8px;
  color: #ffffff;
  font-size: clamp(26px, 3vw, 38px);
}

.dlwe-home-hero p {
  max-width: 680px;
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 14px;
  line-height: 1.65;
}

.dlwe-home-role-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.dlwe-home-role-badge {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 5px 10px;
  color: #171717;
  background: var(--dlwe-champagne);
  border-radius: 999px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.dlwe-home-generated {
  color: rgba(255, 255, 255, 0.56);
  font-size: 11px;
}

.dlwe-home-date-block {
  min-width: 170px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px;
  text-align: right;
  border-left: 1px solid rgba(255, 255, 255, 0.16);
}

.dlwe-home-date-block span {
  color: var(--dlwe-champagne);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.dlwe-home-date-block strong {
  margin-top: 8px;
  color: #ffffff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 22px;
  font-weight: 400;
}

.dlwe-home-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 28px;
}

.dlwe-home-metric {
  min-width: 0;
  padding: 20px;
  background: #ffffff;
  border: 1px solid var(--dlwe-border);
  border-top: 3px solid #d7cec2;
  border-radius: 4px;
}

.dlwe-home-metric > span {
  display: block;
  color: var(--dlwe-muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.dlwe-home-metric > strong {
  display: block;
  margin: 10px 0 6px;
  color: var(--dlwe-black);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(24px, 3vw, 34px);
  font-weight: 400;
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.dlwe-home-metric > small {
  display: block;
  min-height: 30px;
  color: var(--dlwe-muted);
  font-size: 11px;
  line-height: 1.4;
}

.dlwe-home-metric-warning {
  border-top-color: #bf8d3d;
}

.dlwe-home-metric-danger {
  border-top-color: #a63c32;
}

.dlwe-home-metric-success {
  border-top-color: var(--dlwe-success);
}

.dlwe-home-section {
  margin-bottom: 28px;
}

.dlwe-home-section-heading,
.dlwe-home-card-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.dlwe-home-section-heading {
  margin-bottom: 14px;
}

.dlwe-home-section-heading h2,
.dlwe-home-card-heading h3 {
  margin-bottom: 0;
}

.dlwe-home-quick-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.dlwe-home-action {
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 13px;
  min-height: 82px;
  padding: 16px;
  text-align: left;
  color: var(--dlwe-black);
  background: #ffffff;
  border: 1px solid var(--dlwe-border);
  border-radius: 4px;
  cursor: pointer;
  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.dlwe-home-action:hover,
.dlwe-home-action:focus-visible {
  transform: translateY(-2px);
  border-color: #bca98b;
  box-shadow: 0 12px 28px rgba(22, 22, 22, 0.08);
  outline: none;
}

.dlwe-home-action-number {
  color: #a38250;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 15px;
}

.dlwe-home-action strong,
.dlwe-home-action small {
  display: block;
}

.dlwe-home-action strong {
  margin-bottom: 5px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  font-weight: 400;
}

.dlwe-home-action small {
  color: var(--dlwe-muted);
  font-size: 11px;
  line-height: 1.4;
}

.dlwe-home-action-arrow {
  color: #9c7d4f;
  font-size: 18px;
}

.dlwe-home-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 24px;
}

.dlwe-home-card {
  min-width: 0;
  padding: 22px;
  background: #ffffff;
  border: 1px solid var(--dlwe-border);
  border-radius: 4px;
}

.dlwe-home-card-wide {
  grid-column: 1 / -1;
}

.dlwe-home-card-heading {
  margin-bottom: 17px;
  padding-bottom: 14px;
  border-bottom: 1px solid #eee8de;
}

.dlwe-home-card-heading .dlwe-eyebrow {
  margin-bottom: 5px;
}

.dlwe-text-button {
  flex: 0 0 auto;
  padding: 4px 0;
  color: #856638;
  background: transparent;
  border: 0;
  cursor: pointer;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.dlwe-text-button:hover,
.dlwe-text-button:focus-visible {
  color: var(--dlwe-black);
  text-decoration: underline;
  outline: none;
}

.dlwe-home-list {
  display: grid;
  gap: 0;
}

.dlwe-home-list-row {
  width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 13px 0;
  text-align: left;
  color: inherit;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #f0ebe3;
  cursor: pointer;
}

.dlwe-home-list-row:last-child {
  border-bottom: 0;
}

button.dlwe-home-list-row:hover .dlwe-home-list-main strong,
button.dlwe-home-list-row:focus-visible .dlwe-home-list-main strong {
  color: #8a6635;
}

button.dlwe-home-list-row:focus-visible {
  outline: 2px solid rgba(211, 185, 141, 0.55);
  outline-offset: 3px;
}

.dlwe-home-list-row-static {
  cursor: default;
}

.dlwe-home-list-main {
  min-width: 0;
  flex: 1;
}

.dlwe-home-list-main strong,
.dlwe-home-list-main small {
  display: block;
}

.dlwe-home-list-main strong {
  color: var(--dlwe-black);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
}

.dlwe-home-list-main small {
  margin-top: 4px;
  color: var(--dlwe-muted);
  font-size: 11px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.dlwe-home-list-meta {
  flex: 0 0 auto;
  max-width: 150px;
  color: var(--dlwe-muted);
  font-size: 10px;
  text-align: right;
}

.dlwe-home-pill {
  flex: 0 0 auto;
  padding: 5px 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 800;
}

.dlwe-home-pill-neutral {
  color: #655a4d;
  background: #f1ece4;
}

.dlwe-home-pill-warning {
  color: #805416;
  background: #fff4df;
}

.dlwe-home-pill-danger {
  color: #8e3028;
  background: #fbe9e6;
}

.dlwe-home-date-chip {
  width: 46px;
  flex: 0 0 46px;
  padding: 7px 5px;
  text-align: center;
  background: #f3eee6;
  border-radius: 3px;
}

.dlwe-home-date-chip strong,
.dlwe-home-date-chip small {
  display: block;
}

.dlwe-home-date-chip strong {
  color: var(--dlwe-black);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  font-weight: 400;
}

.dlwe-home-date-chip small {
  margin-top: 2px;
  color: #947344;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.dlwe-home-attendance-status {
  padding: 19px;
  border-left: 3px solid #c8bcae;
  background: #f7f3ed;
}

.dlwe-home-attendance-status span,
.dlwe-home-attendance-status strong,
.dlwe-home-attendance-status small {
  display: block;
}

.dlwe-home-attendance-status span {
  color: var(--dlwe-muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.dlwe-home-attendance-status strong {
  margin: 8px 0 5px;
  color: var(--dlwe-black);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 24px;
  font-weight: 400;
}

.dlwe-home-attendance-status small {
  color: var(--dlwe-muted);
  line-height: 1.45;
}

.dlwe-home-attendance-success {
  border-left-color: var(--dlwe-success);
  background: #edf7f1;
}

.dlwe-home-attendance-warning {
  border-left-color: #b8883c;
  background: #fff7e9;
}

.dlwe-home-mini-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.dlwe-home-mini-stats div {
  padding: 13px;
  background: #f6f2ec;
}

.dlwe-home-mini-stats strong,
.dlwe-home-mini-stats span {
  display: block;
}

.dlwe-home-mini-stats strong {
  margin-bottom: 3px;
  font-size: 20px;
}

.dlwe-home-mini-stats span {
  color: var(--dlwe-muted);
  font-size: 10px;
  line-height: 1.35;
}

.dlwe-home-full-button {
  width: 100%;
  margin-top: 12px;
}

.dlwe-home-action-stack {
  display: grid;
  gap: 8px;
}

.dlwe-home-action-line {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 13px;
  text-align: left;
  color: var(--dlwe-black);
  background: #f7f3ed;
  border: 1px solid transparent;
  border-radius: 3px;
  cursor: pointer;
}

.dlwe-home-action-line:hover,
.dlwe-home-action-line:focus-visible {
  border-color: #c8b392;
  outline: none;
}

.dlwe-home-action-line span {
  min-width: 0;
}

.dlwe-home-action-line strong,
.dlwe-home-action-line small {
  display: block;
}

.dlwe-home-action-line strong {
  font-size: 12px;
}

.dlwe-home-action-line small {
  margin-top: 3px;
  color: var(--dlwe-muted);
  font-size: 10px;
}

.dlwe-home-action-line b {
  color: #8c6938;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 21px;
  font-weight: 400;
}

.dlwe-home-progress-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 7px 14px;
  padding: 12px 0;
  border-bottom: 1px solid #f0ebe3;
}

.dlwe-home-progress-row:last-child {
  border-bottom: 0;
}

.dlwe-home-progress-row strong,
.dlwe-home-progress-row small {
  display: block;
}

.dlwe-home-progress-row strong {
  color: var(--dlwe-black);
  font-size: 12px;
}

.dlwe-home-progress-row small {
  margin-top: 3px;
  color: var(--dlwe-muted);
  font-size: 10px;
}

.dlwe-home-progress-value {
  color: #856638;
  font-size: 12px;
  font-weight: 800;
}

.dlwe-home-progress-track {
  grid-column: 1 / -1;
  height: 6px;
  overflow: hidden;
  background: #ece5db;
  border-radius: 999px;
}

.dlwe-home-progress-track span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #b99a69, #d8c29d);
  border-radius: inherit;
}

.dlwe-home-activity-mark {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  background: var(--dlwe-champagne);
  border-radius: 999px;
  box-shadow: 0 0 0 5px rgba(211, 185, 141, 0.14);
}

.dlwe-home-empty {
  padding: 24px 14px;
  color: var(--dlwe-muted);
  background: #faf8f4;
  border: 1px dashed #ddd3c5;
  text-align: center;
  font-size: 12px;
}

@media (max-width: 1100px) {
  .dlwe-home-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dlwe-home-quick-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 780px) {
  .dlwe-home-header {
    align-items: flex-start;
  }

  .dlwe-home-hero {
    flex-direction: column;
    padding: 24px;
  }

  .dlwe-home-date-block {
    min-width: 0;
    padding: 16px 0 0;
    text-align: left;
    border-top: 1px solid rgba(255, 255, 255, 0.16);
    border-left: 0;
  }

  .dlwe-home-grid {
    grid-template-columns: 1fr;
  }

  .dlwe-home-card-wide {
    grid-column: auto;
  }
}

@media (max-width: 560px) {
  .dlwe-home-summary-grid,
  .dlwe-home-quick-actions,
  .dlwe-home-mini-stats {
    grid-template-columns: 1fr;
  }

  .dlwe-home-action {
    min-height: 72px;
  }

  .dlwe-home-list-row {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .dlwe-home-list-meta,
  .dlwe-home-pill {
    margin-left: 59px;
    text-align: left;
  }

  .dlwe-home-card {
    padding: 18px;
  }
}


/* Version 2.8: Unified luxury editorial interface refinement */
:root {
  --dlwe-black: #111111;
  --dlwe-charcoal: #292725;
  --dlwe-cream: #f6f2ec;
  --dlwe-white: #fffefa;
  --dlwe-surface: #ffffff;
  --dlwe-champagne: #b99a69;
  --dlwe-champagne-soft: #e9ddca;
  --dlwe-border: #ddd4c8;
  --dlwe-border-light: #eee8df;
  --dlwe-muted: #716c65;
  --dlwe-success: #35684d;
  --dlwe-error: #963a32;
  --dlwe-warning: #9b6a25;
  --dlwe-shadow: 0 18px 48px rgba(17, 17, 17, 0.055);
  --dlwe-shadow-soft: 0 10px 28px rgba(17, 17, 17, 0.035);
}

.dlwe-portal-shell,
.dlwe-auth-shell,
.dlwe-access-card {
  font-family: Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.dlwe-portal-shell {
  min-height: 820px;
  grid-template-columns: 272px minmax(0, 1fr);
  background: var(--dlwe-cream);
  border: 0;
  border-radius: 0;
  box-shadow: var(--dlwe-shadow);
}

.dlwe-sidebar {
  padding: 38px 27px 28px;
  background: #121212;
  border-right: 1px solid rgba(255, 255, 255, 0.06);
}

.dlwe-sidebar-brand {
  font-size: 30px;
  letter-spacing: 0.23em;
}

.dlwe-sidebar-subtitle {
  margin-top: 10px;
  color: #c6aa79;
  letter-spacing: 0.24em;
}

.dlwe-nav {
  gap: 3px;
  margin: 38px 0 auto;
}

.dlwe-nav-section-label {
  display: block;
  margin: 24px 12px 8px;
  color: rgba(255, 255, 255, 0.38);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.2em;
  line-height: 1.2;
  text-transform: uppercase;
}

.dlwe-nav-section-label:first-child {
  margin-top: 0;
}

.dlwe-nav-item {
  min-height: 42px;
  position: relative;
  padding: 10px 13px 10px 17px;
  color: rgba(255, 255, 255, 0.72) !important;
  border-radius: 0;
  font-size: 12.5px;
  letter-spacing: 0.01em;
  transition: color 150ms ease, background 150ms ease, transform 150ms ease;
}

.dlwe-nav-item::before {
  content: "";
  width: 2px;
  position: absolute;
  inset: 8px auto 8px 0;
  background: transparent;
  transition: background 150ms ease;
}

.dlwe-nav-item:hover,
.dlwe-nav-item:focus-visible {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.045);
  outline: none;
}

.dlwe-nav-item.is-active {
  color: #fff !important;
  background: rgba(185, 154, 105, 0.12);
}

.dlwe-nav-item.is-active::before {
  background: var(--dlwe-champagne);
}

.dlwe-nav-item .dlwe-nav-badge {
  min-width: 22px;
  height: 22px;
  color: #111;
  background: #c9ad7c;
  border-radius: 999px;
  font-size: 10px;
}

.dlwe-logout-link {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  margin-top: 32px;
  color: rgba(255, 255, 255, 0.62) !important;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.dlwe-logout-link:hover,
.dlwe-logout-link:focus-visible {
  color: var(--dlwe-champagne) !important;
  outline: none;
}

.dlwe-main {
  padding: clamp(30px, 3.2vw, 52px);
  background: var(--dlwe-cream);
}

.dlwe-panel.is-active {
  animation-duration: 0.26s;
}

.dlwe-portal-header {
  align-items: center;
  margin-bottom: 32px;
  padding-bottom: 22px;
  border-bottom: 1px solid var(--dlwe-border);
}

.dlwe-eyebrow {
  margin-bottom: 9px;
  color: #8f7146;
  font-size: 8.5px;
  letter-spacing: 0.19em;
}

.dlwe-portal-header h1 {
  margin-bottom: 8px;
  font-size: clamp(30px, 3.2vw, 43px);
  line-height: 1.04;
  letter-spacing: -0.025em;
}

.dlwe-main h2 {
  font-size: clamp(23px, 2vw, 29px);
  letter-spacing: -0.015em;
}

.dlwe-main h3 {
  letter-spacing: -0.01em;
}

.dlwe-muted {
  color: var(--dlwe-muted);
}

.dlwe-header-actions {
  gap: 10px;
}

.dlwe-user-chip {
  min-width: 225px;
  padding: 9px 12px;
  background: rgba(255, 255, 255, 0.7);
  border-color: var(--dlwe-border);
  border-radius: 0;
  box-shadow: none;
}

.dlwe-user-avatar {
  width: 40px;
  height: 40px;
  flex-basis: 40px;
  background: #171717;
  border-radius: 0;
  font-size: 13px;
  letter-spacing: 0.04em;
}

.dlwe-primary-button,
.dlwe-secondary-button,
.dlwe-mini-button,
.dlwe-text-button {
  transition: color 150ms ease, background 150ms ease, border-color 150ms ease, transform 150ms ease;
}

.dlwe-primary-button,
.dlwe-secondary-button {
  min-height: 44px;
  border-radius: 0;
  font-size: 10.5px;
  letter-spacing: 0.11em;
}

.dlwe-primary-button {
  background: #151515;
  border-color: #151515;
}

.dlwe-primary-button:hover,
.dlwe-primary-button:focus-visible {
  color: #111 !important;
  background: var(--dlwe-champagne);
  border-color: var(--dlwe-champagne);
  outline: none;
}

.dlwe-secondary-button {
  background: rgba(255, 255, 255, 0.72);
  border-color: #d6ccbf;
}

.dlwe-secondary-button:hover,
.dlwe-secondary-button:focus-visible {
  background: #fff;
  border-color: #8f7146;
  outline: none;
}

.dlwe-compact-button {
  min-height: 38px;
  padding: 9px 15px;
}

.dlwe-form-section,
.dlwe-report-card,
.dlwe-report-filter-card,
.dlwe-task-dashboard-card,
.dlwe-checklist-settings,
.dlwe-checklist-preview-section,
.dlwe-checklist-template-editor,
.dlwe-checklist-progress-section,
.dlwe-timeline-top-grid > *,
.dlwe-hr-manager-form,
.dlwe-home-card {
  border-radius: 0 !important;
  box-shadow: var(--dlwe-shadow-soft);
}

.dlwe-form-section,
.dlwe-report-card,
.dlwe-report-filter-card,
.dlwe-task-dashboard-card,
.dlwe-checklist-settings,
.dlwe-checklist-preview-section,
.dlwe-checklist-template-editor,
.dlwe-checklist-progress-section,
.dlwe-home-card {
  background: rgba(255, 255, 255, 0.92);
  border-color: var(--dlwe-border);
}

.dlwe-form-section-heading,
.dlwe-task-dashboard-card-heading,
.dlwe-home-card-heading,
.dlwe-checklist-progress-heading {
  padding-bottom: 14px;
  border-bottom: 1px solid var(--dlwe-border-light);
}

.dlwe-field label,
.dlwe-form-grid label {
  color: #5f5952;
  font-size: 9.5px;
  letter-spacing: 0.1em;
}

.dlwe-field input,
.dlwe-field select,
.dlwe-field textarea,
.dlwe-form-grid input,
.dlwe-form-grid select,
.dlwe-form-grid textarea,
.dlwe-task-dashboard-toolbar input,
.dlwe-task-dashboard-toolbar select,
.dlwe-checklist-table input,
.dlwe-checklist-table select,
.dlwe-checklist-table textarea,
.dlwe-timeline-table input,
.dlwe-timeline-table select,
.dlwe-timeline-table textarea,
.dlwe-data-table input,
.dlwe-data-table select,
.dlwe-data-table textarea {
  color: #1a1918;
  background: #fff;
  border-color: #d7cec2;
  border-radius: 0;
  box-shadow: none;
}

.dlwe-field input:focus,
.dlwe-field select:focus,
.dlwe-field textarea:focus,
.dlwe-form-grid input:focus,
.dlwe-form-grid select:focus,
.dlwe-form-grid textarea:focus,
.dlwe-task-dashboard-toolbar input:focus,
.dlwe-task-dashboard-toolbar select:focus,
.dlwe-checklist-table input:focus,
.dlwe-checklist-table select:focus,
.dlwe-checklist-table textarea:focus,
.dlwe-timeline-table input:focus,
.dlwe-timeline-table select:focus,
.dlwe-timeline-table textarea:focus {
  border-color: #9b7b4d;
  outline: 2px solid rgba(185, 154, 105, 0.14);
  outline-offset: 0;
}

.dlwe-alert,
.dlwe-security-note,
.dlwe-empty-state,
.dlwe-home-empty {
  border-radius: 0;
}

.dlwe-status-badge,
.dlwe-home-pill,
.dlwe-history-pill,
.dlwe-task-dashboard-chip,
.dlwe-task-load-label {
  border-radius: 999px;
}

/* Home dashboard */
.dlwe-home-hero {
  position: relative;
  overflow: hidden;
  padding: 32px 34px;
  color: #fff;
  background: #151515;
  border: 1px solid #151515;
  border-radius: 0;
  box-shadow: var(--dlwe-shadow);
}

.dlwe-home-hero::after {
  content: "";
  width: 90px;
  height: 1px;
  position: absolute;
  right: 34px;
  top: 32px;
  background: var(--dlwe-champagne);
}

.dlwe-home-hero h2 {
  margin-top: 18px;
  color: #fff;
  font-size: clamp(27px, 3vw, 38px);
}

.dlwe-home-role-badge {
  color: #171717;
  background: #c9ad7c;
  border-radius: 0;
  letter-spacing: 0.13em;
}

.dlwe-home-date-block {
  min-width: 180px;
  border-left-color: rgba(255, 255, 255, 0.12);
}

.dlwe-home-summary-grid {
  gap: 12px;
}

.dlwe-home-metric {
  min-height: 148px;
  padding: 21px;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid var(--dlwe-border);
  border-top: 2px solid #c8b89f;
  border-radius: 0;
  box-shadow: var(--dlwe-shadow-soft);
}

.dlwe-home-metric > strong {
  margin: 14px 0 8px;
  font-size: clamp(30px, 3.3vw, 42px);
}

.dlwe-home-quick-actions {
  gap: 10px;
}

.dlwe-home-action {
  min-height: 92px;
  padding: 18px;
  background: rgba(255, 255, 255, 0.92);
  border-color: var(--dlwe-border);
  border-radius: 0;
  box-shadow: var(--dlwe-shadow-soft);
}

.dlwe-home-action:hover,
.dlwe-home-action:focus-visible {
  transform: translateY(-2px);
  border-color: #a88958;
  box-shadow: 0 16px 34px rgba(17, 17, 17, 0.07);
}

.dlwe-home-action-number {
  min-width: 28px;
  color: #97784b;
  font-size: 13px;
  letter-spacing: 0.08em;
}

.dlwe-home-action-arrow {
  color: #8b6a3b;
}

.dlwe-home-card {
  padding: 25px;
}

.dlwe-home-list-row {
  padding: 15px 0;
}

.dlwe-home-list-row:hover {
  background: #fbf8f3;
}

.dlwe-home-date-chip {
  background: #f0e9de;
  border-radius: 0;
}

.dlwe-home-attendance-status {
  border-left-width: 2px;
}

/* Task dashboard */
.dlwe-task-dashboard-meta {
  padding: 12px 15px;
  background: rgba(255, 255, 255, 0.66);
  border-color: var(--dlwe-border);
}

.dlwe-task-dashboard-toolbar {
  gap: 8px;
  padding: 14px;
  background: rgba(255, 255, 255, 0.64);
  border: 1px solid var(--dlwe-border);
  box-shadow: var(--dlwe-shadow-soft);
}

.dlwe-task-dashboard-summary {
  gap: 10px;
}

.dlwe-task-dashboard-stat {
  min-height: 134px;
  padding: 19px;
  position: relative;
  background: rgba(255, 255, 255, 0.94);
  border-color: var(--dlwe-border);
  box-shadow: var(--dlwe-shadow-soft);
}

.dlwe-task-dashboard-stat::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 2px;
  background: #cab99f;
}

.dlwe-task-dashboard-stat.is-danger::before { background: var(--dlwe-error); }
.dlwe-task-dashboard-stat.is-warning::before { background: var(--dlwe-warning); }
.dlwe-task-dashboard-stat.is-success::before { background: var(--dlwe-success); }

.dlwe-task-dashboard-stat strong {
  margin: 13px 0 9px;
  font-size: 36px;
}

.dlwe-task-dashboard-layout {
  gap: 16px;
}

.dlwe-task-dashboard-card {
  padding: 25px;
}

.dlwe-task-dashboard-table th,
.dlwe-data-table th,
.dlwe-report-table th,
.dlwe-checklist-table th,
.dlwe-checklist-template-table th {
  color: rgba(255, 255, 255, 0.85) !important;
  background: #181818 !important;
  border-color: #2e2e2e !important;
  font-size: 9px;
  letter-spacing: 0.1em;
}

.dlwe-task-dashboard-table tbody tr,
.dlwe-data-table tbody tr,
.dlwe-report-table tbody tr,
.dlwe-checklist-table tbody tr,
.dlwe-checklist-template-table tbody tr {
  transition: background 120ms ease;
}

.dlwe-task-dashboard-table tbody tr:hover,
.dlwe-data-table tbody tr:hover,
.dlwe-report-table tbody tr:hover,
.dlwe-checklist-table tbody tr:hover,
.dlwe-checklist-template-table tbody tr:hover {
  background: #fbf8f3;
}

.dlwe-task-deadline-item {
  padding: 15px 16px;
  background: #fbf9f5;
  border-left-width: 2px;
}

.dlwe-task-breakdown-track,
.dlwe-task-mini-progress {
  background: #eae2d7;
  border-radius: 0;
}

.dlwe-task-breakdown-track span {
  background: #b49565;
}

/* Checklist builder */
.dlwe-checklist-builder-grid {
  gap: 16px;
}

.dlwe-checklist-settings {
  padding: 24px;
  border-top: 2px solid #b99a69;
}

.dlwe-checklist-module-grid {
  gap: 9px;
}

.dlwe-checklist-module-option {
  min-height: 74px;
  padding: 14px 15px;
  background: #fff;
  border: 1px solid var(--dlwe-border);
  border-radius: 0;
  transition: border-color 140ms ease, background 140ms ease, transform 140ms ease;
}

.dlwe-checklist-module-option:hover {
  transform: translateY(-1px);
  border-color: #aa8a59;
  background: #fffdf9;
}

.dlwe-checklist-module-option:has(input:checked) {
  border-color: #9b7b4d;
  background: #f6f0e7;
  box-shadow: inset 3px 0 0 #b99a69;
}

.dlwe-checklist-preview-section,
.dlwe-checklist-template-editor,
.dlwe-checklist-progress-section {
  padding: 25px;
}

.dlwe-checklist-progress-card {
  background: #fff;
  border: 1px solid var(--dlwe-border);
  border-radius: 0;
  box-shadow: var(--dlwe-shadow-soft);
}

.dlwe-checklist-progress-bar,
.dlwe-home-progress-track {
  border-radius: 0;
  background: #e9e1d6;
}

.dlwe-checklist-progress-bar span,
.dlwe-home-progress-track span {
  border-radius: 0;
  background: #b49362;
}

.dlwe-checklist-preview-actions {
  padding-top: 18px;
  border-top: 1px solid var(--dlwe-border-light);
}

/* Timeline builder */
.dlwe-timeline-top-grid {
  gap: 16px;
}

.dlwe-timeline-top-grid > * {
  overflow: hidden;
  border: 1px solid var(--dlwe-border);
  background: rgba(255, 255, 255, 0.92);
}

.dlwe-timeline-summary {
  gap: 10px;
}

.dlwe-timeline-summary > div {
  min-height: 105px;
  padding: 18px;
  background: #fff;
  border: 1px solid var(--dlwe-border);
  border-top: 2px solid #c6b596;
  box-shadow: var(--dlwe-shadow-soft);
}

.dlwe-timeline-toolbar,
.dlwe-timeline-quick-actions,
.dlwe-timeline-print-actions {
  gap: 8px;
}

.dlwe-timeline-table-scroll {
  border-color: var(--dlwe-border);
  box-shadow: var(--dlwe-shadow-soft);
}

.dlwe-timeline-table th {
  background: #181818;
  letter-spacing: 0.1em;
}

.dlwe-timeline-table td {
  padding: 12px 10px;
  background: #fff;
  border-color: var(--dlwe-border-light);
}

.dlwe-timeline-table tbody tr:nth-child(even) td {
  background: #fcfaf7;
}

.dlwe-timeline-table tbody tr:hover td {
  background: #f7f1e8;
}

.dlwe-timeline-table input,
.dlwe-timeline-table textarea,
.dlwe-timeline-table select {
  min-height: 38px;
  padding: 8px 9px;
  background: rgba(255, 255, 255, 0.96);
}

.dlwe-timeline-time-fields input {
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.dlwe-timeline-row-actions .dlwe-mini-button {
  border-radius: 0;
}

/* Attendance, leave and payroll */
.dlwe-hr-tabs {
  gap: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--dlwe-border);
}

.dlwe-hr-tab {
  min-height: 48px;
  padding: 12px 20px;
  position: relative;
  color: #706a63;
  border-bottom: 2px solid transparent;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.dlwe-hr-tab.is-active {
  color: #111;
  background: transparent;
  border-bottom-color: #a88755;
}

.dlwe-hr-tab:hover,
.dlwe-hr-tab:focus-visible {
  color: #111;
  background: #f2ece3;
  outline: none;
}

.dlwe-hr-clock-grid {
  gap: 16px;
}

.dlwe-hr-clock-card {
  position: relative;
  padding: 31px;
  background: #151515;
  border: 0;
  box-shadow: var(--dlwe-shadow);
}

.dlwe-hr-clock-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 2px;
  background: var(--dlwe-champagne);
}

.dlwe-hr-clock-card h2 {
  font-size: 30px;
}

.dlwe-inline-month {
  border-radius: 0;
  background: rgba(255, 255, 255, 0.82);
}

.dlwe-personal-summary-card,
.dlwe-payslip-person div,
.dlwe-payslip-meta p {
  border-radius: 0;
}

.dlwe-payslip {
  border: 1px solid var(--dlwe-border);
  box-shadow: var(--dlwe-shadow);
}

/* Shared table polish */
.dlwe-table-scroll,
.dlwe-report-table-wrap,
.dlwe-timeline-table-scroll {
  scrollbar-color: #b9a98f #eee8df;
  scrollbar-width: thin;
}

.dlwe-table-scroll::-webkit-scrollbar,
.dlwe-report-table-wrap::-webkit-scrollbar,
.dlwe-timeline-table-scroll::-webkit-scrollbar {
  height: 9px;
  width: 9px;
}

.dlwe-table-scroll::-webkit-scrollbar-track,
.dlwe-report-table-wrap::-webkit-scrollbar-track,
.dlwe-timeline-table-scroll::-webkit-scrollbar-track {
  background: #eee8df;
}

.dlwe-table-scroll::-webkit-scrollbar-thumb,
.dlwe-report-table-wrap::-webkit-scrollbar-thumb,
.dlwe-timeline-table-scroll::-webkit-scrollbar-thumb {
  background: #b9a98f;
}

@media (max-width: 1040px) {
  .dlwe-portal-shell {
    grid-template-columns: 230px minmax(0, 1fr);
  }

  .dlwe-sidebar {
    padding-inline: 20px;
  }

  .dlwe-main {
    padding: 30px;
  }
}

@media (max-width: 850px) {
  .dlwe-portal-shell {
    display: block;
    min-height: 0;
  }

  .dlwe-sidebar {
    padding: 22px;
  }

  .dlwe-nav {
    display: flex;
    gap: 7px;
    margin: 22px -4px 15px;
    padding: 0 4px 7px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
  }

  .dlwe-nav-section-label {
    display: none;
  }

  .dlwe-nav-item {
    width: auto;
    min-width: max-content;
    flex: 0 0 auto;
    padding-inline: 15px;
    border: 1px solid rgba(255, 255, 255, 0.08);
  }

  .dlwe-nav-item::before {
    inset: auto 8px 0;
    width: auto;
    height: 2px;
  }

  .dlwe-logout-link {
    margin-top: 4px;
  }

  .dlwe-main {
    padding: 28px 22px;
  }

  .dlwe-portal-header {
    align-items: flex-start;
  }
}

@media (max-width: 620px) {
  .dlwe-main {
    padding: 22px 14px;
  }

  .dlwe-portal-header {
    padding-bottom: 18px;
  }

  .dlwe-portal-header h1 {
    font-size: 31px;
  }

  .dlwe-header-actions,
  .dlwe-user-chip {
    width: 100%;
  }

  .dlwe-header-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .dlwe-home-hero {
    padding: 25px 22px;
  }

  .dlwe-home-hero::after {
    right: 22px;
    top: 22px;
    width: 52px;
  }

  .dlwe-home-metric,
  .dlwe-task-dashboard-stat,
  .dlwe-task-dashboard-card,
  .dlwe-checklist-settings,
  .dlwe-checklist-preview-section,
  .dlwe-checklist-template-editor,
  .dlwe-checklist-progress-section,
  .dlwe-home-card {
    padding: 18px;
  }

  .dlwe-hr-tab {
    padding-inline: 12px;
    font-size: 9.5px;
  }

  .dlwe-hr-clock-card {
    padding: 23px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dlwe-portal-shell *,
  .dlwe-auth-shell * {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}

/* Version 2.8.1: responsive layout and form-control repair */
.dlwe-portal-shell {
  grid-template-columns: 240px minmax(0, 1fr);
}

.dlwe-main {
  min-width: 0;
  padding: clamp(24px, 2.35vw, 38px);
  container-type: inline-size;
}

/* Every grid item and card must be allowed to shrink inside the portal. */
.dlwe-panel,
.dlwe-panel > *,
.dlwe-form-section,
.dlwe-form-grid,
.dlwe-form-grid > *,
.dlwe-field,
.dlwe-checklist-builder-grid > *,
.dlwe-checklist-module-grid > *,
.dlwe-timeline-top-grid > *,
.dlwe-task-dashboard-layout > *,
.dlwe-task-dashboard-toolbar > *,
.dlwe-hr-clock-grid > *,
.dlwe-home-grid > *,
.dlwe-home-summary-grid > *,
.dlwe-home-quick-actions > * {
  min-width: 0;
}

/* Controls outside a <form> previously kept their browser intrinsic width. */
.dlwe-panel .dlwe-field > input:not([type="checkbox"]):not([type="radio"]),
.dlwe-panel .dlwe-field > select,
.dlwe-panel .dlwe-field > textarea,
.dlwe-panel .dlwe-form-grid input:not([type="checkbox"]):not([type="radio"]),
.dlwe-panel .dlwe-form-grid select,
.dlwe-panel .dlwe-form-grid textarea,
.dlwe-task-dashboard-toolbar input,
.dlwe-task-dashboard-toolbar select,
.dlwe-timeline-toolbar input,
.dlwe-timeline-toolbar select {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.dlwe-panel select {
  text-overflow: ellipsis;
}

.dlwe-panel textarea {
  max-width: 100%;
  resize: vertical;
}

.dlwe-panel button,
.dlwe-panel .dlwe-primary-button,
.dlwe-panel .dlwe-secondary-button {
  max-width: 100%;
  white-space: normal;
  line-height: 1.35;
}

.dlwe-header-actions,
.dlwe-form-actions,
.dlwe-timeline-quick-actions,
.dlwe-timeline-print-actions,
.dlwe-checklist-preview-actions {
  flex-wrap: wrap;
}

/* Use the actual content width instead of the browser viewport width. */
.dlwe-checklist-builder-grid,
.dlwe-timeline-top-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
}

.dlwe-checklist-settings,
.dlwe-timeline-top-grid > .dlwe-form-section {
  height: auto;
}

.dlwe-checklist-module-option {
  overflow-wrap: anywhere;
}

.dlwe-checklist-module-option span,
.dlwe-checklist-switch span,
.dlwe-form-section-heading > div {
  min-width: 0;
}

.dlwe-form-section-heading h2,
.dlwe-form-section-heading p,
.dlwe-checklist-module-option span,
.dlwe-checklist-switch span {
  overflow-wrap: anywhere;
}

/* Medium portal content: two clean columns, with the third setup card full width. */
@container (max-width: 1020px) {
  .dlwe-checklist-builder-grid,
  .dlwe-timeline-top-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dlwe-checklist-builder-grid > :last-child:nth-child(odd),
  .dlwe-timeline-top-grid > :last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }

  .dlwe-checklist-builder-grid > :last-child .dlwe-form-grid,
  .dlwe-timeline-top-grid > :last-child .dlwe-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dlwe-task-dashboard-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dlwe-task-dashboard-toolbar > input:first-child {
    grid-column: 1 / -1;
  }

  .dlwe-task-dashboard-summary,
  .dlwe-home-summary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dlwe-task-dashboard-layout,
  .dlwe-hr-clock-grid {
    grid-template-columns: 1fr;
  }

  .dlwe-home-quick-actions,
  .dlwe-home-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Narrow portal content: one-column forms and cards in reading order. */
@container (max-width: 680px) {
  .dlwe-checklist-builder-grid,
  .dlwe-timeline-top-grid,
  .dlwe-form-grid,
  .dlwe-checklist-builder-grid > :last-child .dlwe-form-grid,
  .dlwe-timeline-top-grid > :last-child .dlwe-form-grid,
  .dlwe-task-dashboard-toolbar,
  .dlwe-task-dashboard-layout,
  .dlwe-hr-clock-grid,
  .dlwe-home-grid,
  .dlwe-home-quick-actions {
    grid-template-columns: 1fr;
  }

  .dlwe-checklist-builder-grid > :last-child,
  .dlwe-timeline-top-grid > :last-child,
  .dlwe-task-dashboard-toolbar > input:first-child,
  .dlwe-field-full {
    grid-column: auto;
  }

  .dlwe-checklist-module-grid,
  .dlwe-task-dashboard-summary,
  .dlwe-home-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dlwe-portal-header {
    display: block;
  }

  .dlwe-header-actions {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 18px;
  }
}

@container (max-width: 440px) {
  .dlwe-checklist-module-grid,
  .dlwe-task-dashboard-summary,
  .dlwe-home-summary-grid,
  .dlwe-home-mini-stats {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1040px) {
  .dlwe-portal-shell {
    grid-template-columns: 220px minmax(0, 1fr);
  }
}

/* ========================================================================
 * Version 2.9.0 — Professional interface system
 * Visual-only refinement. No API or workflow changes.
 * ===================================================================== */

.dlwe-portal-shell {
  --dlwe-pro-ink: #171614;
  --dlwe-pro-copy: #4d4943;
  --dlwe-pro-muted: #7a746b;
  --dlwe-pro-canvas: #f4f1eb;
  --dlwe-pro-surface: #fffdfa;
  --dlwe-pro-surface-strong: #ffffff;
  --dlwe-pro-line: #ddd6cc;
  --dlwe-pro-line-soft: #ece6dd;
  --dlwe-pro-accent: #a7834f;
  --dlwe-pro-accent-dark: #765a34;
  --dlwe-pro-accent-soft: #f1e8da;
  --dlwe-pro-danger: #a33b32;
  --dlwe-pro-success: #327052;
  --dlwe-pro-warning: #a56b25;
  --dlwe-pro-radius: 10px;
  --dlwe-pro-radius-sm: 7px;
  --dlwe-pro-shadow: 0 16px 42px rgba(34, 28, 20, 0.07);
  --dlwe-pro-shadow-soft: 0 7px 22px rgba(34, 28, 20, 0.045);
  width: 100%;
  max-width: 1680px;
  margin-inline: auto;
  color: var(--dlwe-pro-copy);
  background: var(--dlwe-pro-canvas);
  border: 1px solid #e4ddd4;
  border-radius: 14px;
  box-shadow: 0 24px 70px rgba(28, 23, 17, 0.10);
  isolation: isolate;
}

.dlwe-portal-shell,
.dlwe-portal-shell button,
.dlwe-portal-shell input,
.dlwe-portal-shell select,
.dlwe-portal-shell textarea {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.dlwe-portal-shell .dlwe-main h1,
.dlwe-portal-shell .dlwe-main h2,
.dlwe-portal-shell .dlwe-main h3,
.dlwe-portal-shell .dlwe-sidebar-brand {
  color: var(--dlwe-pro-ink) !important;
  font-family: "Iowan Old Style", Baskerville, Georgia, "Times New Roman", serif !important;
}

.dlwe-sidebar {
  padding: 34px 23px 26px;
  background: linear-gradient(180deg, #151412 0%, #11100f 100%);
  border-right: 1px solid rgba(255, 255, 255, 0.075);
}

.dlwe-sidebar-brand {
  color: #fff !important;
  font-size: 28px;
  letter-spacing: 0.22em;
}

.dlwe-sidebar-subtitle {
  color: #c9ad7d;
  font-size: 8px;
  letter-spacing: 0.24em;
}

.dlwe-nav {
  gap: 4px;
  margin-top: 34px;
}

.dlwe-nav-section-label {
  margin: 22px 12px 8px;
  color: rgba(255, 255, 255, 0.35);
  font-size: 7.5px;
  letter-spacing: 0.22em;
}

.dlwe-nav-item {
  min-height: 43px;
  padding: 10px 12px 10px 16px;
  color: rgba(255, 255, 255, 0.68) !important;
  border: 1px solid transparent;
  border-radius: 7px;
  font-size: 12px;
}

.dlwe-nav-item::before {
  inset: 10px auto 10px 0;
  width: 2px;
  border-radius: 999px;
}

.dlwe-nav-item:hover,
.dlwe-nav-item:focus-visible {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.045);
  border-color: rgba(255, 255, 255, 0.055);
}

.dlwe-nav-item.is-active {
  color: #fff !important;
  background: rgba(201, 173, 125, 0.12);
  border-color: rgba(201, 173, 125, 0.14);
}

.dlwe-nav-item .dlwe-nav-badge {
  min-width: 22px;
  height: 22px;
  background: #d1b37d;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.dlwe-main {
  padding: clamp(30px, 3vw, 48px);
  background:
    radial-gradient(circle at 100% 0, rgba(167, 131, 79, 0.06), transparent 28%),
    var(--dlwe-pro-canvas);
}

.dlwe-portal-header {
  gap: 24px;
  align-items: flex-end;
  margin-bottom: 30px;
  padding-bottom: 22px;
  border-bottom: 1px solid var(--dlwe-pro-line);
}

.dlwe-portal-header > div:first-child {
  max-width: 780px;
}

.dlwe-eyebrow {
  margin: 0 0 8px;
  color: var(--dlwe-pro-accent-dark);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.21em;
  text-transform: uppercase;
}

.dlwe-portal-shell .dlwe-portal-header h1 {
  margin: 0 0 9px;
  color: var(--dlwe-pro-ink) !important;
  font-size: clamp(32px, 3.2vw, 44px);
  line-height: 1.02;
  letter-spacing: -0.025em;
}

.dlwe-portal-header .dlwe-muted {
  max-width: 720px;
  margin: 0;
  color: var(--dlwe-pro-muted);
  font-size: 13.5px;
  line-height: 1.65;
}

.dlwe-header-actions {
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}

.dlwe-user-chip {
  min-width: 210px;
  padding: 8px 10px;
  background: rgba(255, 255, 255, 0.76);
  border: 1px solid var(--dlwe-pro-line);
  border-radius: 8px;
}

.dlwe-user-avatar {
  border-radius: 6px;
}

/* Buttons */
.dlwe-panel .dlwe-primary-button,
.dlwe-panel .dlwe-secondary-button,
.dlwe-panel .dlwe-mini-button {
  width: auto;
  min-height: 42px;
  padding: 10px 17px;
  border-radius: 7px;
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: 0.105em;
  line-height: 1.25;
  white-space: normal;
  box-shadow: none;
}

.dlwe-panel .dlwe-primary-button {
  color: #fff !important;
  background: var(--dlwe-pro-ink);
  border-color: var(--dlwe-pro-ink);
}

.dlwe-panel .dlwe-primary-button:hover,
.dlwe-panel .dlwe-primary-button:focus-visible {
  color: #1b1711 !important;
  background: #d0b17b;
  border-color: #d0b17b;
  transform: translateY(-1px);
}

.dlwe-panel .dlwe-secondary-button {
  color: var(--dlwe-pro-ink) !important;
  background: rgba(255, 255, 255, 0.8);
  border-color: #d5cdc1;
}

.dlwe-panel .dlwe-secondary-button:hover,
.dlwe-panel .dlwe-secondary-button:focus-visible {
  background: #fff;
  border-color: var(--dlwe-pro-accent);
  transform: translateY(-1px);
}

.dlwe-panel .dlwe-compact-button {
  min-height: 38px;
  padding: 8px 14px;
}

.dlwe-text-button {
  color: var(--dlwe-pro-accent-dark) !important;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-decoration: none;
  text-transform: uppercase;
}

.dlwe-text-button:hover,
.dlwe-text-button:focus-visible {
  color: var(--dlwe-pro-ink) !important;
}

/* Professional card system */
.dlwe-form-section,
.dlwe-report-card,
.dlwe-report-filter-card,
.dlwe-task-dashboard-card,
.dlwe-checklist-settings,
.dlwe-checklist-preview-section,
.dlwe-checklist-template-editor,
.dlwe-checklist-progress-section,
.dlwe-timeline-top-grid > *,
.dlwe-hr-manager-form,
.dlwe-home-card,
.dlwe-home-metric,
.dlwe-home-action,
.dlwe-checklist-progress-card,
.dlwe-timeline-summary > div {
  color: var(--dlwe-pro-copy);
  background: rgba(255, 253, 250, 0.96);
  border: 1px solid var(--dlwe-pro-line);
  border-radius: var(--dlwe-pro-radius) !important;
  box-shadow: var(--dlwe-pro-shadow-soft);
}

.dlwe-form-section,
.dlwe-task-dashboard-card,
.dlwe-checklist-settings,
.dlwe-checklist-preview-section,
.dlwe-checklist-template-editor,
.dlwe-checklist-progress-section,
.dlwe-home-card {
  padding: clamp(22px, 2.1vw, 29px);
}

.dlwe-form-section-heading,
.dlwe-task-dashboard-card-heading,
.dlwe-home-card-heading,
.dlwe-checklist-progress-heading {
  gap: 13px;
  align-items: flex-start;
  margin-bottom: 20px;
  padding-bottom: 17px;
  border-bottom: 1px solid var(--dlwe-pro-line-soft);
}

.dlwe-form-section-heading > span {
  width: 32px;
  height: 32px;
  min-width: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--dlwe-pro-accent-dark);
  background: var(--dlwe-pro-accent-soft);
  border: 1px solid #e3d3bc;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.06em;
}

.dlwe-portal-shell .dlwe-form-section-heading h2,
.dlwe-portal-shell .dlwe-task-dashboard-card-heading h2,
.dlwe-portal-shell .dlwe-checklist-progress-heading h2 {
  margin: 0 0 5px;
  color: var(--dlwe-pro-ink) !important;
  font-size: clamp(20px, 1.8vw, 24px);
  line-height: 1.14;
  letter-spacing: -0.015em;
}

.dlwe-form-section-heading p,
.dlwe-task-dashboard-card-heading p,
.dlwe-checklist-progress-heading p {
  margin: 0;
  color: var(--dlwe-pro-muted);
  font-size: 12.5px;
  line-height: 1.55;
}

/* Forms */
.dlwe-form-grid {
  gap: 18px 20px;
}

.dlwe-field {
  margin-bottom: 0;
}

.dlwe-field label,
.dlwe-form-grid label {
  margin-bottom: 8px;
  color: #5d574f;
  font-size: 8.5px;
  font-weight: 800;
  letter-spacing: 0.13em;
  line-height: 1.3;
  text-transform: uppercase;
}

.dlwe-panel input:not([type="checkbox"]):not([type="radio"]),
.dlwe-panel select,
.dlwe-panel textarea {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  color: var(--dlwe-pro-ink) !important;
  background: var(--dlwe-pro-surface-strong) !important;
  border: 1px solid #cec5b8 !important;
  border-radius: 7px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
  outline: none !important;
  font-size: 13px !important;
}

.dlwe-panel input:not([type="checkbox"]):not([type="radio"]),
.dlwe-panel select {
  min-height: 44px;
  padding: 9px 12px !important;
}

.dlwe-panel textarea {
  min-height: 96px;
  padding: 11px 12px !important;
  line-height: 1.55;
}

.dlwe-panel input::placeholder,
.dlwe-panel textarea::placeholder {
  color: #9b958c;
}

.dlwe-panel input:focus,
.dlwe-panel select:focus,
.dlwe-panel textarea:focus {
  border-color: var(--dlwe-pro-accent) !important;
  box-shadow: 0 0 0 3px rgba(167, 131, 79, 0.12) !important;
}

.dlwe-panel input[readonly],
.dlwe-panel input:disabled,
.dlwe-panel select:disabled,
.dlwe-panel textarea:disabled {
  color: #6f6961 !important;
  background: #f2eee8 !important;
  cursor: not-allowed;
}

.dlwe-required {
  color: var(--dlwe-pro-danger);
}

.dlwe-form-actions,
.dlwe-checklist-preview-actions,
.dlwe-timeline-quick-actions,
.dlwe-timeline-print-actions {
  gap: 9px;
  justify-content: flex-end;
}

.dlwe-form-loading {
  min-height: 94px;
  padding: 24px;
  color: var(--dlwe-pro-muted);
  background: rgba(255, 255, 255, 0.58);
  border: 1px dashed #d6cec2;
  border-radius: var(--dlwe-pro-radius);
}

.dlwe-alert {
  border-radius: 8px;
}

/* Home dashboard */
.dlwe-home-hero {
  padding: clamp(28px, 3vw, 40px);
  overflow: hidden;
  color: #fff;
  background:
    linear-gradient(125deg, rgba(201, 173, 125, 0.11), transparent 38%),
    #171614;
  border: 1px solid #171614;
  border-radius: 12px;
  box-shadow: var(--dlwe-pro-shadow);
}

.dlwe-home-hero::after {
  width: 105px;
  top: 34px;
  right: 38px;
  background: #cfb17d;
}

.dlwe-portal-shell .dlwe-home-hero h2 {
  color: #fff !important;
  font-size: clamp(28px, 3.2vw, 40px);
}

.dlwe-home-role-badge {
  background: #d0b17b;
  border-radius: 999px;
}

.dlwe-home-summary-grid {
  grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
  gap: 13px;
}

.dlwe-home-metric {
  min-height: 138px;
  padding: 21px;
  border-top: 3px solid #b99561;
}

.dlwe-home-metric > strong {
  margin: 14px 0 6px;
  color: var(--dlwe-pro-ink);
  font-family: "Iowan Old Style", Baskerville, Georgia, serif;
  font-size: clamp(31px, 3vw, 40px);
  font-weight: 400;
}

.dlwe-home-quick-actions {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
}

.dlwe-home-action {
  min-height: 88px;
  padding: 18px;
}

.dlwe-home-action:hover,
.dlwe-home-action:focus-visible {
  transform: translateY(-2px);
  border-color: #b08c57;
  box-shadow: 0 16px 34px rgba(34, 28, 20, 0.08);
}

.dlwe-home-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
}

.dlwe-home-card {
  grid-column: span 4;
}

.dlwe-home-card-wide {
  grid-column: span 8;
}

.dlwe-home-list-row {
  padding: 14px 0;
  border-bottom-color: var(--dlwe-pro-line-soft);
}

.dlwe-home-list-row:last-child {
  border-bottom: 0;
}

.dlwe-home-list-row:hover {
  background: #fbf7f1;
}

.dlwe-home-date-chip,
.dlwe-home-pill {
  border-radius: 6px;
}

/* Task dashboard */
.dlwe-task-dashboard-meta {
  margin-bottom: 14px;
  padding: 10px 14px;
  background: rgba(255, 255, 255, 0.66);
  border: 1px solid var(--dlwe-pro-line);
  border-radius: 8px;
}

.dlwe-task-dashboard-toolbar {
  grid-template-columns: minmax(220px, 1.5fr) repeat(4, minmax(145px, 1fr));
  gap: 10px;
  padding: 14px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid var(--dlwe-pro-line);
  border-radius: 10px;
  box-shadow: var(--dlwe-pro-shadow-soft);
}

.dlwe-task-dashboard-summary {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
}

.dlwe-task-dashboard-stat {
  min-height: 126px;
  padding: 20px;
  background: rgba(255, 253, 250, 0.98);
  border: 1px solid var(--dlwe-pro-line);
  border-radius: 10px;
  box-shadow: var(--dlwe-pro-shadow-soft);
}

.dlwe-task-dashboard-stat::before {
  height: 3px;
  border-radius: 10px 10px 0 0;
}

.dlwe-task-dashboard-stat strong {
  color: var(--dlwe-pro-ink);
  font-family: "Iowan Old Style", Baskerville, Georgia, serif;
  font-size: 35px;
  font-weight: 400;
}

.dlwe-task-dashboard-layout {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
}

.dlwe-task-dashboard-card {
  grid-column: span 6;
}

.dlwe-task-dashboard-card-wide {
  grid-column: span 12;
}

.dlwe-task-deadline-item {
  border-radius: 7px;
}

/* Checklist builder */
.dlwe-checklist-builder-grid {
  grid-template-columns: minmax(300px, 0.92fr) minmax(360px, 1.08fr);
  gap: 16px;
}

.dlwe-checklist-builder-grid > :nth-child(3) {
  grid-column: 1 / -1;
}

.dlwe-checklist-settings {
  border-top: 3px solid #b58f58;
}

.dlwe-checklist-builder-grid > :nth-child(3) .dlwe-form-grid {
  grid-template-columns: minmax(240px, 1fr) minmax(210px, auto) minmax(300px, 1.25fr);
  align-items: end;
}

.dlwe-checklist-builder-grid > :nth-child(3) .dlwe-field {
  margin: 0;
}

.dlwe-checklist-module-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.dlwe-checklist-module-option {
  min-height: 68px;
  padding: 13px 14px;
  gap: 10px;
  align-items: flex-start;
  background: #fff;
  border: 1px solid var(--dlwe-pro-line);
  border-radius: 8px;
  box-shadow: none;
}

.dlwe-checklist-module-option input[type="checkbox"] {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  margin-top: 1px;
  accent-color: var(--dlwe-pro-accent-dark);
}

.dlwe-checklist-module-option:hover {
  transform: translateY(-1px);
  border-color: #b38d57;
  background: #fffdf9;
}

.dlwe-checklist-module-option:has(input:checked) {
  background: var(--dlwe-pro-accent-soft);
  border-color: #b38d57;
  box-shadow: inset 3px 0 0 #a7834f;
}

.dlwe-checklist-switch {
  min-height: 44px;
  padding: 11px 13px;
  background: #f6f2ec;
  border: 1px solid #e2dacd;
  border-radius: 7px;
}

.dlwe-checklist-switch input[type="checkbox"] {
  width: 17px;
  height: 17px;
  accent-color: var(--dlwe-pro-accent-dark);
}

.dlwe-checklist-preview-actions {
  margin-top: 16px;
  padding: 18px 0 0;
  border-top: 1px solid var(--dlwe-pro-line);
}

.dlwe-checklist-progress-grid {
  gap: 12px;
}

.dlwe-checklist-progress-card {
  padding: 18px;
}

/* Timeline builder */
.dlwe-timeline-top-grid {
  grid-template-columns: minmax(300px, 0.9fr) minmax(380px, 1.1fr);
  gap: 16px;
}

.dlwe-timeline-top-grid > :nth-child(3) {
  grid-column: 1 / -1;
}

.dlwe-timeline-top-grid > * {
  overflow: visible;
}

.dlwe-timeline-summary {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
}

.dlwe-timeline-summary > div {
  min-height: 98px;
  padding: 17px;
  border-top: 3px solid #b99561;
}

.dlwe-timeline-table-scroll,
.dlwe-table-scroll,
.dlwe-report-table-wrap {
  overflow: auto;
  background: #fff;
  border: 1px solid var(--dlwe-pro-line);
  border-radius: 10px;
  box-shadow: var(--dlwe-pro-shadow-soft);
}

.dlwe-task-dashboard-table,
.dlwe-data-table,
.dlwe-report-table,
.dlwe-checklist-table,
.dlwe-checklist-template-table,
.dlwe-timeline-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.dlwe-task-dashboard-table th,
.dlwe-data-table th,
.dlwe-report-table th,
.dlwe-checklist-table th,
.dlwe-checklist-template-table th,
.dlwe-timeline-table th {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 12px 11px !important;
  color: rgba(255, 255, 255, 0.88) !important;
  background: #1b1916 !important;
  border-color: #312e29 !important;
  font-size: 8px !important;
  font-weight: 800;
  letter-spacing: 0.12em;
  white-space: nowrap;
  text-transform: uppercase;
}

.dlwe-task-dashboard-table td,
.dlwe-data-table td,
.dlwe-report-table td,
.dlwe-checklist-table td,
.dlwe-checklist-template-table td,
.dlwe-timeline-table td {
  padding: 12px 11px;
  color: #4b463f;
  background: #fff;
  border-color: var(--dlwe-pro-line-soft);
  font-size: 12px;
  vertical-align: top;
}

.dlwe-task-dashboard-table tbody tr:nth-child(even) td,
.dlwe-data-table tbody tr:nth-child(even) td,
.dlwe-report-table tbody tr:nth-child(even) td,
.dlwe-checklist-table tbody tr:nth-child(even) td,
.dlwe-checklist-template-table tbody tr:nth-child(even) td,
.dlwe-timeline-table tbody tr:nth-child(even) td {
  background: #fdfbf8;
}

.dlwe-task-dashboard-table tbody tr:hover td,
.dlwe-data-table tbody tr:hover td,
.dlwe-report-table tbody tr:hover td,
.dlwe-checklist-table tbody tr:hover td,
.dlwe-checklist-template-table tbody tr:hover td,
.dlwe-timeline-table tbody tr:hover td {
  background: #f8f2e9;
}

.dlwe-timeline-table input,
.dlwe-timeline-table select,
.dlwe-timeline-table textarea,
.dlwe-checklist-table input,
.dlwe-checklist-table select,
.dlwe-checklist-table textarea,
.dlwe-checklist-template-table input,
.dlwe-checklist-template-table select,
.dlwe-checklist-template-table textarea {
  min-height: 38px !important;
  padding: 7px 8px !important;
  border-radius: 6px !important;
  font-size: 11.5px !important;
}

/* Attendance, leave and payroll */
.dlwe-hr-tabs {
  gap: 6px;
  padding: 5px;
  background: #eae4db;
  border: 1px solid #dcd3c7;
  border-radius: 9px;
}

.dlwe-hr-tab {
  min-height: 42px;
  padding: 10px 17px;
  color: #6c655c;
  background: transparent;
  border: 0;
  border-radius: 6px;
  font-size: 9px;
}

.dlwe-hr-tab.is-active {
  color: var(--dlwe-pro-ink);
  background: #fff;
  border: 0;
  box-shadow: 0 4px 14px rgba(34, 28, 20, 0.08);
}

.dlwe-hr-tab:hover,
.dlwe-hr-tab:focus-visible {
  background: rgba(255, 255, 255, 0.62);
}

.dlwe-hr-clock-grid {
  grid-template-columns: minmax(300px, 0.8fr) minmax(420px, 1.2fr);
  gap: 16px;
}

.dlwe-hr-clock-card {
  padding: 31px;
  color: #fff;
  background:
    linear-gradient(145deg, rgba(207, 177, 125, 0.12), transparent 42%),
    #171614;
  border-radius: 11px;
  box-shadow: var(--dlwe-pro-shadow);
}

.dlwe-hr-clock-card::before {
  height: 3px;
  border-radius: 11px 11px 0 0;
}

.dlwe-portal-shell .dlwe-hr-clock-card h2 {
  color: #fff !important;
}

.dlwe-inline-month,
.dlwe-personal-summary-card,
.dlwe-payslip-person div,
.dlwe-payslip-meta p {
  border-radius: 7px;
}

.dlwe-payslip {
  border-radius: 10px;
}

/* Status, progress and empty states */
.dlwe-status-pill,
.dlwe-home-pill,
.dlwe-task-status,
.dlwe-task-priority,
.dlwe-history-count {
  border-radius: 999px;
}

.dlwe-checklist-progress-bar,
.dlwe-home-progress-track,
.dlwe-task-breakdown-track,
.dlwe-task-mini-progress {
  height: 7px;
  overflow: hidden;
  background: #e9e1d5;
  border-radius: 999px;
}

.dlwe-checklist-progress-bar span,
.dlwe-home-progress-track span,
.dlwe-task-breakdown-track span,
.dlwe-task-mini-progress span {
  border-radius: 999px;
}

.dlwe-home-empty {
  padding: 22px;
  color: var(--dlwe-pro-muted);
  background: #faf7f2;
  border: 1px dashed #d9d0c4;
  border-radius: 8px;
}

/* Responsive professional layouts */
@container (max-width: 1160px) {
  .dlwe-task-dashboard-toolbar {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dlwe-task-dashboard-toolbar > input:first-child {
    grid-column: 1 / -1;
  }

  .dlwe-checklist-builder-grid,
  .dlwe-timeline-top-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dlwe-checklist-builder-grid > :nth-child(3),
  .dlwe-timeline-top-grid > :nth-child(3) {
    grid-column: 1 / -1;
  }
}

@container (max-width: 900px) {
  .dlwe-home-card,
  .dlwe-home-card-wide {
    grid-column: span 6;
  }

  .dlwe-task-dashboard-card,
  .dlwe-task-dashboard-card-wide {
    grid-column: span 12;
  }

  .dlwe-checklist-builder-grid > :nth-child(3) .dlwe-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dlwe-checklist-builder-grid > :nth-child(3) .dlwe-form-grid > :last-child {
    grid-column: 1 / -1;
  }

  .dlwe-hr-clock-grid {
    grid-template-columns: 1fr;
  }
}

@container (max-width: 700px) {
  .dlwe-checklist-builder-grid,
  .dlwe-timeline-top-grid,
  .dlwe-task-dashboard-toolbar,
  .dlwe-form-grid,
  .dlwe-checklist-builder-grid > :nth-child(3) .dlwe-form-grid {
    grid-template-columns: 1fr;
  }

  .dlwe-checklist-builder-grid > :nth-child(3),
  .dlwe-timeline-top-grid > :nth-child(3),
  .dlwe-checklist-builder-grid > :nth-child(3) .dlwe-form-grid > :last-child,
  .dlwe-task-dashboard-toolbar > input:first-child,
  .dlwe-field-full {
    grid-column: auto;
  }

  .dlwe-home-card,
  .dlwe-home-card-wide {
    grid-column: 1 / -1;
  }

  .dlwe-checklist-module-grid {
    grid-template-columns: 1fr;
  }

  .dlwe-header-actions,
  .dlwe-form-actions,
  .dlwe-checklist-preview-actions,
  .dlwe-timeline-quick-actions,
  .dlwe-timeline-print-actions {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
  }

  .dlwe-panel .dlwe-primary-button,
  .dlwe-panel .dlwe-secondary-button,
  .dlwe-panel .dlwe-mini-button {
    width: 100%;
  }
}

@media (max-width: 850px) {
  .dlwe-portal-shell {
    border-radius: 10px;
  }

  .dlwe-sidebar {
    padding: 21px;
  }

  .dlwe-nav-item {
    border-radius: 7px;
  }
}

@media (max-width: 620px) {
  .dlwe-main {
    padding: 20px 13px;
  }

  .dlwe-form-section,
  .dlwe-task-dashboard-card,
  .dlwe-checklist-settings,
  .dlwe-checklist-preview-section,
  .dlwe-checklist-template-editor,
  .dlwe-checklist-progress-section,
  .dlwe-home-card {
    padding: 18px;
  }

  .dlwe-portal-shell .dlwe-portal-header h1 {
    font-size: 30px;
  }

  .dlwe-home-hero {
    padding: 24px 21px;
  }
}


/* Version 3.0: user management and Staff synchronization */
.dlwe-user-toolbar {
  display: grid;
  grid-template-columns: minmax(260px, 1.5fr) repeat(3, minmax(150px, 0.7fr));
  gap: 12px;
  margin: 20px 0;
  padding: 14px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid #ddd3c6;
  border-radius: 9px;
}

.dlwe-user-toolbar input,
.dlwe-user-toolbar select {
  width: 100%;
  min-width: 0;
}

.dlwe-user-table th:first-child {
  min-width: 230px;
}

.dlwe-user-table th:nth-child(3) {
  min-width: 170px;
}

.dlwe-user-identity {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 220px;
}

.dlwe-user-identity > div {
  min-width: 0;
}

.dlwe-user-identity strong,
.dlwe-user-identity span,
.dlwe-user-identity small {
  display: block;
}

.dlwe-user-identity strong {
  color: #1d1b18;
  font-size: 13px;
  line-height: 1.35;
}

.dlwe-user-identity span {
  max-width: 230px;
  margin-top: 3px;
  overflow: hidden;
  color: #746c62;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dlwe-user-identity small {
  margin-top: 4px;
  color: #a07c42;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.dlwe-user-avatar {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  color: #2a241c !important;
  background: #eee1ca;
  border: 1px solid #dfc79e;
  border-radius: 50%;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 13px !important;
  font-weight: 700;
  letter-spacing: 0.05em;
}

.dlwe-user-sync-pill {
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  padding: 5px 9px;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.05em;
  line-height: 1.2;
  text-transform: uppercase;
  white-space: nowrap;
}

.dlwe-user-sync-pill.is-success {
  color: #225e3b;
  background: #e6f3ea;
  border: 1px solid #c7e3d0;
}

.dlwe-user-sync-pill.is-warning {
  color: #815c16;
  background: #fff4dc;
  border: 1px solid #ecd9ad;
}

.dlwe-user-sync-pill.is-danger {
  color: #9c3b36;
  background: #fce9e7;
  border: 1px solid #efc8c4;
}

.dlwe-user-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 12px;
}

.dlwe-user-editor {
  margin-top: 22px;
}

.dlwe-user-editor .dlwe-form-section {
  margin-top: 16px;
}

#dlwe_user_weddings {
  width: 100%;
  min-height: 230px;
  padding: 8px;
  background: #fff;
}

#dlwe_user_weddings option {
  padding: 9px 10px;
  border-bottom: 1px solid #eee7dd;
}

#dlwe_user_weddings option:checked {
  color: #211d17;
  background: #ead9bb linear-gradient(0deg, #ead9bb 0%, #ead9bb 100%);
}

#dlwe_user_weddings:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

@container (max-width: 1050px) {
  .dlwe-user-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dlwe-user-toolbar > input:first-child {
    grid-column: 1 / -1;
  }
}

@container (max-width: 650px) {
  .dlwe-user-toolbar {
    grid-template-columns: 1fr;
  }

  .dlwe-user-toolbar > input:first-child {
    grid-column: auto;
  }

  .dlwe-user-identity {
    min-width: 190px;
  }
}

/* Version 3.2.2: Client Management, Multiday Dates & Other-value Overrides */
.dlwe-client-toolbar {
  display: grid;
  grid-template-columns: minmax(280px, 1.45fr) repeat(4, minmax(135px, 0.65fr));
  gap: 12px;
  margin: 20px 0;
  padding: 14px;
  background: rgba(255, 255, 255, 0.76);
  border: 1px solid #ddd3c6;
  border-radius: 9px;
}

.dlwe-client-toolbar input,
.dlwe-client-toolbar select {
  width: 100%;
  min-width: 0;
}

.dlwe-client-table {
  min-width: 1280px;
}

.dlwe-client-table th:first-child {
  min-width: 220px;
}

.dlwe-client-table th:nth-child(3),
.dlwe-client-table th:nth-child(7) {
  min-width: 180px;
}

.dlwe-client-table th:nth-child(5) {
  min-width: 180px;
}

.dlwe-client-table td > strong,
.dlwe-client-table td > small {
  display: block;
}

.dlwe-client-table td > small {
  margin-top: 5px;
  color: #7d7469;
  line-height: 1.45;
}

.dlwe-client-identity strong,
.dlwe-client-identity span,
.dlwe-client-identity small {
  display: block;
}

.dlwe-client-identity strong {
  color: #1d1b18;
  font-size: 13px;
  line-height: 1.35;
}

.dlwe-client-identity span {
  margin-top: 4px;
  color: #8b7656;
  font-size: 10px;
  font-weight: 750;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.dlwe-client-identity small {
  margin-top: 6px;
  color: #746c62;
  font-size: 10px;
}

.dlwe-client-contracts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.dlwe-client-summary-money strong {
  max-width: 100%;
  overflow: visible;
  font-size: clamp(16px, 1.45vw, 23px) !important;
  line-height: 1.22;
  overflow-wrap: anywhere;
  text-overflow: clip;
  white-space: normal;
}

.dlwe-client-editor {
  margin-top: 22px;
}

.dlwe-client-editor .dlwe-form-section {
  margin-top: 16px;
}

.dlwe-client-editor .dlwe-field:has(> select[data-client-other-input]) {
  align-content: start;
}

.dlwe-client-other-input {
  margin-top: 8px !important;
  border-color: #cdbb99 !important;
  background: #fffdf9 !important;
  box-shadow: inset 3px 0 0 #b7955b !important;
}

.dlwe-client-other-input[hidden] {
  display: none !important;
}

.dlwe-client-other-input::placeholder {
  color: #948878;
}

.dlwe-client-date-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 15px 17px;
  background: linear-gradient(135deg, #f7f1e7 0%, #fffdfa 100%);
  border: 1px solid #ddcba9;
  border-radius: 8px;
}

#dlwe-client-wedding-end-field[hidden],
.dlwe-client-date-summary[hidden] {
  display: none !important;
}

.dlwe-client-date-summary strong,
.dlwe-client-date-summary span {
  display: block;
}

.dlwe-client-date-summary strong {
  color: #29231d;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 17px;
  line-height: 1.3;
}

.dlwe-client-date-summary span {
  color: #786d60;
  font-size: 12px;
  line-height: 1.5;
  text-align: right;
}

.dlwe-client-total-field {
  grid-column: span 2;
  padding: 17px;
  background: linear-gradient(135deg, #f7f1e7 0%, #fffdfa 100%);
  border: 1px solid #ddcba9;
  border-radius: 8px;
}

.dlwe-client-total-field input {
  color: #1e1a15 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid #d8c39d !important;
  border-radius: 0 !important;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 23px !important;
  font-weight: 700;
  box-shadow: none !important;
}

.dlwe-client-assignment-rows {
  display: grid;
  gap: 10px;
  margin-bottom: 12px;
}

.dlwe-client-assignment-row {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) minmax(240px, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 11px;
  background: #fbf8f3;
  border: 1px solid #e3d9cc;
  border-radius: 8px;
}

.dlwe-client-assignment-row select,
.dlwe-client-assignment-row input {
  width: 100%;
  min-width: 0;
}

.dlwe-client-assignment-remove {
  min-width: 64px;
  text-align: right;
}

.dlwe-client-editor input[readonly] {
  color: #71685d;
  background: #f4f0ea;
  cursor: not-allowed;
}

.dlwe-client-editor input:disabled,
.dlwe-client-editor select:disabled,
.dlwe-client-editor textarea:disabled {
  color: #413b34;
  background: #f5f1eb;
  opacity: 1;
  cursor: default;
}

@container (max-width: 1080px) {
  .dlwe-client-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dlwe-client-toolbar > input:first-child {
    grid-column: 1 / -1;
  }
}

@container (max-width: 760px) {
  .dlwe-client-assignment-row {
    grid-template-columns: 1fr;
  }

  .dlwe-client-assignment-remove {
    justify-self: start;
    text-align: left;
  }

  .dlwe-client-total-field {
    grid-column: auto;
  }

  .dlwe-client-date-summary {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }

  .dlwe-client-date-summary span {
    text-align: left;
  }
}

@container (max-width: 650px) {
  .dlwe-client-toolbar {
    grid-template-columns: 1fr;
  }

  .dlwe-client-toolbar > input:first-child {
    grid-column: auto;
  }
}


/* Version 3.2.3: Always-visible client editing controls */
.dlwe-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
  border: 1px solid #ddd3c6;
  border-radius: 8px;
  background: #fff;
}

.dlwe-table-wrap::-webkit-scrollbar {
  height: 10px;
}

.dlwe-table-wrap::-webkit-scrollbar-track {
  background: #f2ece3;
}

.dlwe-table-wrap::-webkit-scrollbar-thumb {
  background: #b8a78e;
  border: 2px solid #f2ece3;
  border-radius: 999px;
}

.dlwe-client-table th:last-child,
.dlwe-client-table td:last-child {
  position: sticky;
  right: 0;
  min-width: 96px;
  width: 96px;
  text-align: center;
  box-shadow: -8px 0 14px rgba(32, 27, 21, 0.08);
}

.dlwe-client-table th:last-child {
  z-index: 5;
  background: #1b1916 !important;
}

.dlwe-client-table td:last-child {
  z-index: 3;
  background: #fff !important;
}

.dlwe-client-table tbody tr:nth-child(even) td:last-child {
  background: #fdfbf8 !important;
}

.dlwe-client-table tbody tr:hover td:last-child {
  background: #f8f2e9 !important;
}

.dlwe-client-inline-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 31px;
  margin-top: 10px;
  padding: 6px 10px;
  color: #2d261d;
  background: #f4ead8;
  border: 1px solid #d6bf96;
  border-radius: 5px;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.07em;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 140ms ease, border-color 140ms ease, transform 140ms ease;
}

.dlwe-client-inline-action:hover,
.dlwe-client-inline-action:focus-visible {
  color: #fff;
  background: #201b15;
  border-color: #201b15;
  transform: translateY(-1px);
}

@container (max-width: 720px) {
  .dlwe-client-table {
    min-width: 1120px;
  }

  .dlwe-client-table th:last-child,
  .dlwe-client-table td:last-child {
    min-width: 86px;
    width: 86px;
  }
}


/* Version 3.3: Wedding Workspace */
.dlwe-workspace-page-header {
  align-items: flex-end;
}

.dlwe-workspace-header-actions {
  align-items: flex-end;
}

.dlwe-workspace-selector-label {
  display: grid;
  gap: 7px;
  min-width: min(340px, 42vw);
  margin: 0;
}

.dlwe-workspace-selector-label span {
  color: #766d62;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.dlwe-workspace-selector-label select {
  width: 100%;
  min-height: 42px;
  padding: 9px 36px 9px 12px;
  color: #211e1a;
  background-color: #fff;
  border: 1px solid #d8cdbf;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
}

.dlwe-workspace-hero {
  position: relative;
  overflow: hidden;
  margin-bottom: 18px;
  padding: 28px 30px;
  color: #fff;
  background:
    radial-gradient(circle at 88% 12%, rgba(211, 185, 141, 0.22), transparent 31%),
    linear-gradient(135deg, #151310 0%, #2a241d 100%);
  border: 1px solid #29241e;
  border-radius: 10px;
  box-shadow: 0 20px 45px rgba(25, 21, 17, 0.13);
}

.dlwe-workspace-hero::after {
  position: absolute;
  right: -42px;
  bottom: -86px;
  width: 230px;
  height: 230px;
  border: 1px solid rgba(211, 185, 141, 0.17);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

.dlwe-workspace-hero-main {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
}

.dlwe-workspace-hero-copy {
  min-width: 0;
}

.dlwe-workspace-hero-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 20px;
}

.dlwe-workspace-wedding-id {
  margin: 0 0 8px;
  color: #d7c39f;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.dlwe-workspace-hero h2 {
  margin: 0 0 9px !important;
  color: #fff !important;
  font-size: clamp(31px, 4vw, 52px) !important;
  line-height: 1.02 !important;
}

.dlwe-workspace-hero-meta {
  max-width: 760px;
  margin: 0;
  color: rgba(255, 255, 255, 0.69);
  font-size: 14px;
  line-height: 1.55;
}

.dlwe-workspace-quick-actions {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  max-width: 490px;
}

.dlwe-workspace-hero .dlwe-primary-button {
  color: #17130f;
  background: #d8bf91;
  border-color: #d8bf91;
}

.dlwe-workspace-hero .dlwe-secondary-button {
  color: #fff;
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.22);
}

.dlwe-workspace-hero .dlwe-secondary-button:hover,
.dlwe-workspace-hero .dlwe-secondary-button:focus-visible {
  color: #17130f;
  background: #fff;
  border-color: #fff;
}

.dlwe-workspace-pill {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 5px 9px;
  color: #514a42;
  background: #f3efe9;
  border: 1px solid #ddd4c8;
  border-radius: 999px;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1.1;
  text-transform: uppercase;
  white-space: nowrap;
}

.dlwe-workspace-pill.is-success {
  color: #1f6442;
  background: #e7f4ec;
  border-color: #c8e2d3;
}

.dlwe-workspace-pill.is-warning {
  color: #805a18;
  background: #fff3d9;
  border-color: #ecd7aa;
}

.dlwe-workspace-pill.is-danger {
  color: #962f29;
  background: #fae9e7;
  border-color: #edc8c4;
}

.dlwe-workspace-hero .dlwe-workspace-pill {
  color: #f7ecd8;
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
}

.dlwe-workspace-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}

.dlwe-workspace-summary-card {
  min-width: 0;
  padding: 18px 18px 17px;
  background: #fff;
  border: 1px solid #ddd3c6;
  border-radius: 8px;
  box-shadow: 0 7px 22px rgba(34, 29, 23, 0.045);
}

.dlwe-workspace-summary-card > span {
  display: block;
  margin-bottom: 12px;
  color: #7b736a;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.dlwe-workspace-summary-card > strong {
  display: block;
  overflow: hidden;
  margin-bottom: 6px;
  color: #211d19;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(22px, 2.3vw, 32px);
  font-weight: 400;
  line-height: 1.05;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dlwe-workspace-summary-card > small {
  display: block;
  color: #857d74;
  font-size: 10px;
  line-height: 1.45;
}

.dlwe-workspace-summary-card.is-money {
  background: #f7f0e4;
  border-color: #d8c19a;
}

.dlwe-workspace-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.dlwe-workspace-card {
  min-width: 0;
  padding: 23px;
  background: #fff;
  border: 1px solid #ded5c9;
  border-radius: 9px;
  box-shadow: 0 8px 25px rgba(32, 27, 21, 0.045);
}

.dlwe-workspace-card-span-2 {
  grid-column: span 2;
}

.dlwe-workspace-card-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ece5dc;
}

.dlwe-workspace-card-heading .dlwe-eyebrow {
  margin-bottom: 6px;
}

.dlwe-workspace-card-heading h2 {
  margin: 0 !important;
  font-size: 24px !important;
  line-height: 1.15 !important;
}

.dlwe-workspace-detail-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid #eee7de;
  border-left: 1px solid #eee7de;
}

.dlwe-workspace-detail {
  min-width: 0;
  padding: 14px 15px;
  border-right: 1px solid #eee7de;
  border-bottom: 1px solid #eee7de;
}

.dlwe-workspace-detail span,
.dlwe-workspace-document-status span,
.dlwe-workspace-notes > span {
  display: block;
  margin-bottom: 6px;
  color: #81786f;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.dlwe-workspace-detail strong,
.dlwe-workspace-detail a {
  display: block;
  overflow-wrap: anywhere;
  color: #2c2722;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.dlwe-workspace-detail a {
  text-decoration: underline;
  text-decoration-color: #cfb581;
  text-underline-offset: 3px;
}

.dlwe-workspace-team-list,
.dlwe-workspace-compact-list,
.dlwe-workspace-alert-list,
.dlwe-workspace-timeline-list {
  display: grid;
  gap: 9px;
}

.dlwe-workspace-team-row {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 11px 12px;
  background: #faf8f4;
  border: 1px solid #ece4da;
  border-radius: 7px;
}

.dlwe-workspace-avatar {
  display: inline-flex;
  flex: 0 0 36px;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  color: #211c16;
  background: #e7d5b6;
  border-radius: 50%;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.05em;
}

.dlwe-workspace-team-row > span:last-child,
.dlwe-workspace-list-row > span:first-child {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.dlwe-workspace-team-row strong,
.dlwe-workspace-list-row strong,
.dlwe-workspace-timeline-main strong {
  color: #2b2621;
  font-size: 12px;
  line-height: 1.35;
}

.dlwe-workspace-team-row small,
.dlwe-workspace-list-row small,
.dlwe-workspace-timeline-main small {
  color: #837b72;
  font-size: 10px;
  line-height: 1.45;
}

.dlwe-workspace-alert {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr);
  gap: 11px;
  padding: 12px 13px;
  background: #faf8f5;
  border: 1px solid #ebe3d9;
  border-radius: 7px;
}

.dlwe-workspace-alert-dot {
  width: 8px;
  height: 8px;
  margin-top: 4px;
  background: #9e9488;
  border-radius: 50%;
}

.dlwe-workspace-alert.is-danger .dlwe-workspace-alert-dot {
  background: #a83a32;
}

.dlwe-workspace-alert.is-warning .dlwe-workspace-alert-dot {
  background: #bc8424;
}

.dlwe-workspace-alert.is-success .dlwe-workspace-alert-dot {
  background: #2d7952;
}

.dlwe-workspace-alert.is-info .dlwe-workspace-alert-dot {
  background: #667c91;
}

.dlwe-workspace-alert strong {
  display: block;
  margin-bottom: 3px;
  color: #2d2722;
  font-size: 11px;
}

.dlwe-workspace-alert p {
  margin: 0;
  color: #817970;
  font-size: 10px;
  line-height: 1.5;
}

.dlwe-workspace-progress-heading {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 11px;
  color: #696159;
  font-size: 11px;
}

.dlwe-workspace-progress-heading strong {
  color: #2a2520;
  font-size: 14px;
}

.dlwe-workspace-progress-track {
  overflow: hidden;
  height: 9px;
  margin-bottom: 17px;
  background: #eee8df;
  border-radius: 999px;
}

.dlwe-workspace-progress-track span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #b99352, #d9c192);
  border-radius: inherit;
}

.dlwe-workspace-mini-metrics,
.dlwe-workspace-timeline-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.dlwe-workspace-mini-metrics > div,
.dlwe-workspace-timeline-summary > div {
  padding: 10px;
  text-align: center;
  background: #faf7f2;
  border: 1px solid #ebe2d7;
  border-radius: 6px;
}

.dlwe-workspace-mini-metrics span,
.dlwe-workspace-timeline-summary span {
  display: block;
  margin-bottom: 4px;
  color: #80776e;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.dlwe-workspace-mini-metrics strong,
.dlwe-workspace-timeline-summary strong {
  color: #2a2520;
  font-size: 17px;
}

.dlwe-workspace-scope-label {
  margin: 10px 0 12px;
  color: #8b8379;
  font-size: 9px;
}

.dlwe-workspace-list-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 13px;
  padding: 11px 0;
  border-bottom: 1px solid #eee7de;
}

.dlwe-workspace-list-row:last-child {
  border-bottom: 0;
}

.dlwe-workspace-timeline-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 15px;
}

.dlwe-workspace-timeline-row {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px solid #eee7de;
}

.dlwe-workspace-timeline-row:last-child {
  border-bottom: 0;
}

.dlwe-workspace-time-cell {
  display: grid;
  gap: 2px;
  color: #2b2621;
}

.dlwe-workspace-time-cell strong {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  font-weight: 400;
}

.dlwe-workspace-time-cell small {
  color: #8a8177;
  font-size: 9px;
}

.dlwe-workspace-timeline-main {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.dlwe-workspace-financial-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid #ece4da;
  border-radius: 7px;
}

.dlwe-workspace-financial-grid > div {
  min-width: 0;
  padding: 13px;
  border-right: 1px solid #ece4da;
  border-bottom: 1px solid #ece4da;
}

.dlwe-workspace-financial-grid > div:nth-child(even) {
  border-right: 0;
}

.dlwe-workspace-financial-grid > div.is-highlight {
  grid-column: span 2;
  background: #f5ead8;
  border-bottom: 0;
}

.dlwe-workspace-financial-grid span {
  display: block;
  margin-bottom: 5px;
  color: #7f766d;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.dlwe-workspace-financial-grid strong {
  display: block;
  overflow: hidden;
  color: #2b251f;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dlwe-workspace-contract-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 14px 0;
}

.dlwe-workspace-expense-summary {
  display: grid;
  gap: 3px;
  padding: 12px 0;
  border-top: 1px solid #ece4da;
}

.dlwe-workspace-expense-summary strong {
  color: #2d2823;
  font-size: 12px;
}

.dlwe-workspace-expense-summary span {
  color: #817970;
  font-size: 10px;
}

.dlwe-workspace-currency-list {
  display: grid;
  gap: 7px;
}

.dlwe-workspace-currency-list > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 10px;
  background: #faf7f2;
  border: 1px solid #ebe2d7;
  border-radius: 5px;
  color: #766e65;
  font-size: 10px;
}

.dlwe-workspace-currency-list strong {
  color: #2b2621;
}

.dlwe-workspace-document-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 13px;
  padding: 11px 12px;
  background: #faf7f2;
  border: 1px solid #ebe2d7;
  border-radius: 6px;
}

.dlwe-workspace-document-status span {
  margin-bottom: 0;
}

.dlwe-workspace-document-status strong {
  color: #2d2823;
  font-size: 11px;
}

.dlwe-workspace-drive-button {
  width: 100%;
  margin-bottom: 17px;
}

.dlwe-workspace-notes {
  padding-top: 15px;
  border-top: 1px solid #ece4da;
}

.dlwe-workspace-notes p {
  margin: 0;
  color: #645d56;
  font-size: 11px;
  line-height: 1.65;
  white-space: pre-wrap;
}

.dlwe-workspace-empty-block {
  padding: 16px;
  color: #817970;
  background: #faf8f5;
  border: 1px dashed #dcd2c5;
  border-radius: 7px;
  font-size: 10px;
  line-height: 1.5;
  text-align: center;
}

.dlwe-client-inline-actions,
.dlwe-client-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.dlwe-client-inline-actions .dlwe-client-inline-action {
  margin-top: 10px;
}

.dlwe-client-row-actions {
  align-items: center;
  justify-content: center;
}

@container (max-width: 1120px) {
  .dlwe-workspace-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dlwe-workspace-detail-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dlwe-workspace-hero-main {
    align-items: flex-start;
    flex-direction: column;
  }

  .dlwe-workspace-quick-actions {
    justify-content: flex-start;
    max-width: none;
  }
}

@container (max-width: 820px) {
  .dlwe-workspace-page-header,
  .dlwe-workspace-header-actions {
    align-items: stretch;
  }

  .dlwe-workspace-selector-label {
    min-width: 0;
    width: 100%;
  }

  .dlwe-workspace-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dlwe-workspace-grid {
    grid-template-columns: 1fr;
  }

  .dlwe-workspace-card-span-2 {
    grid-column: auto;
  }

  .dlwe-workspace-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@container (max-width: 560px) {
  .dlwe-workspace-hero {
    padding: 22px 18px;
  }

  .dlwe-workspace-summary {
    grid-template-columns: 1fr;
  }

  .dlwe-workspace-card {
    padding: 18px;
  }

  .dlwe-workspace-detail-grid {
    grid-template-columns: 1fr;
  }

  .dlwe-workspace-timeline-row {
    grid-template-columns: 56px minmax(0, 1fr);
  }

  .dlwe-workspace-timeline-row .dlwe-workspace-pill {
    grid-column: 2;
    justify-self: start;
  }

  .dlwe-workspace-timeline-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Version 3.4: lightweight performance loading treatment */
.dlwe-form-loading {
  position: relative;
  overflow: hidden;
}

.dlwe-form-loading::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, transparent 0%, #c9ad7d 45%, #171614 55%, transparent 100%);
  transform: translateX(-100%);
  animation: dlwe-loading-track 1.35s ease-in-out infinite;
}

@keyframes dlwe-loading-track {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}

@media (prefers-reduced-motion: reduce) {
  .dlwe-form-loading::after {
    animation: none;
    transform: none;
    opacity: 0.35;
  }
}


/* Version 3.5: Wedding Workspace luxury command-centre redesign */
.dlwe-portal-shell .dlwe-main [data-dlwe-panel="wedding-workspace"] {
  --ws-ink: #181511;
  --ws-copy: #4f4942;
  --ws-muted: #81796f;
  --ws-line: #ded5c9;
  --ws-line-soft: #ece5dc;
  --ws-canvas: #f5f0e8;
  --ws-surface: #fffdfa;
  --ws-gold: #c5a46d;
  --ws-gold-dark: #7b5b2e;
  --ws-gold-soft: #f2e7d4;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-page-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(330px, 430px);
  align-items: end;
  gap: clamp(28px, 4vw, 64px);
  margin-bottom: 26px;
  padding-bottom: 26px;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-title-block {
  max-width: 690px;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-title-block .dlwe-eyebrow {
  margin-bottom: 11px;
  color: var(--ws-gold-dark);
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-title-block h1 {
  max-width: none;
  margin: 0 0 10px !important;
  font-size: clamp(38px, 4vw, 56px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.035em !important;
  text-align: left;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-title-block .dlwe-muted {
  max-width: 620px;
  font-size: 13px;
  line-height: 1.65;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-control-panel {
  padding: 18px;
  background: rgba(255, 253, 250, 0.92);
  border: 1px solid var(--ws-line);
  border-radius: 12px;
  box-shadow: 0 12px 34px rgba(28, 23, 17, 0.055);
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-selector-label {
  min-width: 0;
  width: 100%;
  gap: 8px;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-selector-label span {
  color: #6e655a;
  font-size: 8px;
  letter-spacing: 0.18em;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-selector-label select {
  min-height: 46px;
  padding-inline: 13px 38px !important;
  background: #fff !important;
  border-color: #cfc4b5 !important;
  font-weight: 650;
}

.dlwe-workspace-control-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 10px;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-control-actions .dlwe-secondary-button {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  color: var(--ws-ink) !important;
  background: #f9f5ef;
  border-color: #d8cec1;
  font-size: 8.5px;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-hero {
  position: relative;
  overflow: hidden;
  margin-bottom: 18px;
  padding: 0;
  color: #fff;
  background:
    radial-gradient(circle at 92% 8%, rgba(207, 177, 125, 0.18), transparent 26%),
    linear-gradient(135deg, #151310 0%, #211c16 52%, #2b241c 100%);
  border: 1px solid #2a241d;
  border-radius: 14px;
  box-shadow: 0 22px 54px rgba(24, 20, 15, 0.16);
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-hero::before {
  position: absolute;
  top: -110px;
  right: 7%;
  width: 310px;
  height: 310px;
  border: 1px solid rgba(213, 187, 142, 0.13);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-hero::after {
  right: -75px;
  bottom: -155px;
  width: 330px;
  height: 330px;
  border-color: rgba(213, 187, 142, 0.10);
}

.dlwe-workspace-hero-topline {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 20px clamp(24px, 3vw, 38px) 0;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-hero-pills {
  margin: 0;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-hero .dlwe-workspace-pill {
  min-height: 25px;
  padding: 5px 10px;
  color: #f7ecd9;
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(255, 255, 255, 0.16);
  font-size: 7.5px;
  letter-spacing: 0.12em;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-wedding-id {
  margin: 0;
  color: #d6bd91;
  font-size: 8px;
  letter-spacing: 0.22em;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-hero-main {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);
  align-items: end;
  gap: clamp(30px, 5vw, 80px);
  padding: clamp(38px, 5vw, 66px) clamp(24px, 3vw, 38px) clamp(34px, 4vw, 52px);
}

.dlwe-workspace-hero-kicker {
  margin: 0 0 13px;
  color: rgba(225, 204, 169, 0.76);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-hero h2 {
  max-width: 760px;
  margin: 0 0 13px !important;
  color: #fff !important;
  font-family: "Iowan Old Style", Baskerville, Georgia, "Times New Roman", serif !important;
  font-size: clamp(38px, 5.1vw, 68px) !important;
  font-weight: 400 !important;
  line-height: 0.96 !important;
  letter-spacing: -0.045em !important;
  text-wrap: balance;
}

.dlwe-workspace-hero-description {
  margin: 0;
  color: rgba(255, 255, 255, 0.58);
  font-size: 12px;
  line-height: 1.6;
}

.dlwe-workspace-hero-facts {
  display: grid;
  gap: 0;
  align-self: stretch;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  backdrop-filter: blur(4px);
}

.dlwe-workspace-hero-facts > div {
  display: grid;
  align-content: center;
  min-height: 86px;
  padding: 18px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.dlwe-workspace-hero-facts > div:last-child {
  border-bottom: 0;
}

.dlwe-workspace-hero-facts span {
  margin-bottom: 7px;
  color: #d4ba8d;
  font-size: 7px;
  font-weight: 800;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}

.dlwe-workspace-hero-facts strong {
  color: #fff;
  font-family: "Iowan Old Style", Baskerville, Georgia, "Times New Roman", serif;
  font-size: clamp(17px, 2vw, 23px);
  font-weight: 400;
  line-height: 1.25;
}

.dlwe-workspace-action-bar {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  gap: 20px;
  padding: 18px clamp(24px, 3vw, 38px);
  background: rgba(0, 0, 0, 0.22);
  border-top: 1px solid rgba(255, 255, 255, 0.10);
}

.dlwe-workspace-action-label {
  display: grid;
  align-content: center;
  gap: 3px;
}

.dlwe-workspace-action-label span {
  color: #e2c99d;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.dlwe-workspace-action-label small {
  color: rgba(255, 255, 255, 0.42);
  font-size: 9px;
  line-height: 1.4;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-quick-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 8px;
  max-width: none;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-action {
  display: grid;
  min-width: 0;
  min-height: 60px;
  align-content: center;
  gap: 3px;
  padding: 10px 12px;
  color: #fff !important;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  box-shadow: none;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  text-align: left;
  text-decoration: none;
  transition: background 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-action span {
  color: inherit;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-action small {
  overflow: hidden;
  color: rgba(255, 255, 255, 0.47);
  font-size: 8.5px;
  font-weight: 500;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-action:hover,
.dlwe-portal-shell .dlwe-main .dlwe-workspace-action:focus-visible {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.10);
  border-color: rgba(214, 189, 145, 0.50);
  transform: translateY(-1px);
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-action.is-primary {
  color: #1a1510 !important;
  background: #d4b77f;
  border-color: #d4b77f;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-action.is-primary small {
  color: rgba(26, 21, 16, 0.62);
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-action.is-primary:hover,
.dlwe-portal-shell .dlwe-main .dlwe-workspace-action.is-primary:focus-visible {
  color: #1a1510 !important;
  background: #e0c592;
  border-color: #e0c592;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-summary {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-summary-card {
  position: relative;
  min-height: 134px;
  padding: 20px 21px 18px;
  overflow: hidden;
  background: rgba(255, 253, 250, 0.97);
  border: 1px solid var(--ws-line);
  border-radius: 11px;
  box-shadow: 0 9px 26px rgba(31, 25, 18, 0.045);
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-summary-card::after {
  position: absolute;
  right: -32px;
  bottom: -52px;
  width: 105px;
  height: 105px;
  border: 1px solid rgba(178, 143, 88, 0.13);
  border-radius: 50%;
  content: "";
}

.dlwe-workspace-summary-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-summary-label span {
  margin: 0;
  color: #756c62;
  font-size: 7.5px;
  font-weight: 850;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}

.dlwe-workspace-summary-label i {
  width: 24px;
  height: 1px;
  background: var(--ws-gold);
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-summary-card > strong {
  position: relative;
  z-index: 1;
  margin: 0 0 7px;
  color: var(--ws-ink);
  font-size: clamp(26px, 3vw, 39px);
  line-height: 0.98;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-summary-card > small {
  position: relative;
  z-index: 1;
  color: var(--ws-muted);
  font-size: 10px;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-summary-card.is-money {
  color: #fff;
  background: linear-gradient(135deg, #252019, #352a20);
  border-color: #352b21;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-summary-card.is-money .dlwe-workspace-summary-label span,
.dlwe-portal-shell .dlwe-main .dlwe-workspace-summary-card.is-money > small {
  color: rgba(255, 255, 255, 0.57);
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-summary-card.is-money > strong {
  color: #fff;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-summary-card.is-money .dlwe-workspace-summary-label i {
  background: #d2b681;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 14px;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-card {
  position: relative;
  min-width: 0;
  padding: clamp(20px, 2.1vw, 28px);
  background: rgba(255, 253, 250, 0.98);
  border: 1px solid var(--ws-line);
  border-radius: 12px;
  box-shadow: 0 9px 28px rgba(31, 25, 18, 0.042);
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-card::before {
  position: absolute;
  top: -1px;
  left: 28px;
  width: 46px;
  height: 2px;
  background: var(--ws-gold);
  content: "";
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-card-overview {
  grid-column: span 8;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-card-team {
  grid-column: span 4;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-card-alerts,
.dlwe-portal-shell .dlwe-main .dlwe-workspace-card-checklist,
.dlwe-portal-shell .dlwe-main .dlwe-workspace-card-tasks {
  grid-column: span 4;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-card-timeline {
  grid-column: span 8;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-card-finance {
  grid-column: span 4;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-card-documents {
  grid-column: span 12;
}


.dlwe-portal-shell .dlwe-main .dlwe-workspace-card-heading {
  margin-bottom: 22px;
  padding-bottom: 16px;
  border-bottom-color: var(--ws-line-soft);
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-card-heading .dlwe-eyebrow {
  margin-bottom: 7px;
  color: var(--ws-gold-dark);
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-card-heading h2 {
  margin: 0 !important;
  color: var(--ws-ink) !important;
  font-size: clamp(20px, 2vw, 26px) !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.025em !important;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-card-heading .dlwe-text-button {
  flex: 0 0 auto;
  margin-top: 2px;
  padding: 0 0 4px;
  color: var(--ws-gold-dark) !important;
  border-bottom: 1px solid #cdb58b;
  font-size: 8px;
  letter-spacing: 0.11em;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-detail-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--ws-line-soft);
  border-radius: 9px;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-detail {
  min-height: 72px;
  padding: 15px 17px;
  background: #fff;
  border-color: var(--ws-line-soft);
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-detail:nth-child(4n+3),
.dlwe-portal-shell .dlwe-main .dlwe-workspace-detail:nth-child(4n+4) {
  background: #fcfaf6;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-detail span,
.dlwe-portal-shell .dlwe-main .dlwe-workspace-document-status span,
.dlwe-portal-shell .dlwe-main .dlwe-workspace-notes > span {
  margin-bottom: 7px;
  color: #7c7369;
  font-size: 7px;
  letter-spacing: 0.14em;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-detail strong,
.dlwe-portal-shell .dlwe-main .dlwe-workspace-detail a {
  color: #29231e;
  font-size: 12px;
  font-weight: 650;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-team-row,
.dlwe-portal-shell .dlwe-main .dlwe-workspace-alert,
.dlwe-portal-shell .dlwe-main .dlwe-workspace-mini-metrics > div,
.dlwe-portal-shell .dlwe-main .dlwe-workspace-timeline-summary > div,
.dlwe-portal-shell .dlwe-main .dlwe-workspace-currency-list > div,
.dlwe-portal-shell .dlwe-main .dlwe-workspace-document-status {
  background: #fbf8f3;
  border-color: #e6ddd1;
  border-radius: 8px;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-avatar {
  color: #1f1913;
  background: #dfc698;
  box-shadow: inset 0 0 0 1px rgba(92, 66, 31, 0.08);
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-progress-track {
  height: 7px;
  background: #ece5db;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-progress-track span {
  background: linear-gradient(90deg, #9b733c, #d1b27b);
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-financial-grid {
  border-color: #e4d9cc;
  border-radius: 9px;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-financial-grid > div.is-highlight {
  background: #efe2cf;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-empty-block {
  padding: 20px;
  color: #7c7369;
  background: #fbf8f3;
  border-color: #d9cdbd;
  border-radius: 8px;
}

@container (max-width: 1120px) {
  .dlwe-portal-shell .dlwe-main .dlwe-workspace-page-header {
    grid-template-columns: 1fr;
  }

  .dlwe-portal-shell .dlwe-main .dlwe-workspace-control-panel {
    max-width: 620px;
  }

  .dlwe-portal-shell .dlwe-main .dlwe-workspace-hero-main {
    grid-template-columns: 1fr;
  }

  .dlwe-portal-shell .dlwe-main .dlwe-workspace-hero-facts {
    grid-template-columns: 1fr 1fr;
  }

  .dlwe-workspace-hero-facts > div {
    border-right: 1px solid rgba(255, 255, 255, 0.10);
    border-bottom: 0;
  }

  .dlwe-workspace-hero-facts > div:last-child {
    border-right: 0;
  }

  .dlwe-workspace-action-bar {
    grid-template-columns: 1fr;
  }

  .dlwe-portal-shell .dlwe-main .dlwe-workspace-card-overview,
  .dlwe-portal-shell .dlwe-main .dlwe-workspace-card-team,
  .dlwe-portal-shell .dlwe-main .dlwe-workspace-card-alerts,
  .dlwe-portal-shell .dlwe-main .dlwe-workspace-card-checklist,
  .dlwe-portal-shell .dlwe-main .dlwe-workspace-card-tasks,
  .dlwe-portal-shell .dlwe-main .dlwe-workspace-card-timeline,
  .dlwe-portal-shell .dlwe-main .dlwe-workspace-card-finance,
  .dlwe-portal-shell .dlwe-main .dlwe-workspace-card-documents {
    grid-column: span 6;
  }

  .dlwe-portal-shell .dlwe-main .dlwe-workspace-card-overview,
  .dlwe-portal-shell .dlwe-main .dlwe-workspace-card-timeline,
  .dlwe-portal-shell .dlwe-main .dlwe-workspace-card-documents {
    grid-column: span 12;
  }
}

@container (max-width: 760px) {
  .dlwe-portal-shell .dlwe-main .dlwe-workspace-title-block h1 {
    font-size: clamp(34px, 11vw, 48px) !important;
  }

  .dlwe-portal-shell .dlwe-main .dlwe-workspace-hero-topline {
    align-items: flex-start;
    flex-direction: column-reverse;
  }

  .dlwe-portal-shell .dlwe-main .dlwe-workspace-hero h2 {
    font-size: clamp(34px, 11vw, 52px) !important;
  }

  .dlwe-portal-shell .dlwe-main .dlwe-workspace-hero-facts {
    grid-template-columns: 1fr;
  }

  .dlwe-workspace-hero-facts > div,
  .dlwe-workspace-hero-facts > div:last-child {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
  }

  .dlwe-workspace-hero-facts > div:last-child {
    border-bottom: 0;
  }

  .dlwe-portal-shell .dlwe-main .dlwe-workspace-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dlwe-portal-shell .dlwe-main .dlwe-workspace-card-overview,
  .dlwe-portal-shell .dlwe-main .dlwe-workspace-card-team,
  .dlwe-portal-shell .dlwe-main .dlwe-workspace-card-alerts,
  .dlwe-portal-shell .dlwe-main .dlwe-workspace-card-checklist,
  .dlwe-portal-shell .dlwe-main .dlwe-workspace-card-tasks,
  .dlwe-portal-shell .dlwe-main .dlwe-workspace-card-timeline,
  .dlwe-portal-shell .dlwe-main .dlwe-workspace-card-finance,
  .dlwe-portal-shell .dlwe-main .dlwe-workspace-card-documents {
    grid-column: span 12;
  }
}

@container (max-width: 520px) {
  .dlwe-portal-shell .dlwe-main .dlwe-workspace-control-actions,
  .dlwe-portal-shell .dlwe-main .dlwe-workspace-summary {
    grid-template-columns: 1fr;
  }

  .dlwe-portal-shell .dlwe-main .dlwe-workspace-hero-main {
    padding-top: 32px;
  }

  .dlwe-portal-shell .dlwe-main .dlwe-workspace-quick-actions {
    grid-template-columns: 1fr 1fr;
  }

  .dlwe-portal-shell .dlwe-main .dlwe-workspace-detail-grid {
    grid-template-columns: 1fr;
  }

  .dlwe-portal-shell .dlwe-main .dlwe-workspace-detail:nth-child(n) {
    background: #fff;
  }

  .dlwe-portal-shell .dlwe-main .dlwe-workspace-detail:nth-child(even) {
    background: #fcfaf6;
  }
}

/* Version 3.5 refinement: compact desktop proportions and readable metrics */
.dlwe-portal-shell .dlwe-main .dlwe-workspace-page-header {
  grid-template-columns: minmax(0, 1fr) minmax(320px, 380px);
  gap: clamp(26px, 2.5vw, 38px);
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-title-block h1 {
  font-size: clamp(36px, 3.4vw, 48px) !important;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-hero h2 {
  font-size: clamp(36px, 4.3vw, 58px) !important;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-action {
  width: 100%;
  cursor: pointer;
  appearance: none;
}

.dlwe-portal-shell .dlwe-main .dlwe-workspace-summary-card > strong {
  overflow: visible;
  font-size: clamp(24px, 2.65vw, 36px);
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
}

@container (min-width: 861px) and (max-width: 1120px) {
  .dlwe-portal-shell .dlwe-main .dlwe-workspace-page-header {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
  }

  .dlwe-portal-shell .dlwe-main .dlwe-workspace-control-panel {
    max-width: none;
  }

  .dlwe-portal-shell .dlwe-main .dlwe-workspace-hero-main {
    grid-template-columns: minmax(0, 1fr) minmax(245px, 0.62fr);
  }

  .dlwe-portal-shell .dlwe-main .dlwe-workspace-hero-facts {
    grid-template-columns: 1fr;
  }

  .dlwe-workspace-hero-facts > div,
  .dlwe-workspace-hero-facts > div:last-child {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
  }

  .dlwe-workspace-hero-facts > div:last-child {
    border-bottom: 0;
  }

  .dlwe-workspace-action-bar {
    grid-template-columns: 145px minmax(0, 1fr);
  }

  .dlwe-portal-shell .dlwe-main .dlwe-workspace-card-overview {
    grid-column: span 8;
  }

  .dlwe-portal-shell .dlwe-main .dlwe-workspace-card-team {
    grid-column: span 4;
  }

  .dlwe-portal-shell .dlwe-main .dlwe-workspace-card-alerts,
  .dlwe-portal-shell .dlwe-main .dlwe-workspace-card-checklist,
  .dlwe-portal-shell .dlwe-main .dlwe-workspace-card-tasks {
    grid-column: span 4;
  }

  .dlwe-portal-shell .dlwe-main .dlwe-workspace-card-timeline {
    grid-column: span 8;
  }

  .dlwe-portal-shell .dlwe-main .dlwe-workspace-card-finance {
    grid-column: span 4;
  }

  .dlwe-portal-shell .dlwe-main .dlwe-workspace-card-documents {
    grid-column: span 12;
  }
}


/* =========================================================
   DLWE v3.6 — universal 10-record pagination
   ========================================================= */
.dlwe-pagination-hidden {
  display: none !important;
}

.dlwe-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 18px;
  padding: 16px 18px;
  border: 1px solid rgba(170, 139, 79, 0.22);
  border-radius: 14px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfaf7 100%);
  box-shadow: 0 8px 24px rgba(27, 24, 18, 0.05);
}

.dlwe-pagination-summary {
  color: #6f685d;
  font-size: 13px;
  line-height: 1.4;
  white-space: nowrap;
}

.dlwe-pagination-summary strong {
  color: #242019;
  font-weight: 700;
}

.dlwe-pagination-buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 7px;
}

.dlwe-pagination-button {
  min-width: 38px;
  height: 38px;
  padding: 0 12px;
  border: 1px solid #ddd7cc;
  border-radius: 10px;
  background: #ffffff;
  color: #39342d;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.dlwe-pagination-button:hover:not(:disabled),
.dlwe-pagination-button:focus-visible:not(:disabled) {
  border-color: #a98a4d;
  background: #f7f1e5;
  color: #211d17;
  transform: translateY(-1px);
  outline: none;
}

.dlwe-pagination-button.is-active {
  border-color: #1e1b17;
  background: #1e1b17;
  color: #ffffff;
  box-shadow: 0 5px 14px rgba(30, 27, 23, 0.18);
}

.dlwe-pagination-button:disabled {
  cursor: not-allowed;
  opacity: 0.38;
  transform: none;
}

.dlwe-pagination-direction {
  min-width: 78px;
}

.dlwe-pagination-ellipsis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 38px;
  color: #8b8377;
  font-weight: 700;
}

@media (max-width: 720px) {
  .dlwe-pagination {
    align-items: stretch;
    flex-direction: column;
    padding: 14px;
  }

  .dlwe-pagination-summary {
    text-align: center;
    white-space: normal;
  }

  .dlwe-pagination-buttons {
    justify-content: center;
  }

  .dlwe-pagination-button {
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
  }

  .dlwe-pagination-direction {
    min-width: 70px;
  }
}


/* DLWE v3.7 — administrator system reset */
.dlwe-nav-item-danger {
  color: #c96565;
}

.dlwe-nav-item-danger:hover,
.dlwe-nav-item-danger.is-active {
  background: rgba(142, 48, 48, 0.2);
  color: #ffd7d7;
}

.dlwe-reset-warning {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 24px;
  padding: 20px 22px;
  border: 1px solid rgba(139, 40, 40, 0.28);
  border-radius: 16px;
  background: linear-gradient(135deg, #fff8f6, #fffdfb);
  color: #5e2525;
}

.dlwe-reset-warning-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #8f3131;
  color: #fff;
  font-family: Georgia, serif;
  font-size: 21px;
  font-weight: 700;
}

.dlwe-reset-warning strong {
  display: block;
  margin: 1px 0 5px;
  font-size: 15px;
}

.dlwe-reset-warning p {
  margin: 0;
  line-height: 1.65;
}

.dlwe-reset-overview,
.dlwe-reset-confirmation,
.dlwe-reset-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 24px;
  border: 1px solid #e8e2d8;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(42, 35, 26, 0.05);
}

.dlwe-reset-overview h2,
.dlwe-reset-confirmation h2 {
  margin: 3px 0 6px;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(22px, 2.2vw, 30px);
  font-weight: 500;
  color: #241f19;
}

.dlwe-reset-groups {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 18px 0;
}

.dlwe-reset-option {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 14px;
  align-items: flex-start;
  padding: 20px;
  border: 1px solid #e7e0d5;
  border-radius: 16px;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.dlwe-reset-option:hover {
  transform: translateY(-1px);
  border-color: #c8b58e;
  box-shadow: 0 12px 24px rgba(45, 38, 28, 0.06);
}

.dlwe-reset-option:has(input:checked) {
  border-color: #a58a56;
  box-shadow: inset 0 0 0 1px rgba(165, 138, 86, 0.18), 0 12px 24px rgba(45, 38, 28, 0.05);
}

.dlwe-reset-option-caution:has(input:checked) {
  border-color: #a95656;
  background: #fffafa;
}

.dlwe-reset-option input,
.dlwe-reset-toggle input {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  accent-color: #8d774c;
}

.dlwe-reset-option-copy strong,
.dlwe-reset-toggle strong {
  display: block;
  margin-bottom: 5px;
  color: #29241d;
  font-size: 15px;
}

.dlwe-reset-option-copy small,
.dlwe-reset-toggle small,
.dlwe-reset-actions small {
  display: block;
  color: #766f65;
  line-height: 1.55;
}

.dlwe-reset-count {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 10px;
  border-radius: 999px;
  background: #f4f0e8;
  color: #5d513c;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.dlwe-reset-local-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

.dlwe-reset-toggle {
  display: flex;
  gap: 13px;
  align-items: flex-start;
  padding: 18px 20px;
  border-radius: 14px;
  background: #f8f5ef;
  cursor: pointer;
}

.dlwe-reset-toggle:has(input:disabled) {
  opacity: 0.55;
  cursor: not-allowed;
}

.dlwe-reset-confirmation {
  margin-bottom: 18px;
  background: #29241f;
  color: #fff;
  border-color: #29241f;
}

.dlwe-reset-confirmation .dlwe-eyebrow,
.dlwe-reset-confirmation h2,
.dlwe-reset-confirmation p {
  color: #fff;
}

.dlwe-reset-confirmation p {
  margin: 0;
  opacity: 0.72;
}

.dlwe-reset-confirmation code {
  padding: 4px 8px;
  border-radius: 7px;
  background: rgba(255,255,255,0.1);
  color: #e4cf9f;
  font-size: 0.78em;
  letter-spacing: 0.08em;
}

.dlwe-reset-confirmation input {
  width: min(320px, 100%);
  min-height: 48px;
  border: 1px solid rgba(255,255,255,0.28);
  border-radius: 10px;
  background: rgba(255,255,255,0.08);
  color: #fff;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.dlwe-reset-confirmation input::placeholder {
  color: rgba(255,255,255,0.42);
}

.dlwe-reset-actions {
  background: #fbfaf7;
}

.dlwe-reset-actions strong {
  display: block;
  margin-bottom: 4px;
  color: #2a251e;
}

.dlwe-danger-button {
  min-height: 46px;
  padding: 0 20px;
  border: 1px solid #843b3b;
  border-radius: 10px;
  background: #843b3b;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}

.dlwe-danger-button:hover:not(:disabled) {
  background: #6f2f2f;
  border-color: #6f2f2f;
}

.dlwe-danger-button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.dlwe-reset-backup-link {
  display: inline-flex;
  margin-left: 10px;
  font-weight: 700;
  text-decoration: underline;
}

@media (max-width: 860px) {
  .dlwe-reset-groups,
  .dlwe-reset-local-options {
    grid-template-columns: 1fr;
  }

  .dlwe-reset-overview,
  .dlwe-reset-confirmation,
  .dlwe-reset-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .dlwe-reset-confirmation input,
  .dlwe-danger-button {
    width: 100%;
  }
}

@media (max-width: 560px) {
  .dlwe-reset-option {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .dlwe-reset-count {
    grid-column: 2;
    justify-self: start;
  }
}


/* DLWE v3.7.2 — system reset confirmation layout hardening */
.dlwe-portal-shell [data-dlwe-panel="system-reset"] .dlwe-reset-confirmation {
  display: grid !important;
  grid-template-columns: minmax(0, 0.9fr) minmax(320px, 1.1fr) !important;
  align-items: center !important;
  gap: 42px !important;
  margin: 0 0 18px !important;
  padding: 34px 38px !important;
  border: 1px solid rgba(213, 184, 126, 0.2) !important;
  border-radius: 20px !important;
  background: linear-gradient(135deg, #1d1a17 0%, #2b251f 100%) !important;
  box-shadow: 0 18px 42px rgba(31, 25, 19, 0.14) !important;
  color: #ffffff !important;
}

.dlwe-portal-shell [data-dlwe-panel="system-reset"] .dlwe-reset-confirmation-copy {
  min-width: 0;
}

.dlwe-portal-shell [data-dlwe-panel="system-reset"] .dlwe-reset-confirmation .dlwe-eyebrow {
  margin: 0 0 12px !important;
  color: #d9c08d !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
}

.dlwe-portal-shell [data-dlwe-panel="system-reset"] .dlwe-reset-confirmation h2 {
  margin: 0 0 10px !important;
  color: #ffffff !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: clamp(25px, 2.1vw, 34px) !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.015em !important;
  text-transform: none !important;
}

.dlwe-portal-shell [data-dlwe-panel="system-reset"] .dlwe-reset-confirmation-copy > p:last-child {
  max-width: 500px;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.66) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

.dlwe-portal-shell [data-dlwe-panel="system-reset"] .dlwe-reset-confirmation-field {
  display: grid !important;
  gap: 9px !important;
  width: 100% !important;
  margin: 0 !important;
  color: #ffffff !important;
}

.dlwe-portal-shell [data-dlwe-panel="system-reset"] .dlwe-reset-confirmation-field > span {
  color: rgba(255, 255, 255, 0.76) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

.dlwe-portal-shell [data-dlwe-panel="system-reset"] #dlwe-reset-confirmation {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 54px !important;
  height: 54px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border: 1px solid rgba(224, 201, 154, 0.46) !important;
  border-radius: 10px !important;
  outline: none !important;
  background: rgba(255, 255, 255, 0.07) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 54px !important;
  letter-spacing: 0.12em !important;
  text-align: left !important;
  text-transform: uppercase !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

.dlwe-portal-shell [data-dlwe-panel="system-reset"] #dlwe-reset-confirmation:focus {
  border-color: #dfc487 !important;
  background: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 0 0 3px rgba(223, 196, 135, 0.14) !important;
}

.dlwe-portal-shell [data-dlwe-panel="system-reset"] #dlwe-reset-confirmation::placeholder {
  color: rgba(255, 255, 255, 0.38) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.38) !important;
  opacity: 1 !important;
  text-transform: none !important;
  letter-spacing: 0.04em !important;
}

.dlwe-portal-shell [data-dlwe-panel="system-reset"] .dlwe-reset-confirmation-field small {
  display: block !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.55) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.dlwe-portal-shell [data-dlwe-panel="system-reset"] .dlwe-reset-confirmation-field code {
  display: inline !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #e4ca91 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: inherit !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
}

.dlwe-portal-shell [data-dlwe-panel="system-reset"] .dlwe-reset-actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 28px !important;
  padding: 24px 28px !important;
}

.dlwe-portal-shell [data-dlwe-panel="system-reset"] .dlwe-reset-actions-copy {
  min-width: 0;
}

.dlwe-portal-shell [data-dlwe-panel="system-reset"] #dlwe-reset-submit {
  width: auto !important;
  min-width: 330px !important;
  max-width: 100% !important;
  min-height: 50px !important;
  height: auto !important;
  padding: 13px 24px !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
}

@media (max-width: 980px) {
  .dlwe-portal-shell [data-dlwe-panel="system-reset"] .dlwe-reset-confirmation {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .dlwe-portal-shell [data-dlwe-panel="system-reset"] .dlwe-reset-actions {
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
  }

  .dlwe-portal-shell [data-dlwe-panel="system-reset"] #dlwe-reset-submit {
    width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
  }
}

@media (max-width: 560px) {
  .dlwe-portal-shell [data-dlwe-panel="system-reset"] .dlwe-reset-confirmation {
    padding: 26px 22px !important;
  }

  .dlwe-portal-shell [data-dlwe-panel="system-reset"] .dlwe-reset-actions {
    padding: 22px !important;
  }
}


/* ---------------------------------------------------------
   System Reset Completion Modal — v3.7.3
--------------------------------------------------------- */
body.dlwe-modal-open {
  overflow: hidden !important;
}

.dlwe-reset-result-modal {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(17, 15, 13, 0.72);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 180ms ease, visibility 180ms ease;
}

.dlwe-reset-result-modal.is-visible {
  opacity: 1;
  visibility: visible;
}

.dlwe-reset-result-modal.is-closing {
  opacity: 0;
}

.dlwe-reset-result-dialog {
  position: relative;
  width: min(620px, 100%);
  max-height: calc(100vh - 48px);
  overflow-y: auto;
  padding: 48px;
  border: 1px solid rgba(186, 146, 76, 0.38);
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(198, 161, 96, 0.12), transparent 38%),
    #f8f4ed;
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.34);
  color: #211d19;
  text-align: center;
  transform: translateY(18px) scale(0.98);
  transition: transform 220ms ease;
}

.dlwe-reset-result-modal.is-visible .dlwe-reset-result-dialog {
  transform: translateY(0) scale(1);
}

.dlwe-reset-result-close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 1px solid #ddd3c4;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.72);
  color: #4a433b;
  font: 400 25px/34px Arial, Helvetica, sans-serif;
  cursor: pointer;
}

.dlwe-reset-result-close:hover,
.dlwe-reset-result-close:focus-visible {
  border-color: #aa8649;
  color: #171411;
  outline: none;
}

.dlwe-reset-result-icon {
  display: grid;
  place-items: center;
  width: 68px;
  height: 68px;
  margin: 0 auto 22px;
  border-radius: 50%;
  background: #211d19;
  color: #ead19e;
  box-shadow: 0 12px 28px rgba(33, 29, 25, 0.2);
  font: 700 30px/1 Arial, Helvetica, sans-serif;
}

.dlwe-reset-result-modal.is-error .dlwe-reset-result-icon {
  background: #8d2f2f;
  color: #fff;
}

.dlwe-reset-result-kicker {
  margin: 0 0 11px;
  color: #9a763d;
  font: 700 11px/1.2 Arial, Helvetica, sans-serif;
  letter-spacing: 0.24em;
}

.dlwe-reset-result-modal.is-error .dlwe-reset-result-kicker {
  color: #9d3434;
}

.dlwe-reset-result-dialog h2 {
  margin: 0;
  color: #171411;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(31px, 5vw, 45px);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: -0.025em;
}

.dlwe-reset-result-message {
  max-width: 500px;
  margin: 18px auto 0;
  color: #6f675e;
  font: 400 15px/1.65 Arial, Helvetica, sans-serif;
}

.dlwe-reset-result-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 30px 0 0;
}

.dlwe-reset-result-stats > div {
  min-width: 0;
  padding: 18px 12px;
  border: 1px solid #e0d5c5;
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.68);
}

.dlwe-reset-result-stats span,
.dlwe-reset-result-backup span {
  display: block;
  color: #897f72;
  font: 700 9px/1.35 Arial, Helvetica, sans-serif;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.dlwe-reset-result-stats strong {
  display: block;
  margin-top: 8px;
  color: #211d19;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 26px;
  font-weight: 400;
}

.dlwe-reset-result-backup {
  margin-top: 12px;
  padding: 17px 20px;
  border: 1px solid rgba(171, 132, 67, 0.42);
  border-radius: 13px;
  background: #f1e7d5;
  text-align: left;
}

.dlwe-reset-result-backup strong {
  display: block;
  margin-top: 5px;
  overflow-wrap: anywhere;
  color: #3f3425;
  font: 600 14px/1.45 Arial, Helvetica, sans-serif;
}

.dlwe-reset-result-actions {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 28px;
}

.dlwe-reset-result-primary,
.dlwe-reset-result-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 150px;
  min-height: 48px;
  padding: 12px 22px;
  border-radius: 9px;
  font: 700 11px/1.2 Arial, Helvetica, sans-serif;
  letter-spacing: 0.12em;
  text-decoration: none !important;
  text-transform: uppercase;
  cursor: pointer;
}

.dlwe-reset-result-primary {
  border: 1px solid #211d19;
  background: #211d19;
  color: #fff;
}

.dlwe-reset-result-primary:hover,
.dlwe-reset-result-primary:focus-visible {
  background: #000;
  outline: 2px solid rgba(170, 134, 73, 0.34);
  outline-offset: 2px;
}

.dlwe-reset-result-secondary {
  border: 1px solid #b69153;
  background: transparent;
  color: #795c2e !important;
}

.dlwe-reset-result-secondary:hover,
.dlwe-reset-result-secondary:focus-visible {
  background: #eee1ca;
  outline: none;
}

@media (max-width: 620px) {
  .dlwe-reset-result-modal {
    padding: 14px;
  }

  .dlwe-reset-result-dialog {
    padding: 42px 22px 26px;
    border-radius: 17px;
  }

  .dlwe-reset-result-stats {
    grid-template-columns: 1fr;
  }

  .dlwe-reset-result-stats > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
  }

  .dlwe-reset-result-stats strong {
    margin-top: 0;
  }

  .dlwe-reset-result-actions {
    flex-direction: column-reverse;
  }

  .dlwe-reset-result-primary,
  .dlwe-reset-result-secondary {
    width: 100%;
  }
}

/* ========================================================================
 * DATED Studio v3.8.1 — Complete luxury interface audit
 * Consistent typography, spacing, cards, forms, tables, lists, filters,
 * alerts, pagination and responsive organisation across every module.
 * Visual-only refinement. No API or workflow changes.
 * ===================================================================== */

.dlwe-portal-shell {
  --dlwe-ui-ink: #1d1a17;
  --dlwe-ui-ink-soft: #3f3932;
  --dlwe-ui-copy: #5f584f;
  --dlwe-ui-muted: #81796f;
  --dlwe-ui-canvas: #f6f2eb;
  --dlwe-ui-surface: #fffdfa;
  --dlwe-ui-surface-alt: #fbf8f3;
  --dlwe-ui-line: #ded5c8;
  --dlwe-ui-line-soft: #ede6dc;
  --dlwe-ui-gold: #aa854b;
  --dlwe-ui-gold-dark: #75582e;
  --dlwe-ui-gold-pale: #f2e7d4;
  --dlwe-ui-success: #2f6c50;
  --dlwe-ui-success-pale: #e8f2ec;
  --dlwe-ui-warning: #986628;
  --dlwe-ui-warning-pale: #f8eedb;
  --dlwe-ui-danger: #963b37;
  --dlwe-ui-danger-pale: #faecea;
  --dlwe-ui-radius-xl: 20px;
  --dlwe-ui-radius-lg: 15px;
  --dlwe-ui-radius-md: 11px;
  --dlwe-ui-radius-sm: 8px;
  --dlwe-ui-shadow-lg: 0 24px 64px rgba(37, 29, 20, 0.11);
  --dlwe-ui-shadow-md: 0 14px 36px rgba(37, 29, 20, 0.075);
  --dlwe-ui-shadow-sm: 0 7px 20px rgba(37, 29, 20, 0.05);
  grid-template-columns: 250px minmax(0, 1fr);
  max-width: 1720px;
  border-color: #ddd4c7;
  border-radius: var(--dlwe-ui-radius-xl);
  background: var(--dlwe-ui-canvas);
  box-shadow: var(--dlwe-ui-shadow-lg);
}

.dlwe-portal-shell .dlwe-main {
  min-width: 0;
  padding: clamp(30px, 3.1vw, 52px);
  background:
    radial-gradient(circle at 97% 1%, rgba(170, 133, 75, 0.075), transparent 26%),
    linear-gradient(180deg, #f7f3ed 0%, #f4f0e9 100%);
}

.dlwe-portal-shell .dlwe-panel {
  min-width: 0;
  animation: dlweUiPanelIn 180ms ease both;
}

@keyframes dlweUiPanelIn {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Sidebar */
.dlwe-portal-shell .dlwe-sidebar {
  padding: 36px 22px 28px;
  background:
    radial-gradient(circle at 30% 0%, rgba(202, 169, 112, 0.08), transparent 24%),
    linear-gradient(180deg, #171512 0%, #100f0e 100%);
}

.dlwe-portal-shell .dlwe-sidebar-brand {
  font-size: 28px;
  letter-spacing: 0.23em;
}

.dlwe-portal-shell .dlwe-sidebar-subtitle {
  margin-top: 10px;
  color: #cfb279;
  font-size: 8px;
  letter-spacing: 0.27em;
}

.dlwe-portal-shell .dlwe-nav {
  gap: 4px;
  margin-top: 38px;
}

.dlwe-portal-shell .dlwe-nav-section-label {
  margin: 25px 12px 8px;
  color: rgba(255,255,255,0.37);
  font-size: 7px;
  font-weight: 800;
  letter-spacing: 0.25em;
}

.dlwe-portal-shell .dlwe-nav-item {
  position: relative;
  min-height: 44px;
  padding: 11px 13px 11px 17px;
  border-radius: 9px;
  font-size: 12px;
  line-height: 1.35;
  transition: color 160ms ease, background 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.dlwe-portal-shell .dlwe-nav-item:hover,
.dlwe-portal-shell .dlwe-nav-item:focus-visible {
  transform: translateX(2px);
}

.dlwe-portal-shell .dlwe-nav-item.is-active {
  background: linear-gradient(90deg, rgba(203, 171, 116, 0.18), rgba(203, 171, 116, 0.08));
  border-color: rgba(203, 171, 116, 0.2);
  box-shadow: inset 3px 0 0 #c8a86f;
}

.dlwe-portal-shell .dlwe-logout-link {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  color: #cfb279 !important;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

/* Page headers */
.dlwe-portal-shell .dlwe-portal-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 28px;
  margin-bottom: 30px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--dlwe-ui-line);
}

.dlwe-portal-shell .dlwe-portal-header > div:first-child {
  min-width: 0;
  max-width: 850px;
}

.dlwe-portal-shell .dlwe-eyebrow {
  margin-bottom: 9px;
  color: var(--dlwe-ui-gold-dark);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.24em;
  line-height: 1.3;
}

.dlwe-portal-shell .dlwe-main h1,
.dlwe-portal-shell .dlwe-main h2,
.dlwe-portal-shell .dlwe-main h3 {
  text-wrap: balance;
}

.dlwe-portal-shell .dlwe-portal-header h1 {
  margin: 0 0 9px;
  color: var(--dlwe-ui-ink) !important;
  font-size: clamp(34px, 3.5vw, 48px);
  line-height: 1.02;
  letter-spacing: -0.03em;
}

.dlwe-portal-shell .dlwe-portal-header .dlwe-muted {
  max-width: 780px;
  margin: 0;
  color: var(--dlwe-ui-muted);
  font-size: 13.5px;
  line-height: 1.65;
}

.dlwe-portal-shell .dlwe-header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 9px;
  min-width: 0;
}

.dlwe-portal-shell .dlwe-user-chip {
  min-width: 205px;
  padding: 9px 11px;
  border-radius: var(--dlwe-ui-radius-sm);
  background: rgba(255,255,255,0.82);
  border-color: var(--dlwe-ui-line);
  box-shadow: var(--dlwe-ui-shadow-sm);
}

.dlwe-portal-shell .dlwe-user-avatar {
  width: 40px;
  height: 40px;
  flex-basis: 40px;
  color: #34291b;
  background: #f0dfbd;
  border: 1px solid #d9bd84;
}

/* Buttons */
.dlwe-portal-shell .dlwe-panel button,
.dlwe-portal-shell .dlwe-panel a {
  -webkit-tap-highlight-color: transparent;
}

.dlwe-portal-shell .dlwe-panel .dlwe-primary-button,
.dlwe-portal-shell .dlwe-panel .dlwe-secondary-button,
.dlwe-portal-shell .dlwe-panel .dlwe-mini-button,
.dlwe-portal-shell .dlwe-panel .dlwe-submit-button,
.dlwe-portal-shell .dlwe-panel .dlwe-danger-button {
  min-height: 44px;
  padding: 10px 17px;
  border-radius: var(--dlwe-ui-radius-sm);
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: 0.105em;
  line-height: 1.3;
  text-align: center;
  text-transform: uppercase;
  box-shadow: none;
  transition: transform 150ms ease, border-color 150ms ease, background 150ms ease, color 150ms ease, box-shadow 150ms ease;
}

.dlwe-portal-shell .dlwe-panel .dlwe-primary-button,
.dlwe-portal-shell .dlwe-panel .dlwe-submit-button {
  color: #fff !important;
  background: var(--dlwe-ui-ink);
  border: 1px solid var(--dlwe-ui-ink);
}

.dlwe-portal-shell .dlwe-panel .dlwe-primary-button:hover:not(:disabled),
.dlwe-portal-shell .dlwe-panel .dlwe-primary-button:focus-visible:not(:disabled),
.dlwe-portal-shell .dlwe-panel .dlwe-submit-button:hover:not(:disabled),
.dlwe-portal-shell .dlwe-panel .dlwe-submit-button:focus-visible:not(:disabled) {
  color: #211a11 !important;
  background: #d3b374;
  border-color: #d3b374;
  box-shadow: 0 8px 20px rgba(103, 76, 35, 0.15);
  transform: translateY(-1px);
}

.dlwe-portal-shell .dlwe-panel .dlwe-secondary-button,
.dlwe-portal-shell .dlwe-panel .dlwe-mini-button {
  color: var(--dlwe-ui-ink) !important;
  background: rgba(255,255,255,0.88);
  border: 1px solid #d7cec1;
}

.dlwe-portal-shell .dlwe-panel .dlwe-secondary-button:hover:not(:disabled),
.dlwe-portal-shell .dlwe-panel .dlwe-secondary-button:focus-visible:not(:disabled),
.dlwe-portal-shell .dlwe-panel .dlwe-mini-button:hover:not(:disabled),
.dlwe-portal-shell .dlwe-panel .dlwe-mini-button:focus-visible:not(:disabled) {
  background: #fff;
  border-color: var(--dlwe-ui-gold);
  box-shadow: 0 7px 18px rgba(37, 29, 20, 0.07);
  transform: translateY(-1px);
}

.dlwe-portal-shell .dlwe-panel .dlwe-compact-button {
  min-height: 40px;
  padding: 8px 14px;
}

.dlwe-portal-shell .dlwe-panel button:disabled,
.dlwe-portal-shell .dlwe-panel .is-disabled {
  opacity: 0.48;
  cursor: not-allowed;
  transform: none !important;
  box-shadow: none !important;
}

.dlwe-portal-shell .dlwe-text-button,
.dlwe-portal-shell .dlwe-back-link,
.dlwe-portal-shell .dlwe-button-link {
  color: var(--dlwe-ui-gold-dark) !important;
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: 0.09em;
  line-height: 1.4;
  text-decoration: none !important;
  text-transform: uppercase;
}

.dlwe-portal-shell .dlwe-text-button:hover,
.dlwe-portal-shell .dlwe-back-link:hover,
.dlwe-portal-shell .dlwe-button-link:hover {
  color: var(--dlwe-ui-ink) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

/* Shared cards and sections */
.dlwe-portal-shell .dlwe-form-section,
.dlwe-portal-shell .dlwe-table-card,
.dlwe-portal-shell .dlwe-report-card,
.dlwe-portal-shell .dlwe-report-filter-card,
.dlwe-portal-shell .dlwe-task-dashboard-card,
.dlwe-portal-shell .dlwe-checklist-settings,
.dlwe-portal-shell .dlwe-checklist-preview-section,
.dlwe-portal-shell .dlwe-checklist-template-editor,
.dlwe-portal-shell .dlwe-checklist-progress-section,
.dlwe-portal-shell .dlwe-hr-manager-form,
.dlwe-portal-shell .dlwe-user-editor,
.dlwe-portal-shell .dlwe-client-editor,
.dlwe-portal-shell .dlwe-task-editor,
.dlwe-portal-shell .dlwe-approval-editor,
.dlwe-portal-shell .dlwe-resubmission-editor,
.dlwe-portal-shell .dlwe-workspace-card,
.dlwe-portal-shell .dlwe-home-card {
  min-width: 0;
  border: 1px solid var(--dlwe-ui-line);
  border-radius: var(--dlwe-ui-radius-lg) !important;
  background: rgba(255,253,250,0.97);
  box-shadow: var(--dlwe-ui-shadow-sm);
}

.dlwe-portal-shell .dlwe-form-section,
.dlwe-portal-shell .dlwe-table-card,
.dlwe-portal-shell .dlwe-task-dashboard-card,
.dlwe-portal-shell .dlwe-checklist-settings,
.dlwe-portal-shell .dlwe-checklist-preview-section,
.dlwe-portal-shell .dlwe-checklist-template-editor,
.dlwe-portal-shell .dlwe-checklist-progress-section,
.dlwe-portal-shell .dlwe-user-editor,
.dlwe-portal-shell .dlwe-client-editor,
.dlwe-portal-shell .dlwe-task-editor,
.dlwe-portal-shell .dlwe-approval-editor,
.dlwe-portal-shell .dlwe-resubmission-editor,
.dlwe-portal-shell .dlwe-workspace-card,
.dlwe-portal-shell .dlwe-home-card {
  padding: clamp(22px, 2.2vw, 30px);
}

.dlwe-portal-shell .dlwe-portal-form,
.dlwe-portal-shell .dlwe-client-form,
.dlwe-portal-shell .dlwe-user-form,
.dlwe-portal-shell .dlwe-task-create-form,
.dlwe-portal-shell .dlwe-task-update-form,
.dlwe-portal-shell .dlwe-approval-form,
.dlwe-portal-shell .dlwe-hr-attendance-form,
.dlwe-portal-shell .dlwe-hr-leave-form,
.dlwe-portal-shell .dlwe-hr-payroll-form {
  display: grid;
  gap: 18px;
}

.dlwe-portal-shell .dlwe-form-section-heading,
.dlwe-portal-shell .dlwe-task-dashboard-card-heading,
.dlwe-portal-shell .dlwe-report-card-heading,
.dlwe-portal-shell .dlwe-home-card-heading,
.dlwe-portal-shell .dlwe-workspace-card-heading,
.dlwe-portal-shell .dlwe-checklist-progress-heading,
.dlwe-portal-shell .dlwe-section-title-row,
.dlwe-portal-shell .dlwe-client-editor-heading,
.dlwe-portal-shell .dlwe-user-editor-heading,
.dlwe-portal-shell .dlwe-approval-heading,
.dlwe-portal-shell .dlwe-task-update-heading,
.dlwe-portal-shell .dlwe-task-collaboration-heading,
.dlwe-portal-shell .dlwe-hr-payroll-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 21px;
  padding-bottom: 17px;
  border-bottom: 1px solid var(--dlwe-ui-line-soft);
}

.dlwe-portal-shell .dlwe-form-section-heading > span {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  color: var(--dlwe-ui-gold-dark);
  border: 1px solid #e1ceb0;
  border-radius: 50%;
  background: var(--dlwe-ui-gold-pale);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.07em;
}

.dlwe-portal-shell .dlwe-form-section-heading h2,
.dlwe-portal-shell .dlwe-task-dashboard-card-heading h2,
.dlwe-portal-shell .dlwe-report-card-heading h2,
.dlwe-portal-shell .dlwe-workspace-card-heading h2,
.dlwe-portal-shell .dlwe-checklist-progress-heading h2,
.dlwe-portal-shell .dlwe-section-title-row h2,
.dlwe-portal-shell .dlwe-client-editor-heading h2,
.dlwe-portal-shell .dlwe-user-editor-heading h2,
.dlwe-portal-shell .dlwe-approval-heading h2,
.dlwe-portal-shell .dlwe-task-update-heading h2,
.dlwe-portal-shell .dlwe-task-collaboration-heading h2,
.dlwe-portal-shell .dlwe-hr-payroll-heading h2 {
  margin: 0 0 5px;
  color: var(--dlwe-ui-ink) !important;
  font-size: clamp(21px, 2vw, 27px);
  line-height: 1.12;
  letter-spacing: -0.018em;
}

.dlwe-portal-shell .dlwe-form-section-heading p,
.dlwe-portal-shell .dlwe-task-dashboard-card-heading p,
.dlwe-portal-shell .dlwe-client-editor-note,
.dlwe-portal-shell .dlwe-user-editor-note,
.dlwe-portal-shell .dlwe-task-update-subheading,
.dlwe-portal-shell .dlwe-task-collaboration-subheading,
.dlwe-portal-shell .dlwe-hr-payroll-subheading {
  margin: 0;
  color: var(--dlwe-ui-muted);
  font-size: 12.5px;
  line-height: 1.6;
}

/* Forms */
.dlwe-portal-shell .dlwe-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 19px 21px;
}

.dlwe-portal-shell .dlwe-field {
  min-width: 0;
  margin: 0;
}

.dlwe-portal-shell .dlwe-field-full {
  grid-column: 1 / -1;
}

.dlwe-portal-shell .dlwe-field label,
.dlwe-portal-shell .dlwe-form-grid label,
.dlwe-portal-shell .dlwe-workspace-selector-label > span {
  display: block;
  margin: 0 0 8px;
  color: #5b544b;
  font-size: 8.5px;
  font-weight: 800;
  letter-spacing: 0.14em;
  line-height: 1.35;
  text-transform: uppercase;
}

.dlwe-portal-shell .dlwe-panel input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.dlwe-portal-shell .dlwe-panel select,
.dlwe-portal-shell .dlwe-panel textarea {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border: 1px solid #cec4b6 !important;
  border-radius: var(--dlwe-ui-radius-sm) !important;
  background: #fff !important;
  color: var(--dlwe-ui-ink) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.75) !important;
  font-size: 13px !important;
  line-height: 1.45;
  outline: none !important;
  transition: border-color 150ms ease, box-shadow 150ms ease, background 150ms ease;
}

.dlwe-portal-shell .dlwe-panel input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.dlwe-portal-shell .dlwe-panel select {
  min-height: 46px;
  padding: 10px 13px !important;
}

.dlwe-portal-shell .dlwe-panel textarea {
  min-height: 105px;
  padding: 12px 13px !important;
  resize: vertical;
}

.dlwe-portal-shell .dlwe-panel input[type="file"] {
  width: 100%;
  min-height: 48px;
  padding: 8px;
  border: 1px dashed #cbbda9;
  border-radius: var(--dlwe-ui-radius-sm);
  background: #fcfaf6;
  color: var(--dlwe-ui-copy);
}

.dlwe-portal-shell .dlwe-panel input[type="checkbox"],
.dlwe-portal-shell .dlwe-panel input[type="radio"] {
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  accent-color: var(--dlwe-ui-gold-dark);
}

.dlwe-portal-shell .dlwe-panel input:focus,
.dlwe-portal-shell .dlwe-panel select:focus,
.dlwe-portal-shell .dlwe-panel textarea:focus {
  border-color: var(--dlwe-ui-gold) !important;
  box-shadow: 0 0 0 3px rgba(170,133,75,0.13) !important;
}

.dlwe-portal-shell .dlwe-panel input[readonly],
.dlwe-portal-shell .dlwe-panel input:disabled,
.dlwe-portal-shell .dlwe-panel select:disabled,
.dlwe-portal-shell .dlwe-panel textarea:disabled {
  color: #746c62 !important;
  background: #f2eee8 !important;
  border-color: #ddd5cb !important;
}

.dlwe-portal-shell .dlwe-field-note,
.dlwe-portal-shell .dlwe-generated-note,
.dlwe-portal-shell .dlwe-task-attachment-note {
  display: block;
  margin-top: 7px;
  color: var(--dlwe-ui-muted);
  font-size: 11.5px;
  line-height: 1.55;
}

.dlwe-portal-shell .dlwe-readonly-value,
.dlwe-portal-shell .dlwe-client-total-field {
  min-height: 46px;
  display: flex;
  align-items: center;
  padding: 10px 13px;
  border: 1px solid #ddd4c7;
  border-radius: var(--dlwe-ui-radius-sm);
  background: #f5f1ea;
  color: var(--dlwe-ui-ink);
  font-weight: 700;
}

.dlwe-portal-shell .dlwe-form-actions,
.dlwe-portal-shell .dlwe-history-actions,
.dlwe-portal-shell .dlwe-vendor-actions,
.dlwe-portal-shell .dlwe-task-actions,
.dlwe-portal-shell .dlwe-client-inline-actions,
.dlwe-portal-shell .dlwe-client-row-actions,
.dlwe-portal-shell .dlwe-user-actions,
.dlwe-portal-shell .dlwe-timeline-quick-actions,
.dlwe-portal-shell .dlwe-timeline-print-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 9px;
}

/* Alerts and loading states */
.dlwe-portal-shell .dlwe-alert {
  position: relative;
  margin: 0 0 20px;
  padding: 14px 17px 14px 19px;
  border: 1px solid #dfd6ca;
  border-left-width: 4px;
  border-radius: var(--dlwe-ui-radius-md);
  background: #fff;
  color: var(--dlwe-ui-copy);
  font-size: 12.5px;
  line-height: 1.58;
  box-shadow: var(--dlwe-ui-shadow-sm);
  overflow-wrap: anywhere;
}

.dlwe-portal-shell .dlwe-alert-error {
  color: #79312f;
  background: var(--dlwe-ui-danger-pale);
  border-color: #e8c5c2;
  border-left-color: var(--dlwe-ui-danger);
}

.dlwe-portal-shell .dlwe-alert-success {
  color: #285f46;
  background: var(--dlwe-ui-success-pale);
  border-color: #c5dfcf;
  border-left-color: var(--dlwe-ui-success);
}

.dlwe-portal-shell .dlwe-form-loading {
  min-height: 92px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 12px 0 20px;
  padding: 24px;
  border: 1px solid var(--dlwe-ui-line);
  border-radius: var(--dlwe-ui-radius-lg);
  background: rgba(255,253,250,0.82);
  color: var(--dlwe-ui-muted);
  font-size: 12.5px;
  box-shadow: var(--dlwe-ui-shadow-sm);
}

.dlwe-portal-shell .dlwe-spinner {
  width: 21px;
  height: 21px;
  border-width: 2px;
  border-color: #ddd2c2;
  border-top-color: var(--dlwe-ui-gold-dark);
}

.dlwe-portal-shell .dlwe-empty-state,
.dlwe-portal-shell .dlwe-home-empty,
.dlwe-portal-shell .dlwe-workspace-empty-block,
.dlwe-portal-shell .dlwe-empty-cell {
  padding: 24px;
  border: 1px dashed #d4c9ba;
  border-radius: var(--dlwe-ui-radius-md);
  background: #fbf8f3;
  color: var(--dlwe-ui-muted);
  font-size: 12.5px;
  line-height: 1.6;
  text-align: center;
}

.dlwe-portal-shell td.dlwe-empty-cell {
  border-radius: 0;
}

/* Filters and toolbars */
.dlwe-portal-shell .dlwe-wedding-toolbar,
.dlwe-portal-shell .dlwe-vendor-toolbar,
.dlwe-portal-shell .dlwe-task-toolbar,
.dlwe-portal-shell .dlwe-task-dashboard-toolbar,
.dlwe-portal-shell .dlwe-client-toolbar,
.dlwe-portal-shell .dlwe-user-toolbar,
.dlwe-portal-shell .dlwe-approval-toolbar,
.dlwe-portal-shell .dlwe-expense-history-toolbar,
.dlwe-portal-shell .dlwe-timeline-toolbar,
.dlwe-portal-shell .dlwe-hr-payroll-toolbar,
.dlwe-portal-shell .dlwe-report-filter-card {
  min-width: 0;
  margin-bottom: 18px;
  padding: 15px;
  border: 1px solid var(--dlwe-ui-line);
  border-radius: var(--dlwe-ui-radius-md);
  background: rgba(255,253,250,0.9);
  box-shadow: var(--dlwe-ui-shadow-sm);
}

.dlwe-portal-shell .dlwe-wedding-toolbar,
.dlwe-portal-shell .dlwe-vendor-toolbar,
.dlwe-portal-shell .dlwe-task-toolbar,
.dlwe-portal-shell .dlwe-client-toolbar,
.dlwe-portal-shell .dlwe-user-toolbar,
.dlwe-portal-shell .dlwe-approval-toolbar,
.dlwe-portal-shell .dlwe-timeline-toolbar {
  display: grid;
  grid-template-columns: minmax(230px, 1.5fr) repeat(auto-fit, minmax(155px, 1fr));
  gap: 10px;
}

.dlwe-portal-shell .dlwe-task-dashboard-toolbar {
  grid-template-columns: minmax(240px, 1.5fr) repeat(4, minmax(145px, 1fr));
}

.dlwe-portal-shell .dlwe-history-count,
.dlwe-portal-shell .dlwe-client-id-chip,
.dlwe-portal-shell .dlwe-user-sync-chip,
.dlwe-portal-shell .dlwe-user-sync-pill,
.dlwe-portal-shell .dlwe-task-dashboard-chip,
.dlwe-portal-shell .dlwe-home-pill,
.dlwe-portal-shell .dlwe-status-pill,
.dlwe-portal-shell .dlwe-history-pill,
.dlwe-portal-shell .dlwe-task-status,
.dlwe-portal-shell .dlwe-task-priority,
.dlwe-portal-shell .dlwe-task-deadline-chip,
.dlwe-portal-shell .dlwe-hr-payroll-net-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  max-width: 100%;
  min-height: 27px;
  padding: 5px 10px;
  border: 1px solid #dfd4c3;
  border-radius: 999px;
  background: #f4eee4;
  color: #6c5635;
  font-size: 8.5px;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.25;
  text-transform: uppercase;
  white-space: normal;
}

/* Summary cards */
.dlwe-portal-shell .dlwe-wedding-summary,
.dlwe-portal-shell .dlwe-vendor-summary,
.dlwe-portal-shell .dlwe-task-summary,
.dlwe-portal-shell .dlwe-personal-summary,
.dlwe-portal-shell .dlwe-report-currency-summary,
.dlwe-portal-shell .dlwe-report-metric-grid,
.dlwe-portal-shell .dlwe-task-dashboard-summary,
.dlwe-portal-shell .dlwe-timeline-summary,
.dlwe-portal-shell .dlwe-workspace-summary,
.dlwe-portal-shell .dlwe-home-summary-grid {
  gap: 13px;
  margin-bottom: 20px;
}

.dlwe-portal-shell .dlwe-wedding-summary-card,
.dlwe-portal-shell .dlwe-vendor-summary-card,
.dlwe-portal-shell .dlwe-task-summary-card,
.dlwe-portal-shell .dlwe-personal-summary-card,
.dlwe-portal-shell .dlwe-report-currency-card,
.dlwe-portal-shell .dlwe-report-metric,
.dlwe-portal-shell .dlwe-task-dashboard-stat,
.dlwe-portal-shell .dlwe-timeline-summary > div,
.dlwe-portal-shell .dlwe-workspace-summary-card,
.dlwe-portal-shell .dlwe-home-metric {
  min-width: 0;
  min-height: 120px;
  padding: 20px;
  border: 1px solid var(--dlwe-ui-line);
  border-top: 3px solid #b58c50;
  border-radius: var(--dlwe-ui-radius-md);
  background: rgba(255,253,250,0.98);
  box-shadow: var(--dlwe-ui-shadow-sm);
}

.dlwe-portal-shell .dlwe-wedding-summary-card strong,
.dlwe-portal-shell .dlwe-vendor-summary-card strong,
.dlwe-portal-shell .dlwe-task-summary-card strong,
.dlwe-portal-shell .dlwe-personal-summary-card strong,
.dlwe-portal-shell .dlwe-report-metric strong,
.dlwe-portal-shell .dlwe-task-dashboard-stat strong,
.dlwe-portal-shell .dlwe-timeline-summary strong,
.dlwe-portal-shell .dlwe-workspace-summary-card strong,
.dlwe-portal-shell .dlwe-home-metric > strong {
  display: block;
  margin: 12px 0 5px;
  color: var(--dlwe-ui-ink);
  font-family: "Iowan Old Style", Baskerville, Georgia, "Times New Roman", serif;
  font-size: clamp(29px, 2.9vw, 39px);
  font-weight: 400;
  line-height: 1;
  overflow-wrap: anywhere;
}

/* Tables */
.dlwe-portal-shell .dlwe-table-wrap,
.dlwe-portal-shell .dlwe-table-scroll,
.dlwe-portal-shell .dlwe-report-table-wrap,
.dlwe-portal-shell .dlwe-timeline-table-scroll,
.dlwe-portal-shell .dlwe-timeline-table-wrap {
  width: 100%;
  min-width: 0;
  overflow: auto;
  border: 1px solid var(--dlwe-ui-line);
  border-radius: var(--dlwe-ui-radius-md);
  background: #fff;
  box-shadow: var(--dlwe-ui-shadow-sm);
  scrollbar-color: #baa57f #f3eee7;
  scrollbar-width: thin;
}

.dlwe-portal-shell .dlwe-table-wrap::-webkit-scrollbar,
.dlwe-portal-shell .dlwe-table-scroll::-webkit-scrollbar,
.dlwe-portal-shell .dlwe-report-table-wrap::-webkit-scrollbar,
.dlwe-portal-shell .dlwe-timeline-table-scroll::-webkit-scrollbar {
  height: 9px;
  width: 9px;
}

.dlwe-portal-shell .dlwe-table-wrap::-webkit-scrollbar-thumb,
.dlwe-portal-shell .dlwe-table-scroll::-webkit-scrollbar-thumb,
.dlwe-portal-shell .dlwe-report-table-wrap::-webkit-scrollbar-thumb,
.dlwe-portal-shell .dlwe-timeline-table-scroll::-webkit-scrollbar-thumb {
  border: 2px solid #f3eee7;
  border-radius: 999px;
  background: #baa57f;
}

.dlwe-portal-shell .dlwe-data-table,
.dlwe-portal-shell .dlwe-client-table,
.dlwe-portal-shell .dlwe-user-table,
.dlwe-portal-shell .dlwe-task-dashboard-table,
.dlwe-portal-shell .dlwe-report-table,
.dlwe-portal-shell .dlwe-checklist-table,
.dlwe-portal-shell .dlwe-checklist-template-table,
.dlwe-portal-shell .dlwe-timeline-table {
  width: 100%;
  min-width: 760px;
  border-collapse: separate;
  border-spacing: 0;
}

.dlwe-portal-shell .dlwe-data-table th,
.dlwe-portal-shell .dlwe-client-table th,
.dlwe-portal-shell .dlwe-user-table th,
.dlwe-portal-shell .dlwe-task-dashboard-table th,
.dlwe-portal-shell .dlwe-report-table th,
.dlwe-portal-shell .dlwe-checklist-table th,
.dlwe-portal-shell .dlwe-checklist-template-table th,
.dlwe-portal-shell .dlwe-timeline-table th {
  position: sticky;
  top: 0;
  z-index: 3;
  padding: 13px 12px !important;
  border-right: 1px solid #34302b !important;
  border-bottom: 1px solid #34302b !important;
  background: #1d1a17 !important;
  color: rgba(255,255,255,0.9) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: 0.13em;
  line-height: 1.35;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}

.dlwe-portal-shell .dlwe-data-table td,
.dlwe-portal-shell .dlwe-client-table td,
.dlwe-portal-shell .dlwe-user-table td,
.dlwe-portal-shell .dlwe-task-dashboard-table td,
.dlwe-portal-shell .dlwe-report-table td,
.dlwe-portal-shell .dlwe-checklist-table td,
.dlwe-portal-shell .dlwe-checklist-template-table td,
.dlwe-portal-shell .dlwe-timeline-table td {
  padding: 13px 12px !important;
  border-right: 1px solid var(--dlwe-ui-line-soft) !important;
  border-bottom: 1px solid var(--dlwe-ui-line-soft) !important;
  background: #fff;
  color: #4d473f;
  font-size: 12px;
  line-height: 1.5;
  vertical-align: top;
  overflow-wrap: anywhere;
}

.dlwe-portal-shell .dlwe-data-table tbody tr:nth-child(even) td,
.dlwe-portal-shell .dlwe-client-table tbody tr:nth-child(even) td,
.dlwe-portal-shell .dlwe-user-table tbody tr:nth-child(even) td,
.dlwe-portal-shell .dlwe-task-dashboard-table tbody tr:nth-child(even) td,
.dlwe-portal-shell .dlwe-report-table tbody tr:nth-child(even) td,
.dlwe-portal-shell .dlwe-checklist-table tbody tr:nth-child(even) td,
.dlwe-portal-shell .dlwe-checklist-template-table tbody tr:nth-child(even) td,
.dlwe-portal-shell .dlwe-timeline-table tbody tr:nth-child(even) td {
  background: #fcfaf7;
}

.dlwe-portal-shell .dlwe-data-table tbody tr:hover td,
.dlwe-portal-shell .dlwe-client-table tbody tr:hover td,
.dlwe-portal-shell .dlwe-user-table tbody tr:hover td,
.dlwe-portal-shell .dlwe-task-dashboard-table tbody tr:hover td,
.dlwe-portal-shell .dlwe-report-table tbody tr:hover td,
.dlwe-portal-shell .dlwe-checklist-table tbody tr:hover td,
.dlwe-portal-shell .dlwe-checklist-template-table tbody tr:hover td,
.dlwe-portal-shell .dlwe-timeline-table tbody tr:hover td {
  background: #f7f0e5;
}

.dlwe-portal-shell .dlwe-checklist-table input,
.dlwe-portal-shell .dlwe-checklist-table select,
.dlwe-portal-shell .dlwe-checklist-table textarea,
.dlwe-portal-shell .dlwe-checklist-template-table input,
.dlwe-portal-shell .dlwe-checklist-template-table select,
.dlwe-portal-shell .dlwe-checklist-template-table textarea,
.dlwe-portal-shell .dlwe-timeline-table input,
.dlwe-portal-shell .dlwe-timeline-table select,
.dlwe-portal-shell .dlwe-timeline-table textarea {
  min-height: 38px !important;
  padding: 7px 8px !important;
  border-radius: 6px !important;
  font-size: 11.5px !important;
}

/* Pagination */
.dlwe-portal-shell .dlwe-pagination {
  margin-top: 17px;
  padding: 14px 16px;
  border-color: var(--dlwe-ui-line);
  border-radius: var(--dlwe-ui-radius-md);
  background: rgba(255,253,250,0.94);
  box-shadow: var(--dlwe-ui-shadow-sm);
}

.dlwe-portal-shell .dlwe-pagination-button {
  min-width: 37px;
  height: 37px;
  border-radius: 8px;
}

.dlwe-portal-shell .dlwe-pagination-button.is-active {
  border-color: var(--dlwe-ui-ink);
  background: var(--dlwe-ui-ink);
}

/* Dashboard */
.dlwe-portal-shell .dlwe-home-hero {
  padding: clamp(30px, 3.5vw, 46px);
  border-radius: var(--dlwe-ui-radius-lg);
  background:
    radial-gradient(circle at 94% 14%, rgba(211,179,116,0.15), transparent 30%),
    linear-gradient(135deg, #181613 0%, #24201b 100%);
  box-shadow: var(--dlwe-ui-shadow-md);
}

.dlwe-portal-shell .dlwe-home-hero h2 {
  max-width: 720px;
  font-size: clamp(30px, 3.4vw, 43px);
  line-height: 1.08;
}

.dlwe-portal-shell .dlwe-home-date-block {
  min-width: 180px;
  padding-left: 28px;
  border-left-color: rgba(255,255,255,0.14);
}

.dlwe-portal-shell .dlwe-home-quick-actions {
  grid-template-columns: repeat(auto-fit, minmax(205px, 1fr));
  gap: 12px;
}

.dlwe-portal-shell .dlwe-home-action {
  min-height: 98px;
  padding: 19px;
  border-radius: var(--dlwe-ui-radius-md);
  background: rgba(255,253,250,0.98);
}

.dlwe-portal-shell .dlwe-home-grid {
  gap: 16px;
}

/* Wedding, vendor, task and expense list cards */
.dlwe-portal-shell .dlwe-wedding-list,
.dlwe-portal-shell .dlwe-vendor-list,
.dlwe-portal-shell .dlwe-task-list,
.dlwe-portal-shell .dlwe-expense-history-list,
.dlwe-portal-shell .dlwe-approval-list {
  display: grid;
  gap: 13px;
}

.dlwe-portal-shell .dlwe-wedding-card,
.dlwe-portal-shell .dlwe-vendor-card,
.dlwe-portal-shell .dlwe-task-card,
.dlwe-portal-shell .dlwe-history-card,
.dlwe-portal-shell .dlwe-approval-card {
  min-width: 0;
  padding: 21px;
  border: 1px solid var(--dlwe-ui-line);
  border-radius: var(--dlwe-ui-radius-md);
  background: rgba(255,253,250,0.98);
  box-shadow: var(--dlwe-ui-shadow-sm);
  transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

.dlwe-portal-shell .dlwe-wedding-card:hover,
.dlwe-portal-shell .dlwe-vendor-card:hover,
.dlwe-portal-shell .dlwe-task-card:hover,
.dlwe-portal-shell .dlwe-history-card:hover,
.dlwe-portal-shell .dlwe-approval-card:hover {
  border-color: #c2aa80;
  box-shadow: var(--dlwe-ui-shadow-md);
  transform: translateY(-1px);
}

.dlwe-portal-shell .dlwe-wedding-card-header,
.dlwe-portal-shell .dlwe-vendor-card-header,
.dlwe-portal-shell .dlwe-task-card-header,
.dlwe-portal-shell .dlwe-history-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--dlwe-ui-line-soft);
}

.dlwe-portal-shell .dlwe-wedding-details-grid,
.dlwe-portal-shell .dlwe-vendor-details-grid,
.dlwe-portal-shell .dlwe-task-details-grid,
.dlwe-portal-shell .dlwe-history-grid,
.dlwe-portal-shell .dlwe-review-grid {
  gap: 10px;
}

.dlwe-portal-shell .dlwe-wedding-metric,
.dlwe-portal-shell .dlwe-vendor-metric,
.dlwe-portal-shell .dlwe-task-metric,
.dlwe-portal-shell .dlwe-history-metric,
.dlwe-portal-shell .dlwe-review-item {
  min-width: 0;
  padding: 13px 14px;
  border: 1px solid var(--dlwe-ui-line-soft);
  border-radius: var(--dlwe-ui-radius-sm);
  background: var(--dlwe-ui-surface-alt);
}

.dlwe-portal-shell .dlwe-wedding-note,
.dlwe-portal-shell .dlwe-vendor-note,
.dlwe-portal-shell .dlwe-task-note,
.dlwe-portal-shell .dlwe-history-note,
.dlwe-portal-shell .dlwe-review-note,
.dlwe-portal-shell .dlwe-clarification-banner {
  margin-top: 14px;
  padding: 14px 16px;
  border-left: 3px solid #b18a51;
  border-radius: 0 var(--dlwe-ui-radius-sm) var(--dlwe-ui-radius-sm) 0;
  background: #f7f1e7;
  color: #5e554a;
  line-height: 1.6;
}

/* Wedding Workspace */
.dlwe-portal-shell .dlwe-workspace-page-header {
  align-items: end;
}

.dlwe-portal-shell .dlwe-workspace-control-panel {
  width: min(420px, 100%);
  padding: 15px;
  border: 1px solid var(--dlwe-ui-line);
  border-radius: var(--dlwe-ui-radius-md);
  background: rgba(255,253,250,0.9);
  box-shadow: var(--dlwe-ui-shadow-sm);
}

.dlwe-portal-shell .dlwe-workspace-control-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 9px;
}

.dlwe-portal-shell .dlwe-workspace-hero {
  min-height: 250px;
  padding: clamp(28px, 3.5vw, 44px);
  border: 1px solid rgba(189,154,95,0.26);
  border-radius: var(--dlwe-ui-radius-lg);
  background:
    radial-gradient(circle at 92% 20%, rgba(218,187,128,0.14), transparent 32%),
    linear-gradient(135deg, #181512 0%, #2a251f 100%);
  box-shadow: var(--dlwe-ui-shadow-md);
}

.dlwe-portal-shell .dlwe-workspace-grid {
  gap: 16px;
}

.dlwe-portal-shell .dlwe-workspace-card {
  min-height: 100%;
}

.dlwe-portal-shell .dlwe-workspace-detail-grid,
.dlwe-portal-shell .dlwe-workspace-mini-metrics {
  gap: 10px;
}

.dlwe-portal-shell .dlwe-workspace-action {
  min-height: 43px;
  border-radius: var(--dlwe-ui-radius-sm);
}

/* Clients and users */
.dlwe-portal-shell .dlwe-client-list-view,
.dlwe-portal-shell .dlwe-user-list-view {
  min-width: 0;
}

.dlwe-portal-shell .dlwe-client-date-summary {
  margin-top: 12px;
  padding: 13px 15px;
  border: 1px solid #e0d5c5;
  border-radius: var(--dlwe-ui-radius-sm);
  background: #f7f1e6;
  color: #5c4b32;
  line-height: 1.55;
}

.dlwe-portal-shell .dlwe-client-assignment-rows {
  display: grid;
  gap: 10px;
}

.dlwe-portal-shell .dlwe-client-assignment-row {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) auto;
  gap: 10px;
  align-items: end;
  padding: 14px;
  border: 1px solid var(--dlwe-ui-line-soft);
  border-radius: var(--dlwe-ui-radius-sm);
  background: #fbf8f3;
}

/* Task dashboard and collaboration */
.dlwe-portal-shell .dlwe-task-dashboard-layout {
  gap: 16px;
}

.dlwe-portal-shell .dlwe-task-discussion-panel {
  padding: 20px;
  border: 1px solid var(--dlwe-ui-line);
  border-radius: var(--dlwe-ui-radius-md);
  background: #fbf8f3;
}

.dlwe-portal-shell .dlwe-task-discussion-header {
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--dlwe-ui-line-soft);
}

.dlwe-portal-shell .dlwe-task-comment-list {
  display: grid;
  gap: 10px;
}

.dlwe-portal-shell .dlwe-task-comment {
  padding: 14px;
  border: 1px solid var(--dlwe-ui-line-soft);
  border-radius: var(--dlwe-ui-radius-sm);
  background: #fff;
}

.dlwe-portal-shell .dlwe-task-comment-avatar {
  color: #302719;
  background: #ead7b2;
  border: 1px solid #d6b978;
}

/* Checklist and timeline */
.dlwe-portal-shell .dlwe-checklist-builder-grid,
.dlwe-portal-shell .dlwe-timeline-top-grid {
  gap: 16px;
}

.dlwe-portal-shell .dlwe-checklist-module-option,
.dlwe-portal-shell .dlwe-checklist-switch {
  border-radius: var(--dlwe-ui-radius-sm);
}

.dlwe-portal-shell .dlwe-checklist-module-option:has(input:checked),
.dlwe-portal-shell .dlwe-checklist-switch:has(input:checked) {
  border-color: #b18a51;
  background: var(--dlwe-ui-gold-pale);
  box-shadow: inset 3px 0 0 var(--dlwe-ui-gold);
}

.dlwe-portal-shell .dlwe-checklist-progress-bar,
.dlwe-portal-shell .dlwe-home-progress-track,
.dlwe-portal-shell .dlwe-task-breakdown-track,
.dlwe-portal-shell .dlwe-task-mini-progress {
  height: 7px;
  border-radius: 999px;
  background: #e8dfd2;
  overflow: hidden;
}

.dlwe-portal-shell .dlwe-checklist-progress-bar span,
.dlwe-portal-shell .dlwe-home-progress-track span,
.dlwe-portal-shell .dlwe-task-breakdown-track span,
.dlwe-portal-shell .dlwe-task-mini-progress span {
  border-radius: 999px;
  background: linear-gradient(90deg, #8d6a38, #c5a160);
}

/* Attendance and payroll */
.dlwe-portal-shell .dlwe-hr-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 5px;
  border: 1px solid #dcd2c4;
  border-radius: var(--dlwe-ui-radius-md);
  background: #eae3d8;
}

.dlwe-portal-shell .dlwe-hr-tab {
  min-height: 42px;
  padding: 10px 17px;
  border: 0;
  border-radius: 7px;
  color: #6d655b;
  background: transparent;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.dlwe-portal-shell .dlwe-hr-tab.is-active {
  color: var(--dlwe-ui-ink);
  background: #fff;
  box-shadow: 0 5px 15px rgba(37,29,20,0.09);
}

.dlwe-portal-shell .dlwe-hr-tab-panel {
  padding-top: 18px;
}

.dlwe-portal-shell .dlwe-hr-clock-card {
  border-radius: var(--dlwe-ui-radius-lg);
  background:
    radial-gradient(circle at 90% 8%, rgba(213,180,119,0.14), transparent 32%),
    linear-gradient(135deg, #181613, #27221d);
}

.dlwe-portal-shell .dlwe-payslip {
  border: 1px solid var(--dlwe-ui-line);
  border-radius: var(--dlwe-ui-radius-lg);
  background: #fffdfa;
  box-shadow: var(--dlwe-ui-shadow-sm);
}

/* Expense reports */
.dlwe-portal-shell .dlwe-report-layout {
  gap: 16px;
}

.dlwe-portal-shell .dlwe-report-card {
  padding: 22px;
}

.dlwe-portal-shell .dlwe-report-bar-row {
  display: grid;
  gap: 8px;
  padding: 12px 0;
  border-bottom: 1px solid var(--dlwe-ui-line-soft);
}

.dlwe-portal-shell .dlwe-report-bar-row:last-child {
  border-bottom: 0;
}

.dlwe-portal-shell .dlwe-report-bar-track {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #e9e0d3;
}

.dlwe-portal-shell .dlwe-report-bar-track > span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #876635, #c3a05f);
}

/* System reset */
.dlwe-portal-shell [data-dlwe-panel="system-reset"] .dlwe-reset-warning,
.dlwe-portal-shell [data-dlwe-panel="system-reset"] .dlwe-reset-overview,
.dlwe-portal-shell [data-dlwe-panel="system-reset"] .dlwe-reset-actions,
.dlwe-portal-shell [data-dlwe-panel="system-reset"] .dlwe-reset-option,
.dlwe-portal-shell [data-dlwe-panel="system-reset"] .dlwe-reset-toggle {
  border-radius: var(--dlwe-ui-radius-lg);
}

.dlwe-portal-shell [data-dlwe-panel="system-reset"] .dlwe-reset-option,
.dlwe-portal-shell [data-dlwe-panel="system-reset"] .dlwe-reset-toggle {
  box-shadow: var(--dlwe-ui-shadow-sm);
}

/* Responsive organisation */
@container (max-width: 1180px) {
  .dlwe-portal-shell .dlwe-task-dashboard-toolbar {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dlwe-portal-shell .dlwe-task-dashboard-toolbar > input:first-child {
    grid-column: 1 / -1;
  }

  .dlwe-portal-shell .dlwe-client-assignment-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dlwe-portal-shell .dlwe-client-assignment-row > :last-child {
    grid-column: 1 / -1;
    justify-self: end;
  }
}

@container (max-width: 900px) {
  .dlwe-portal-shell .dlwe-portal-header {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .dlwe-portal-shell .dlwe-header-actions,
  .dlwe-portal-shell .dlwe-workspace-control-panel {
    width: 100%;
    justify-content: flex-start;
  }

  .dlwe-portal-shell .dlwe-user-chip {
    flex: 1 1 210px;
  }

  .dlwe-portal-shell .dlwe-wedding-toolbar,
  .dlwe-portal-shell .dlwe-vendor-toolbar,
  .dlwe-portal-shell .dlwe-task-toolbar,
  .dlwe-portal-shell .dlwe-client-toolbar,
  .dlwe-portal-shell .dlwe-user-toolbar,
  .dlwe-portal-shell .dlwe-approval-toolbar,
  .dlwe-portal-shell .dlwe-timeline-toolbar,
  .dlwe-portal-shell .dlwe-task-dashboard-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dlwe-portal-shell .dlwe-wedding-toolbar > :first-child,
  .dlwe-portal-shell .dlwe-vendor-toolbar > :first-child,
  .dlwe-portal-shell .dlwe-task-toolbar > :first-child,
  .dlwe-portal-shell .dlwe-client-toolbar > :first-child,
  .dlwe-portal-shell .dlwe-user-toolbar > :first-child,
  .dlwe-portal-shell .dlwe-approval-toolbar > :first-child,
  .dlwe-portal-shell .dlwe-timeline-toolbar > :first-child,
  .dlwe-portal-shell .dlwe-task-dashboard-toolbar > :first-child {
    grid-column: 1 / -1;
  }

  .dlwe-portal-shell .dlwe-form-grid {
    grid-template-columns: 1fr;
  }

  .dlwe-portal-shell .dlwe-field-full {
    grid-column: auto;
  }

  .dlwe-portal-shell .dlwe-wedding-card-header,
  .dlwe-portal-shell .dlwe-vendor-card-header,
  .dlwe-portal-shell .dlwe-task-card-header,
  .dlwe-portal-shell .dlwe-history-card-header {
    flex-direction: column;
  }
}

@media (max-width: 1020px) {
  .dlwe-portal-shell {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  .dlwe-portal-shell .dlwe-sidebar {
    padding-inline: 17px;
  }
}

@media (max-width: 850px) {
  .dlwe-portal-shell {
    grid-template-columns: 1fr;
    border-radius: 14px;
  }

  .dlwe-portal-shell .dlwe-sidebar {
    padding: 22px;
  }

  .dlwe-portal-shell .dlwe-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    margin: 23px 0 16px;
  }

  .dlwe-portal-shell .dlwe-nav-section-label {
    grid-column: 1 / -1;
    margin: 16px 8px 4px;
  }

  .dlwe-portal-shell .dlwe-logout-link {
    margin-top: 4px;
  }
}

@media (max-width: 620px) {
  .dlwe-portal-shell .dlwe-main {
    padding: 22px 15px 28px;
  }

  .dlwe-portal-shell .dlwe-nav {
    grid-template-columns: 1fr;
  }

  .dlwe-portal-shell .dlwe-portal-header h1 {
    font-size: 34px;
  }

  .dlwe-portal-shell .dlwe-header-actions,
  .dlwe-portal-shell .dlwe-form-actions,
  .dlwe-portal-shell .dlwe-history-actions,
  .dlwe-portal-shell .dlwe-vendor-actions,
  .dlwe-portal-shell .dlwe-task-actions,
  .dlwe-portal-shell .dlwe-client-inline-actions,
  .dlwe-portal-shell .dlwe-client-row-actions,
  .dlwe-portal-shell .dlwe-user-actions,
  .dlwe-portal-shell .dlwe-workspace-control-actions,
  .dlwe-portal-shell .dlwe-timeline-quick-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .dlwe-portal-shell .dlwe-header-actions > *,
  .dlwe-portal-shell .dlwe-form-actions > *,
  .dlwe-portal-shell .dlwe-history-actions > *,
  .dlwe-portal-shell .dlwe-vendor-actions > *,
  .dlwe-portal-shell .dlwe-task-actions > *,
  .dlwe-portal-shell .dlwe-client-inline-actions > *,
  .dlwe-portal-shell .dlwe-client-row-actions > *,
  .dlwe-portal-shell .dlwe-user-actions > *,
  .dlwe-portal-shell .dlwe-workspace-control-actions > *,
  .dlwe-portal-shell .dlwe-timeline-quick-actions > * {
    width: 100% !important;
  }

  .dlwe-portal-shell .dlwe-wedding-toolbar,
  .dlwe-portal-shell .dlwe-vendor-toolbar,
  .dlwe-portal-shell .dlwe-task-toolbar,
  .dlwe-portal-shell .dlwe-client-toolbar,
  .dlwe-portal-shell .dlwe-user-toolbar,
  .dlwe-portal-shell .dlwe-approval-toolbar,
  .dlwe-portal-shell .dlwe-timeline-toolbar,
  .dlwe-portal-shell .dlwe-task-dashboard-toolbar {
    grid-template-columns: 1fr;
  }

  .dlwe-portal-shell .dlwe-client-assignment-row {
    grid-template-columns: 1fr;
  }

  .dlwe-portal-shell .dlwe-client-assignment-row > :last-child {
    grid-column: auto;
    justify-self: stretch;
  }

  .dlwe-portal-shell .dlwe-form-section,
  .dlwe-portal-shell .dlwe-table-card,
  .dlwe-portal-shell .dlwe-task-dashboard-card,
  .dlwe-portal-shell .dlwe-checklist-settings,
  .dlwe-portal-shell .dlwe-checklist-preview-section,
  .dlwe-portal-shell .dlwe-checklist-template-editor,
  .dlwe-portal-shell .dlwe-checklist-progress-section,
  .dlwe-portal-shell .dlwe-user-editor,
  .dlwe-portal-shell .dlwe-client-editor,
  .dlwe-portal-shell .dlwe-task-editor,
  .dlwe-portal-shell .dlwe-approval-editor,
  .dlwe-portal-shell .dlwe-workspace-card,
  .dlwe-portal-shell .dlwe-home-card {
    padding: 20px;
    border-radius: 12px !important;
  }

  .dlwe-portal-shell .dlwe-pagination {
    padding: 13px;
  }
}

/* Final audit coverage for dynamically generated utility classes. */
.dlwe-login-form {
  display: grid;
  gap: 16px;
}

.dlwe-portal-shell .dlwe-workspace-finance-card {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--dlwe-ui-line-soft);
  border-radius: var(--dlwe-ui-radius-sm);
  background: var(--dlwe-ui-surface-alt);
}

.dlwe-portal-shell .dlwe-pagination-number {
  font-variant-numeric: tabular-nums;
}


/* Wedding ID — portal-generated immutable identifier */
.dlwe-portal .dlwe-auto-generated-input,
.dlwe-portal .dlwe-auto-generated-input[readonly] {
  background: linear-gradient(135deg, #f5efe3 0%, #fbf8f2 100%) !important;
  border-color: rgba(151, 116, 57, 0.34) !important;
  color: #4d3a1e !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.09em !important;
  cursor: default !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.55) !important;
}

.dlwe-portal .dlwe-auto-generated-input:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(173, 134, 70, 0.12), inset 0 0 0 1px rgba(255,255,255,.55) !important;
}

/* ========================================================================== 
   DLWE Parent-Brand Interface System — v4.0.1
   Definitive visual layer for every staff-portal module.
   ========================================================================== */

.dlwe-portal-shell {
  --dlwe-brand-ink: #151310;
  --dlwe-brand-ink-soft: #302b25;
  --dlwe-brand-copy: #575047;
  --dlwe-brand-muted: #82796e;
  --dlwe-brand-ivory: #f5f1ea;
  --dlwe-brand-paper: #fffdf9;
  --dlwe-brand-paper-soft: #fbf8f2;
  --dlwe-brand-champagne: #c5a56e;
  --dlwe-brand-champagne-dark: #7c5e31;
  --dlwe-brand-champagne-pale: #f3e8d5;
  --dlwe-brand-line: #ddd3c5;
  --dlwe-brand-line-soft: #eee7dd;
  --dlwe-brand-danger: #943b37;
  --dlwe-brand-success: #2f6c50;
  --dlwe-brand-warning: #966426;
  --dlwe-brand-display: "Cormorant Garamond", "Iowan Old Style", Baskerville, Georgia, "Times New Roman", serif;
  --dlwe-brand-body: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --dlwe-brand-radius-xs: 3px;
  --dlwe-brand-radius-sm: 6px;
  --dlwe-brand-radius-md: 10px;
  --dlwe-brand-radius-lg: 14px;
  --dlwe-brand-shadow-xs: 0 4px 14px rgba(34, 27, 19, 0.035);
  --dlwe-brand-shadow-sm: 0 10px 28px rgba(34, 27, 19, 0.055);
  --dlwe-brand-shadow-md: 0 22px 58px rgba(34, 27, 19, 0.09);

  width: min(100%, 1480px);
  margin-inline: auto;
  grid-template-columns: 238px minmax(0, 1fr) !important;
  color: var(--dlwe-brand-copy);
  background: var(--dlwe-brand-ivory) !important;
  border: 1px solid rgba(197, 165, 110, 0.24) !important;
  border-radius: 0 !important;
  box-shadow: var(--dlwe-brand-shadow-md) !important;
  font-family: var(--dlwe-brand-body) !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.dlwe-portal-shell *,
.dlwe-portal-shell *::before,
.dlwe-portal-shell *::after {
  box-sizing: border-box;
}

/* Parent-brand typography -------------------------------------------------- */
.dlwe-portal-shell .dlwe-main h1,
.dlwe-portal-shell .dlwe-main h2,
.dlwe-portal-shell .dlwe-main h3,
.dlwe-portal-shell .dlwe-main h4,
.dlwe-portal-shell .dlwe-sidebar-brand,
.dlwe-portal-shell .dlwe-brand,
.dlwe-portal-shell .dlwe-metric-value,
.dlwe-portal-shell .dlwe-home-metric strong,
.dlwe-portal-shell .dlwe-summary-card strong,
.dlwe-portal-shell .dlwe-report-summary-value,
.dlwe-portal-shell .dlwe-workspace-stat-value,
.dlwe-portal-shell .dlwe-approval-amount {
  font-family: var(--dlwe-brand-display) !important;
  font-weight: 400 !important;
}

.dlwe-portal-shell .dlwe-eyebrow,
.dlwe-portal-shell .dlwe-nav-section-label,
.dlwe-portal-shell label,
.dlwe-portal-shell th,
.dlwe-portal-shell .dlwe-status-badge,
.dlwe-portal-shell .dlwe-home-pill,
.dlwe-portal-shell .dlwe-history-pill,
.dlwe-portal-shell .dlwe-task-dashboard-chip {
  font-family: var(--dlwe-brand-body) !important;
}

/* Portal frame and navigation -------------------------------------------- */
.dlwe-portal-shell .dlwe-sidebar {
  position: sticky;
  top: 0;
  align-self: start;
  height: 100vh;
  min-height: 760px;
  overflow-y: auto;
  padding: 34px 20px 26px !important;
  color: rgba(255,255,255,0.78);
  background:
    radial-gradient(circle at 20% 0%, rgba(197,165,110,0.10), transparent 24%),
    linear-gradient(180deg, #171512 0%, #0f0e0d 100%) !important;
  border-right: 1px solid rgba(197,165,110,0.15);
  scrollbar-width: thin;
  scrollbar-color: rgba(197,165,110,0.35) transparent;
}

.dlwe-portal-shell .dlwe-sidebar-brand {
  color: #fff !important;
  font-size: 29px !important;
  line-height: 1 !important;
  letter-spacing: 0.22em !important;
}

.dlwe-portal-shell .dlwe-sidebar-subtitle {
  margin-top: 11px !important;
  color: var(--dlwe-brand-champagne) !important;
  font-size: 8px !important;
  font-weight: 700;
  letter-spacing: 0.25em !important;
  text-transform: uppercase;
}

.dlwe-portal-shell .dlwe-nav {
  gap: 3px !important;
  margin-top: 37px !important;
}

.dlwe-portal-shell .dlwe-nav-section-label {
  margin: 24px 10px 8px !important;
  color: rgba(255,255,255,0.34) !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase;
}

.dlwe-portal-shell .dlwe-nav-item {
  min-height: 43px !important;
  display: flex;
  align-items: center;
  padding: 10px 13px 10px 16px !important;
  color: rgba(255,255,255,0.68) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: var(--dlwe-brand-radius-sm) !important;
  font-size: 11.5px !important;
  line-height: 1.35;
  transition: color 160ms ease, background 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.dlwe-portal-shell .dlwe-nav-item:hover,
.dlwe-portal-shell .dlwe-nav-item:focus-visible {
  color: #fff !important;
  background: rgba(255,255,255,0.045) !important;
  border-color: rgba(255,255,255,0.07) !important;
  transform: translateX(2px);
  outline: none;
}

.dlwe-portal-shell .dlwe-nav-item.is-active {
  color: #fff !important;
  background: linear-gradient(90deg, rgba(197,165,110,0.18), rgba(197,165,110,0.07)) !important;
  border-color: rgba(197,165,110,0.20) !important;
  box-shadow: inset 3px 0 0 var(--dlwe-brand-champagne) !important;
}

.dlwe-portal-shell .dlwe-logout-link {
  color: var(--dlwe-brand-champagne) !important;
  font-size: 9px !important;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

/* Main canvas ------------------------------------------------------------- */
.dlwe-portal-shell .dlwe-main {
  min-width: 0;
  padding: clamp(30px, 3.25vw, 54px) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(197,165,110,0.10), transparent 28%),
    linear-gradient(180deg, #f8f5ef 0%, var(--dlwe-brand-ivory) 100%) !important;
  container-type: inline-size;
}

.dlwe-portal-shell .dlwe-panel.is-active {
  animation: dlwe-brand-panel-in 190ms ease both !important;
}

@keyframes dlwe-brand-panel-in {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Page headers ------------------------------------------------------------ */
.dlwe-portal-shell .dlwe-portal-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 26px !important;
  margin: 0 0 30px !important;
  padding: 0 0 23px !important;
  border-bottom: 1px solid var(--dlwe-brand-line) !important;
}

.dlwe-portal-shell .dlwe-portal-header > div:first-child {
  min-width: 0;
  max-width: 850px;
  text-align: left !important;
}

.dlwe-portal-shell .dlwe-eyebrow {
  margin: 0 0 9px !important;
  color: var(--dlwe-brand-champagne-dark) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: 0.24em !important;
  line-height: 1.3;
  text-transform: uppercase;
}

.dlwe-portal-shell .dlwe-portal-header h1 {
  margin: 0 0 8px !important;
  color: var(--dlwe-brand-ink) !important;
  font-size: clamp(35px, 4vw, 54px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.03em !important;
  text-align: left !important;
  text-wrap: balance;
}

.dlwe-portal-shell .dlwe-portal-header .dlwe-muted {
  max-width: 760px;
  margin: 0 !important;
  color: var(--dlwe-brand-muted) !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
  text-align: left !important;
}

.dlwe-portal-shell .dlwe-header-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap;
  gap: 9px !important;
}

.dlwe-portal-shell .dlwe-user-chip {
  min-width: 205px;
  padding: 8px 10px !important;
  background: rgba(255,253,249,0.88) !important;
  border: 1px solid var(--dlwe-brand-line) !important;
  border-radius: var(--dlwe-brand-radius-sm) !important;
  box-shadow: var(--dlwe-brand-shadow-xs) !important;
}

.dlwe-portal-shell .dlwe-user-avatar {
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
  color: #2e2418 !important;
  background: var(--dlwe-brand-champagne-pale) !important;
  border: 1px solid #dbc18f !important;
  border-radius: 50% !important;
}

/* Shared surface system --------------------------------------------------- */
.dlwe-portal-shell .dlwe-form-section,
.dlwe-portal-shell .dlwe-table-card,
.dlwe-portal-shell .dlwe-report-card,
.dlwe-portal-shell .dlwe-report-filter-card,
.dlwe-portal-shell .dlwe-task-dashboard-card,
.dlwe-portal-shell .dlwe-checklist-settings,
.dlwe-portal-shell .dlwe-checklist-preview-section,
.dlwe-portal-shell .dlwe-checklist-template-editor,
.dlwe-portal-shell .dlwe-checklist-progress-section,
.dlwe-portal-shell .dlwe-hr-manager-form,
.dlwe-portal-shell .dlwe-user-editor,
.dlwe-portal-shell .dlwe-client-editor,
.dlwe-portal-shell .dlwe-task-editor,
.dlwe-portal-shell .dlwe-approval-editor,
.dlwe-portal-shell .dlwe-resubmission-editor,
.dlwe-portal-shell .dlwe-workspace-card,
.dlwe-portal-shell .dlwe-home-card,
.dlwe-portal-shell .dlwe-approval-card,
.dlwe-portal-shell .dlwe-wedding-card,
.dlwe-portal-shell .dlwe-vendor-card,
.dlwe-portal-shell .dlwe-task-card,
.dlwe-portal-shell .dlwe-history-card,
.dlwe-portal-shell .dlwe-empty-state,
.dlwe-portal-shell .dlwe-security-note {
  min-width: 0;
  color: var(--dlwe-brand-copy) !important;
  background: rgba(255,253,249,0.97) !important;
  border: 1px solid var(--dlwe-brand-line) !important;
  border-radius: var(--dlwe-brand-radius-md) !important;
  box-shadow: var(--dlwe-brand-shadow-xs) !important;
}

.dlwe-portal-shell .dlwe-form-section,
.dlwe-portal-shell .dlwe-table-card,
.dlwe-portal-shell .dlwe-task-dashboard-card,
.dlwe-portal-shell .dlwe-checklist-settings,
.dlwe-portal-shell .dlwe-checklist-preview-section,
.dlwe-portal-shell .dlwe-checklist-template-editor,
.dlwe-portal-shell .dlwe-checklist-progress-section,
.dlwe-portal-shell .dlwe-hr-manager-form,
.dlwe-portal-shell .dlwe-user-editor,
.dlwe-portal-shell .dlwe-client-editor,
.dlwe-portal-shell .dlwe-task-editor,
.dlwe-portal-shell .dlwe-approval-editor,
.dlwe-portal-shell .dlwe-resubmission-editor,
.dlwe-portal-shell .dlwe-workspace-card,
.dlwe-portal-shell .dlwe-home-card {
  padding: clamp(22px, 2.3vw, 32px) !important;
}

.dlwe-portal-shell .dlwe-form-section {
  position: relative;
  overflow: visible;
}

.dlwe-portal-shell .dlwe-form-section::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 28px;
  width: 58px;
  height: 2px;
  background: var(--dlwe-brand-champagne);
}

/* Definitive section-heading layout: index + left-aligned copy. */
.dlwe-portal-shell .dlwe-form-section-heading {
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) !important;
  align-items: start !important;
  justify-content: start !important;
  gap: 15px !important;
  margin: 0 0 23px !important;
  padding: 0 0 18px !important;
  border-bottom: 1px solid var(--dlwe-brand-line-soft) !important;
  text-align: left !important;
}

.dlwe-portal-shell .dlwe-form-section-heading > span {
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  flex: none !important;
  margin: 0 !important;
  color: var(--dlwe-brand-champagne-dark) !important;
  background: var(--dlwe-brand-champagne-pale) !important;
  border: 1px solid #dfc99e !important;
  border-radius: 50% !important;
  font-family: var(--dlwe-brand-body) !important;
  font-size: 8.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
}

.dlwe-portal-shell .dlwe-form-section-heading > div {
  min-width: 0 !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

.dlwe-portal-shell .dlwe-form-section-heading h2 {
  margin: 0 0 4px !important;
  color: var(--dlwe-brand-ink) !important;
  font-size: clamp(23px, 2.2vw, 29px) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.02em !important;
  text-align: left !important;
}

.dlwe-portal-shell .dlwe-form-section-heading p {
  max-width: 720px;
  margin: 0 !important;
  color: var(--dlwe-brand-muted) !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  text-align: left !important;
}

/* Other card headings */
.dlwe-portal-shell .dlwe-task-dashboard-card-heading,
.dlwe-portal-shell .dlwe-report-card-heading,
.dlwe-portal-shell .dlwe-home-card-heading,
.dlwe-portal-shell .dlwe-workspace-card-heading,
.dlwe-portal-shell .dlwe-checklist-progress-heading,
.dlwe-portal-shell .dlwe-section-title-row,
.dlwe-portal-shell .dlwe-client-editor-heading,
.dlwe-portal-shell .dlwe-user-editor-heading,
.dlwe-portal-shell .dlwe-task-update-heading,
.dlwe-portal-shell .dlwe-task-collaboration-heading,
.dlwe-portal-shell .dlwe-hr-payroll-heading {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  flex-wrap: wrap;
  gap: 14px !important;
  margin: 0 0 20px !important;
  padding: 0 0 16px !important;
  border-bottom: 1px solid var(--dlwe-brand-line-soft) !important;
  text-align: left !important;
}

.dlwe-portal-shell .dlwe-task-dashboard-card-heading h2,
.dlwe-portal-shell .dlwe-report-card-heading h2,
.dlwe-portal-shell .dlwe-home-card-heading h2,
.dlwe-portal-shell .dlwe-home-card-heading h3,
.dlwe-portal-shell .dlwe-workspace-card-heading h2,
.dlwe-portal-shell .dlwe-workspace-card-heading h3,
.dlwe-portal-shell .dlwe-checklist-progress-heading h2,
.dlwe-portal-shell .dlwe-section-title-row h2,
.dlwe-portal-shell .dlwe-client-editor-heading h2,
.dlwe-portal-shell .dlwe-user-editor-heading h2,
.dlwe-portal-shell .dlwe-task-update-heading h2,
.dlwe-portal-shell .dlwe-task-collaboration-heading h2,
.dlwe-portal-shell .dlwe-hr-payroll-heading h2 {
  margin: 0 0 4px !important;
  color: var(--dlwe-brand-ink) !important;
  font-size: clamp(22px, 2vw, 28px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.018em !important;
  text-align: left !important;
}

/* Forms ------------------------------------------------------------------ */
.dlwe-portal-shell .dlwe-portal-form,
.dlwe-portal-shell .dlwe-client-form,
.dlwe-portal-shell .dlwe-user-form,
.dlwe-portal-shell .dlwe-task-create-form,
.dlwe-portal-shell .dlwe-task-update-form,
.dlwe-portal-shell .dlwe-approval-form,
.dlwe-portal-shell .dlwe-hr-attendance-form,
.dlwe-portal-shell .dlwe-hr-leave-form,
.dlwe-portal-shell .dlwe-hr-payroll-form {
  display: grid !important;
  gap: 20px !important;
}

.dlwe-portal-shell .dlwe-form-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: start !important;
  gap: 19px 22px !important;
}

.dlwe-portal-shell .dlwe-field {
  min-width: 0 !important;
  margin: 0 !important;
  text-align: left !important;
}

.dlwe-portal-shell .dlwe-field-full {
  grid-column: 1 / -1 !important;
}

.dlwe-portal-shell .dlwe-field label,
.dlwe-portal-shell .dlwe-form-grid label,
.dlwe-portal-shell .dlwe-workspace-selector-label > span {
  display: block !important;
  margin: 0 0 8px !important;
  color: #554e45 !important;
  font-size: 8.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
  line-height: 1.35 !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

.dlwe-portal-shell .dlwe-required {
  color: var(--dlwe-brand-danger) !important;
}

.dlwe-portal-shell .dlwe-panel input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.dlwe-portal-shell .dlwe-panel select,
.dlwe-portal-shell .dlwe-panel textarea {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  color: var(--dlwe-brand-ink) !important;
  background: #fff !important;
  border: 1px solid #cfc5b7 !important;
  border-radius: var(--dlwe-brand-radius-sm) !important;
  box-shadow: none !important;
  font-family: var(--dlwe-brand-body) !important;
  font-size: 13.5px !important;
  line-height: 1.45 !important;
  outline: none !important;
  transition: border-color 150ms ease, box-shadow 150ms ease, background 150ms ease;
}

.dlwe-portal-shell .dlwe-panel input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.dlwe-portal-shell .dlwe-panel select {
  min-height: 48px !important;
  padding: 11px 14px !important;
}

.dlwe-portal-shell .dlwe-panel textarea {
  min-height: 112px !important;
  padding: 12px 14px !important;
  resize: vertical;
}

.dlwe-portal-shell .dlwe-panel input::placeholder,
.dlwe-portal-shell .dlwe-panel textarea::placeholder {
  color: #a39a8e !important;
  opacity: 1;
}

.dlwe-portal-shell .dlwe-panel input:hover:not(:disabled):not([readonly]),
.dlwe-portal-shell .dlwe-panel select:hover:not(:disabled),
.dlwe-portal-shell .dlwe-panel textarea:hover:not(:disabled) {
  border-color: #b7a895 !important;
}

.dlwe-portal-shell .dlwe-panel input:focus,
.dlwe-portal-shell .dlwe-panel select:focus,
.dlwe-portal-shell .dlwe-panel textarea:focus {
  border-color: var(--dlwe-brand-champagne) !important;
  box-shadow: 0 0 0 3px rgba(197,165,110,0.15) !important;
}

.dlwe-portal-shell .dlwe-panel input[readonly],
.dlwe-portal-shell .dlwe-panel input:disabled,
.dlwe-portal-shell .dlwe-panel select:disabled,
.dlwe-portal-shell .dlwe-panel textarea:disabled {
  color: #71695f !important;
  background: #f1ede7 !important;
  border-color: #ddd5ca !important;
  opacity: 1 !important;
}

.dlwe-portal-shell .dlwe-panel input[type="file"] {
  width: 100%;
  min-height: 50px;
  padding: 9px !important;
  color: var(--dlwe-brand-copy);
  background: var(--dlwe-brand-paper-soft) !important;
  border: 1px dashed #c8b99f !important;
  border-radius: var(--dlwe-brand-radius-sm) !important;
}

.dlwe-portal-shell .dlwe-panel input[type="checkbox"],
.dlwe-portal-shell .dlwe-panel input[type="radio"] {
  width: 17px !important;
  height: 17px !important;
  flex: 0 0 17px !important;
  accent-color: var(--dlwe-brand-champagne-dark);
}

.dlwe-portal-shell .dlwe-field-note,
.dlwe-portal-shell .dlwe-generated-note,
.dlwe-portal-shell .dlwe-task-attachment-note,
.dlwe-portal-shell .dlwe-client-editor-note,
.dlwe-portal-shell .dlwe-user-editor-note {
  display: block;
  margin-top: 7px !important;
  color: var(--dlwe-brand-muted) !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
  text-align: left !important;
}

.dlwe-portal-shell .dlwe-readonly-value,
.dlwe-portal-shell .dlwe-client-total-field {
  min-height: 48px;
  display: flex;
  align-items: center;
  padding: 11px 14px !important;
  color: var(--dlwe-brand-ink) !important;
  background: #f3eee6 !important;
  border: 1px solid #ddd1bf !important;
  border-radius: var(--dlwe-brand-radius-sm) !important;
}

.dlwe-portal-shell .dlwe-client-other-input {
  margin-top: 8px !important;
  background: #fffdf9 !important;
  border-color: #c5a56e !important;
  box-shadow: inset 3px 0 0 var(--dlwe-brand-champagne) !important;
}

/* Client form specifically */
.dlwe-portal-shell .dlwe-client-editor {
  padding: clamp(22px, 2.5vw, 34px) !important;
}

.dlwe-portal-shell .dlwe-client-editor > .dlwe-approval-heading {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 20px !important;
  margin: 6px 0 24px !important;
  padding: 0 0 20px !important;
  color: var(--dlwe-brand-copy) !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--dlwe-brand-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.dlwe-portal-shell .dlwe-client-editor > .dlwe-approval-heading h2 {
  margin: 0 0 5px !important;
  color: var(--dlwe-brand-ink) !important;
  font-size: clamp(31px, 3vw, 43px) !important;
  line-height: 1 !important;
  text-align: left !important;
}

.dlwe-portal-shell .dlwe-client-editor > .dlwe-approval-heading p:last-child {
  color: var(--dlwe-brand-muted) !important;
  text-align: left !important;
}

.dlwe-portal-shell .dlwe-client-date-summary {
  padding: 16px 17px !important;
  background: linear-gradient(135deg, #f5ecdd 0%, #fffdf9 100%) !important;
  border: 1px solid #dbc59b !important;
  border-radius: var(--dlwe-brand-radius-sm) !important;
}

.dlwe-portal-shell .dlwe-client-assignment-row {
  grid-template-columns: minmax(190px, 1fr) minmax(190px, 1fr) auto !important;
  gap: 11px !important;
  padding: 13px !important;
  background: var(--dlwe-brand-paper-soft) !important;
  border: 1px solid var(--dlwe-brand-line) !important;
  border-radius: var(--dlwe-brand-radius-sm) !important;
}

/* Buttons and actions ----------------------------------------------------- */
.dlwe-portal-shell .dlwe-panel .dlwe-primary-button,
.dlwe-portal-shell .dlwe-panel .dlwe-secondary-button,
.dlwe-portal-shell .dlwe-panel .dlwe-mini-button,
.dlwe-portal-shell .dlwe-panel .dlwe-submit-button,
.dlwe-portal-shell .dlwe-panel .dlwe-danger-button,
.dlwe-portal-shell .dlwe-header-actions .dlwe-secondary-button {
  min-height: 43px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 16px !important;
  border-radius: var(--dlwe-brand-radius-sm) !important;
  font-family: var(--dlwe-brand-body) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: 0.11em !important;
  line-height: 1.3 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  cursor: pointer;
}

.dlwe-portal-shell .dlwe-panel .dlwe-primary-button,
.dlwe-portal-shell .dlwe-panel .dlwe-submit-button {
  color: #fff !important;
  background: var(--dlwe-brand-ink) !important;
  border: 1px solid var(--dlwe-brand-ink) !important;
}

.dlwe-portal-shell .dlwe-panel .dlwe-primary-button:hover:not(:disabled),
.dlwe-portal-shell .dlwe-panel .dlwe-submit-button:hover:not(:disabled) {
  color: #251c10 !important;
  background: var(--dlwe-brand-champagne) !important;
  border-color: var(--dlwe-brand-champagne) !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(92,65,29,0.14) !important;
}

.dlwe-portal-shell .dlwe-panel .dlwe-secondary-button,
.dlwe-portal-shell .dlwe-panel .dlwe-mini-button,
.dlwe-portal-shell .dlwe-header-actions .dlwe-secondary-button {
  color: var(--dlwe-brand-ink) !important;
  background: rgba(255,253,249,0.92) !important;
  border: 1px solid #d2c7b8 !important;
}

.dlwe-portal-shell .dlwe-panel .dlwe-secondary-button:hover:not(:disabled),
.dlwe-portal-shell .dlwe-panel .dlwe-mini-button:hover:not(:disabled),
.dlwe-portal-shell .dlwe-header-actions .dlwe-secondary-button:hover:not(:disabled) {
  background: #fff !important;
  border-color: var(--dlwe-brand-champagne) !important;
  transform: translateY(-1px);
  box-shadow: var(--dlwe-brand-shadow-xs) !important;
}

.dlwe-portal-shell .dlwe-panel .dlwe-danger-button {
  color: #fff !important;
  background: var(--dlwe-brand-danger) !important;
  border: 1px solid var(--dlwe-brand-danger) !important;
}

.dlwe-portal-shell .dlwe-panel .dlwe-compact-button {
  min-height: 39px !important;
  padding: 8px 13px !important;
}

.dlwe-portal-shell .dlwe-form-actions,
.dlwe-portal-shell .dlwe-history-actions,
.dlwe-portal-shell .dlwe-vendor-actions,
.dlwe-portal-shell .dlwe-task-actions,
.dlwe-portal-shell .dlwe-client-inline-actions,
.dlwe-portal-shell .dlwe-client-row-actions,
.dlwe-portal-shell .dlwe-user-actions,
.dlwe-portal-shell .dlwe-timeline-quick-actions,
.dlwe-portal-shell .dlwe-timeline-print-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
}

.dlwe-portal-shell .dlwe-text-button,
.dlwe-portal-shell .dlwe-back-link,
.dlwe-portal-shell .dlwe-button-link {
  color: var(--dlwe-brand-champagne-dark) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: 0.10em !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

/* Toolbars and filters ---------------------------------------------------- */
.dlwe-portal-shell .dlwe-wedding-toolbar,
.dlwe-portal-shell .dlwe-vendor-toolbar,
.dlwe-portal-shell .dlwe-task-toolbar,
.dlwe-portal-shell .dlwe-client-toolbar,
.dlwe-portal-shell .dlwe-user-toolbar,
.dlwe-portal-shell .dlwe-approval-toolbar,
.dlwe-portal-shell .dlwe-timeline-toolbar,
.dlwe-portal-shell .dlwe-task-dashboard-toolbar,
.dlwe-portal-shell .dlwe-report-filter-grid {
  display: grid !important;
  grid-template-columns: minmax(240px, 1.6fr) repeat(3, minmax(150px, 1fr)) !important;
  align-items: end !important;
  gap: 11px !important;
  padding: 16px !important;
  background: rgba(255,253,249,0.88) !important;
  border: 1px solid var(--dlwe-brand-line) !important;
  border-radius: var(--dlwe-brand-radius-md) !important;
  box-shadow: var(--dlwe-brand-shadow-xs) !important;
}

/* Tables ----------------------------------------------------------------- */
.dlwe-portal-shell .dlwe-table-wrap,
.dlwe-portal-shell .dlwe-table-scroll,
.dlwe-portal-shell .dlwe-timeline-table-scroll {
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  border: 1px solid var(--dlwe-brand-line) !important;
  border-radius: var(--dlwe-brand-radius-sm) !important;
  background: #fff !important;
  scrollbar-width: thin;
  scrollbar-color: #bda67e #f2ede5;
}

.dlwe-portal-shell table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  color: var(--dlwe-brand-copy) !important;
  font-size: 12px !important;
}

.dlwe-portal-shell thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 13px 14px !important;
  color: rgba(255,255,255,0.76) !important;
  background: #1a1815 !important;
  border: 0 !important;
  border-right: 1px solid rgba(255,255,255,0.08) !important;
  font-size: 7.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.16em !important;
  line-height: 1.35 !important;
  text-align: left !important;
  text-transform: uppercase !important;
  white-space: nowrap;
}

.dlwe-portal-shell tbody td {
  padding: 13px 14px !important;
  vertical-align: top !important;
  background: #fff !important;
  border: 0 !important;
  border-right: 1px solid var(--dlwe-brand-line-soft) !important;
  border-bottom: 1px solid var(--dlwe-brand-line-soft) !important;
  line-height: 1.5 !important;
  text-align: left !important;
}

.dlwe-portal-shell tbody tr:nth-child(even) td {
  background: #fcfaf6 !important;
}

.dlwe-portal-shell tbody tr:hover td {
  background: #f7f0e5 !important;
}

.dlwe-portal-shell tbody tr:last-child td {
  border-bottom: 0 !important;
}

/* Lists and record cards -------------------------------------------------- */
.dlwe-portal-shell .dlwe-wedding-list,
.dlwe-portal-shell .dlwe-vendor-list,
.dlwe-portal-shell .dlwe-task-list,
.dlwe-portal-shell .dlwe-expense-history-list,
.dlwe-portal-shell .dlwe-home-list {
  display: grid !important;
  gap: 12px !important;
}

.dlwe-portal-shell .dlwe-wedding-card,
.dlwe-portal-shell .dlwe-vendor-card,
.dlwe-portal-shell .dlwe-task-card,
.dlwe-portal-shell .dlwe-history-card,
.dlwe-portal-shell .dlwe-approval-card {
  padding: 18px 19px !important;
  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.dlwe-portal-shell .dlwe-wedding-card:hover,
.dlwe-portal-shell .dlwe-vendor-card:hover,
.dlwe-portal-shell .dlwe-task-card:hover,
.dlwe-portal-shell .dlwe-history-card:hover,
.dlwe-portal-shell .dlwe-approval-card:hover {
  border-color: #c7ae82 !important;
  box-shadow: var(--dlwe-brand-shadow-sm) !important;
  transform: translateY(-1px);
}

/* Status, summary and pagination ----------------------------------------- */
.dlwe-portal-shell .dlwe-summary-grid,
.dlwe-portal-shell .dlwe-home-summary-grid,
.dlwe-portal-shell .dlwe-task-dashboard-summary,
.dlwe-portal-shell .dlwe-client-summary,
.dlwe-portal-shell .dlwe-vendor-summary,
.dlwe-portal-shell .dlwe-wedding-summary,
.dlwe-portal-shell .dlwe-task-summary,
.dlwe-portal-shell .dlwe-timeline-summary,
.dlwe-portal-shell .dlwe-report-summary-grid {
  gap: 12px !important;
}

.dlwe-portal-shell .dlwe-summary-card,
.dlwe-portal-shell .dlwe-home-metric,
.dlwe-portal-shell .dlwe-task-dashboard-summary > div,
.dlwe-portal-shell .dlwe-client-summary > div,
.dlwe-portal-shell .dlwe-vendor-summary > div,
.dlwe-portal-shell .dlwe-wedding-summary > div,
.dlwe-portal-shell .dlwe-task-summary > div,
.dlwe-portal-shell .dlwe-timeline-summary > div,
.dlwe-portal-shell .dlwe-report-summary-card {
  min-width: 0;
  padding: 18px !important;
  background: rgba(255,253,249,0.96) !important;
  border: 1px solid var(--dlwe-brand-line) !important;
  border-top: 2px solid var(--dlwe-brand-champagne) !important;
  border-radius: var(--dlwe-brand-radius-sm) !important;
  box-shadow: var(--dlwe-brand-shadow-xs) !important;
}

.dlwe-portal-shell .dlwe-status-badge,
.dlwe-portal-shell .dlwe-home-pill,
.dlwe-portal-shell .dlwe-history-pill,
.dlwe-portal-shell .dlwe-task-dashboard-chip,
.dlwe-portal-shell .dlwe-task-load-label,
.dlwe-portal-shell .dlwe-reset-count {
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  padding: 5px 9px !important;
  border-radius: 999px !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
}

.dlwe-portal-shell .dlwe-pagination {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 18px !important;
  padding-top: 16px !important;
  border-top: 1px solid var(--dlwe-brand-line-soft) !important;
}

.dlwe-portal-shell .dlwe-pagination-pages {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
}

.dlwe-portal-shell .dlwe-pagination button {
  min-width: 36px !important;
  min-height: 36px !important;
  padding: 7px 10px !important;
  color: var(--dlwe-brand-ink) !important;
  background: #fff !important;
  border: 1px solid var(--dlwe-brand-line) !important;
  border-radius: var(--dlwe-brand-radius-xs) !important;
}

.dlwe-portal-shell .dlwe-pagination button.is-active {
  color: #fff !important;
  background: var(--dlwe-brand-ink) !important;
  border-color: var(--dlwe-brand-ink) !important;
}

/* Alerts, loading and empty states --------------------------------------- */
.dlwe-portal-shell .dlwe-alert {
  margin: 0 0 20px !important;
  padding: 14px 17px !important;
  color: var(--dlwe-brand-copy) !important;
  background: #fff !important;
  border: 1px solid var(--dlwe-brand-line) !important;
  border-left: 4px solid var(--dlwe-brand-champagne) !important;
  border-radius: var(--dlwe-brand-radius-sm) !important;
  box-shadow: var(--dlwe-brand-shadow-xs) !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
  overflow-wrap: anywhere;
}

.dlwe-portal-shell .dlwe-alert-error {
  color: #7b302d !important;
  background: #fbefed !important;
  border-color: #e6c6c2 !important;
  border-left-color: var(--dlwe-brand-danger) !important;
}

.dlwe-portal-shell .dlwe-alert-success {
  color: #285e45 !important;
  background: #edf6f0 !important;
  border-color: #c9dfd1 !important;
  border-left-color: var(--dlwe-brand-success) !important;
}

.dlwe-portal-shell .dlwe-form-loading {
  min-height: 94px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  padding: 24px !important;
  color: var(--dlwe-brand-muted) !important;
  background: rgba(255,253,249,0.85) !important;
  border: 1px solid var(--dlwe-brand-line) !important;
  border-radius: var(--dlwe-brand-radius-md) !important;
  box-shadow: var(--dlwe-brand-shadow-xs) !important;
  font-size: 12px !important;
}

.dlwe-portal-shell .dlwe-spinner {
  border-color: #ddd3c4 !important;
  border-top-color: var(--dlwe-brand-champagne-dark) !important;
}

/* Wedding workspace and dashboard hero ---------------------------------- */
.dlwe-portal-shell .dlwe-home-hero,
.dlwe-portal-shell .dlwe-workspace-hero {
  color: rgba(255,255,255,0.78) !important;
  background:
    radial-gradient(circle at 90% 10%, rgba(197,165,110,0.18), transparent 30%),
    linear-gradient(135deg, #191713 0%, #29241d 100%) !important;
  border: 1px solid rgba(197,165,110,0.25) !important;
  border-radius: var(--dlwe-brand-radius-md) !important;
  box-shadow: var(--dlwe-brand-shadow-sm) !important;
}

.dlwe-portal-shell .dlwe-home-hero h2,
.dlwe-portal-shell .dlwe-workspace-hero h2,
.dlwe-portal-shell .dlwe-workspace-hero h1 {
  color: #fff !important;
}

/* System reset and dialogs ----------------------------------------------- */
.dlwe-portal-shell [data-dlwe-panel="system-reset"] .dlwe-reset-option,
.dlwe-portal-shell [data-dlwe-panel="system-reset"] .dlwe-reset-toggle,
.dlwe-portal-shell [data-dlwe-panel="system-reset"] .dlwe-reset-overview,
.dlwe-portal-shell [data-dlwe-panel="system-reset"] .dlwe-reset-actions {
  border-radius: var(--dlwe-brand-radius-md) !important;
}

.dlwe-portal-shell .dlwe-modal,
.dlwe-portal-shell .dlwe-reset-result-modal,
.dlwe-portal-shell .dlwe-dialog-card {
  border-radius: var(--dlwe-brand-radius-md) !important;
  box-shadow: 0 30px 90px rgba(20,16,12,0.25) !important;
}

/* The parent site footer/header should not force unexpected text alignment. */
.dlwe-portal-shell .dlwe-main,
.dlwe-portal-shell .dlwe-main p,
.dlwe-portal-shell .dlwe-main div,
.dlwe-portal-shell .dlwe-main section,
.dlwe-portal-shell .dlwe-main article {
  writing-mode: horizontal-tb;
}

/* Responsive behaviour --------------------------------------------------- */
@container (min-width: 701px) and (max-width: 900px) {
  .dlwe-portal-shell .dlwe-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .dlwe-portal-shell .dlwe-field-full {
    grid-column: 1 / -1 !important;
  }
}

@container (max-width: 1000px) {
  .dlwe-portal-shell .dlwe-wedding-toolbar,
  .dlwe-portal-shell .dlwe-vendor-toolbar,
  .dlwe-portal-shell .dlwe-task-toolbar,
  .dlwe-portal-shell .dlwe-client-toolbar,
  .dlwe-portal-shell .dlwe-user-toolbar,
  .dlwe-portal-shell .dlwe-approval-toolbar,
  .dlwe-portal-shell .dlwe-timeline-toolbar,
  .dlwe-portal-shell .dlwe-task-dashboard-toolbar,
  .dlwe-portal-shell .dlwe-report-filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .dlwe-portal-shell .dlwe-wedding-toolbar > :first-child,
  .dlwe-portal-shell .dlwe-vendor-toolbar > :first-child,
  .dlwe-portal-shell .dlwe-task-toolbar > :first-child,
  .dlwe-portal-shell .dlwe-client-toolbar > :first-child,
  .dlwe-portal-shell .dlwe-user-toolbar > :first-child,
  .dlwe-portal-shell .dlwe-approval-toolbar > :first-child,
  .dlwe-portal-shell .dlwe-timeline-toolbar > :first-child,
  .dlwe-portal-shell .dlwe-task-dashboard-toolbar > :first-child {
    grid-column: 1 / -1 !important;
  }
}

@container (max-width: 700px) {
  .dlwe-portal-shell .dlwe-form-grid {
    grid-template-columns: 1fr !important;
  }

  .dlwe-portal-shell .dlwe-field-full {
    grid-column: auto !important;
  }

  .dlwe-portal-shell .dlwe-form-section-heading {
    grid-template-columns: 32px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  .dlwe-portal-shell .dlwe-form-section-heading > span {
    width: 30px !important;
    height: 30px !important;
  }

  .dlwe-portal-shell .dlwe-client-assignment-row {
    grid-template-columns: 1fr !important;
  }

  .dlwe-portal-shell .dlwe-client-editor > .dlwe-approval-heading,
  .dlwe-portal-shell .dlwe-portal-header {
    grid-template-columns: 1fr !important;
    align-items: start !important;
  }

  .dlwe-portal-shell .dlwe-header-actions {
    justify-content: flex-start !important;
  }
}

@media (max-width: 1100px) {
  .dlwe-portal-shell {
    grid-template-columns: 218px minmax(0, 1fr) !important;
  }
}

@media (max-width: 850px) {
  .dlwe-portal-shell {
    display: block !important;
    border-radius: 0 !important;
  }

  .dlwe-portal-shell .dlwe-sidebar {
    position: static !important;
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    padding: 22px !important;
  }

  .dlwe-portal-shell .dlwe-nav {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px !important;
    margin: 24px 0 16px !important;
  }

  .dlwe-portal-shell .dlwe-nav-section-label {
    grid-column: 1 / -1;
  }
}

@media (max-width: 620px) {
  .dlwe-portal-shell .dlwe-main {
    padding: 24px 15px 30px !important;
  }

  .dlwe-portal-shell .dlwe-nav {
    grid-template-columns: 1fr !important;
  }

  .dlwe-portal-shell .dlwe-form-section,
  .dlwe-portal-shell .dlwe-table-card,
  .dlwe-portal-shell .dlwe-task-dashboard-card,
  .dlwe-portal-shell .dlwe-client-editor,
  .dlwe-portal-shell .dlwe-user-editor,
  .dlwe-portal-shell .dlwe-task-editor,
  .dlwe-portal-shell .dlwe-workspace-card,
  .dlwe-portal-shell .dlwe-home-card {
    padding: 20px 16px !important;
  }

  .dlwe-portal-shell .dlwe-wedding-toolbar,
  .dlwe-portal-shell .dlwe-vendor-toolbar,
  .dlwe-portal-shell .dlwe-task-toolbar,
  .dlwe-portal-shell .dlwe-client-toolbar,
  .dlwe-portal-shell .dlwe-user-toolbar,
  .dlwe-portal-shell .dlwe-approval-toolbar,
  .dlwe-portal-shell .dlwe-timeline-toolbar,
  .dlwe-portal-shell .dlwe-task-dashboard-toolbar,
  .dlwe-portal-shell .dlwe-report-filter-grid {
    grid-template-columns: 1fr !important;
  }

  .dlwe-portal-shell .dlwe-form-actions,
  .dlwe-portal-shell .dlwe-history-actions,
  .dlwe-portal-shell .dlwe-vendor-actions,
  .dlwe-portal-shell .dlwe-task-actions,
  .dlwe-portal-shell .dlwe-client-inline-actions,
  .dlwe-portal-shell .dlwe-client-row-actions,
  .dlwe-portal-shell .dlwe-user-actions {
    justify-content: stretch !important;
  }

  .dlwe-portal-shell .dlwe-form-actions > *,
  .dlwe-portal-shell .dlwe-history-actions > *,
  .dlwe-portal-shell .dlwe-vendor-actions > *,
  .dlwe-portal-shell .dlwe-task-actions > *,
  .dlwe-portal-shell .dlwe-client-inline-actions > *,
  .dlwe-portal-shell .dlwe-client-row-actions > *,
  .dlwe-portal-shell .dlwe-user-actions > * {
    flex: 1 1 100%;
  }
}

@media print {
  .dlwe-portal-shell .dlwe-sidebar {
    position: static !important;
    height: auto !important;
  }
}

/* Version 4.0.1: definitive visibility-state fix.
 * Several luxury-theme selectors use display: ... !important. Without this
 * final rule, elements toggled with the HTML hidden attribute can remain
 * visible after their data has finished loading. Keep this rule last. */
.dlwe-portal-shell [hidden] {
  display: none !important;
}

/* Version 4.1 — Per-user Quick Action customization */
.dlwe-portal-shell .dlwe-home-quick-action-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}

.dlwe-portal-shell .dlwe-home-preference-status {
  max-width: 260px;
  color: #55705d;
  font-size: 11px;
  line-height: 1.35;
  opacity: 0;
  transform: translateY(2px);
  transition: opacity 160ms ease, transform 160ms ease;
}

.dlwe-portal-shell .dlwe-home-preference-status.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.dlwe-portal-shell .dlwe-home-preference-status.is-error {
  color: #9f3e37;
}

.dlwe-portal-shell .dlwe-home-quick-actions-empty {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  padding: 24px;
  border: 1px dashed #cdbfAA;
  border-radius: var(--dlwe-ui-radius-md, 10px);
  background: rgba(255, 253, 250, 0.72);
  text-align: center;
}

.dlwe-portal-shell .dlwe-home-quick-actions-empty strong {
  margin-bottom: 5px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 20px;
  font-weight: 400;
}

.dlwe-portal-shell .dlwe-home-quick-actions-empty span {
  color: var(--dlwe-ui-muted, #756f67);
  font-size: 12px;
}

.dlwe-quick-actions-modal {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(15, 13, 11, 0.72);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 180ms ease, visibility 180ms ease;
}

.dlwe-quick-actions-modal.is-visible {
  opacity: 1;
  visibility: visible;
}

.dlwe-quick-actions-modal.is-closing {
  opacity: 0;
}

.dlwe-quick-actions-dialog {
  position: relative;
  width: min(850px, 100%);
  max-height: min(88vh, 880px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: clamp(26px, 4vw, 42px);
  border: 1px solid rgba(187, 154, 97, 0.55);
  border-radius: 16px;
  background:
    radial-gradient(circle at 96% 3%, rgba(213, 184, 128, 0.16), transparent 30%),
    #f8f4ed;
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.32);
  transform: translateY(12px) scale(0.985);
  transition: transform 180ms ease;
}

.dlwe-quick-actions-modal.is-visible .dlwe-quick-actions-dialog {
  transform: translateY(0) scale(1);
}

.dlwe-quick-actions-close {
  position: absolute;
  top: 18px;
  right: 20px;
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid #d8cdbd;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.72);
  color: #28231e;
  font-size: 25px;
  line-height: 1;
  cursor: pointer;
}

.dlwe-quick-actions-close:hover,
.dlwe-quick-actions-close:focus-visible {
  border-color: #a7824a;
  outline: none;
}

.dlwe-quick-actions-kicker {
  margin: 0 48px 9px 0;
  color: #9c7944;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.24em;
}

.dlwe-quick-actions-dialog h2 {
  margin: 0 48px 10px 0;
  color: #1b1815;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(29px, 4vw, 42px);
  font-weight: 400;
  line-height: 1.08;
}

.dlwe-quick-actions-intro {
  max-width: 690px;
  margin: 0 0 22px;
  color: #6f6860;
  font-size: 13px;
  line-height: 1.7;
}

.dlwe-quick-actions-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
  padding: 12px 15px;
  border: 1px solid #ded4c6;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.58);
}

.dlwe-quick-actions-toolbar strong {
  color: #2e2924;
  font-size: 12px;
}

.dlwe-quick-actions-toolbar span {
  color: #817970;
  font-size: 11px;
}

.dlwe-quick-actions-editor-list {
  min-height: 160px;
  overflow-y: auto;
  display: grid;
  gap: 9px;
  padding: 2px 5px 2px 2px;
  scrollbar-width: thin;
  scrollbar-color: #bda476 transparent;
}

.dlwe-quick-action-editor-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  min-height: 72px;
  padding: 13px 14px;
  border: 1px solid #ddd3c5;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.72);
  transition: border-color 150ms ease, background 150ms ease, box-shadow 150ms ease;
}

.dlwe-quick-action-editor-row.is-selected {
  border-color: #b99252;
  background: #fffdfa;
  box-shadow: inset 3px 0 0 #b99252;
}

.dlwe-quick-action-editor-choice {
  min-width: 0;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  margin: 0;
  cursor: pointer;
}

.dlwe-quick-action-editor-choice input {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: #9b763d;
}

.dlwe-quick-action-editor-choice strong,
.dlwe-quick-action-editor-choice small {
  display: block;
}

.dlwe-quick-action-editor-choice strong {
  margin-bottom: 4px;
  color: #28231e;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  font-weight: 400;
}

.dlwe-quick-action-editor-choice small {
  color: #7d756c;
  font-size: 11px;
  line-height: 1.45;
}

.dlwe-quick-action-order-controls {
  display: flex;
  align-items: center;
  gap: 6px;
}

.dlwe-quick-action-order-controls button {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid #d2c4b0;
  border-radius: 8px;
  background: #fbf8f3;
  color: #765a31;
  font-size: 16px;
  cursor: pointer;
}

.dlwe-quick-action-order-controls button:hover:not(:disabled),
.dlwe-quick-action-order-controls button:focus-visible:not(:disabled) {
  border-color: #9d783f;
  background: #f4ead9;
  outline: none;
}

.dlwe-quick-action-order-controls button:disabled {
  opacity: 0.28;
  cursor: default;
}

.dlwe-quick-actions-dialog > .dlwe-alert {
  margin: 14px 0 0;
}

.dlwe-quick-actions-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid #ded4c6;
}

.dlwe-quick-actions-footer > div {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
}

.dlwe-quick-actions-footer .dlwe-primary-button,
.dlwe-quick-actions-footer .dlwe-secondary-button {
  min-height: 43px;
  margin: 0;
  white-space: nowrap;
}

@media (max-width: 720px) {
  .dlwe-portal-shell .dlwe-home-section-heading {
    align-items: flex-end;
  }

  .dlwe-portal-shell .dlwe-home-quick-action-controls {
    flex-direction: column-reverse;
    align-items: flex-end;
    gap: 6px;
  }

  .dlwe-portal-shell .dlwe-home-preference-status {
    max-width: 180px;
    text-align: right;
  }

  .dlwe-quick-actions-modal {
    align-items: flex-end;
    padding: 0;
  }

  .dlwe-quick-actions-dialog {
    width: 100%;
    max-height: 94vh;
    padding: 25px 18px 18px;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    border-radius: 18px 18px 0 0;
  }

  .dlwe-quick-actions-toolbar {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .dlwe-quick-action-editor-row {
    gap: 9px;
    padding: 12px;
  }

  .dlwe-quick-action-order-controls {
    flex-direction: column;
  }

  .dlwe-quick-action-order-controls button {
    width: 32px;
    height: 30px;
  }

  .dlwe-quick-actions-footer {
    align-items: stretch;
    flex-direction: column;
  }

  .dlwe-quick-actions-footer > div {
    display: grid;
    grid-template-columns: 1fr 1.35fr;
  }

  .dlwe-quick-actions-footer > .dlwe-secondary-button,
  .dlwe-quick-actions-footer > div > * {
    width: 100%;
  }
}

/* Version 4.2 — Full-width responsive portal shell ----------------------- */
body.dlwe-staff-portal-page {
  overflow-x: hidden !important;
}

body.dlwe-staff-portal-page .entry-content:has(.dlwe-portal-shell),
body.dlwe-staff-portal-page .site-main:has(.dlwe-portal-shell),
body.dlwe-staff-portal-page .content-area:has(.dlwe-portal-shell),
body.dlwe-staff-portal-page .wp-block-post-content:has(.dlwe-portal-shell),
body.dlwe-staff-portal-page .elementor-widget-container:has(> .dlwe-portal-shell),
body.dlwe-staff-portal-page .wpb_wrapper:has(> .dlwe-portal-shell) {
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.dlwe-portal-shell {
  width: 100vw !important;
  max-width: none !important;
  min-height: 100dvh !important;
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  margin-right: -50vw !important;
  margin-left: -50vw !important;
  grid-template-columns: clamp(250px, 16vw, 300px) minmax(0, 1fr) !important;
  border-right: 0 !important;
  border-left: 0 !important;
  container-type: inline-size;
}

.dlwe-portal-shell .dlwe-sidebar {
  width: 100% !important;
  min-width: 0 !important;
  position: sticky !important;
  top: var(--wp-admin--admin-bar--height, 0px) !important;
  align-self: start !important;
  height: calc(100dvh - var(--wp-admin--admin-bar--height, 0px)) !important;
  max-height: calc(100dvh - var(--wp-admin--admin-bar--height, 0px)) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(197, 165, 110, 0.45) transparent;
}

.dlwe-portal-shell .dlwe-sidebar-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.dlwe-portal-shell .dlwe-sidebar-identity {
  min-width: 0;
}

.dlwe-portal-shell .dlwe-mobile-nav-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 42px;
  padding: 9px 12px;
  color: #f7f1e7;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(197, 165, 110, 0.35);
  border-radius: 7px;
  font-family: var(--dlwe-brand-body, Arial, sans-serif);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.15em;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
}

.dlwe-portal-shell .dlwe-mobile-nav-toggle:hover,
.dlwe-portal-shell .dlwe-mobile-nav-toggle:focus-visible {
  color: #fff;
  border-color: rgba(197, 165, 110, 0.8);
  outline: none;
}

.dlwe-portal-shell .dlwe-mobile-nav-icon {
  width: 18px;
  display: grid;
  gap: 4px;
}

.dlwe-portal-shell .dlwe-mobile-nav-icon i {
  width: 100%;
  height: 1px;
  display: block;
  background: currentColor;
  transition: transform 170ms ease, opacity 170ms ease;
}

.dlwe-portal-shell .dlwe-sidebar.is-nav-open .dlwe-mobile-nav-icon i:nth-child(1) {
  transform: translateY(5px) rotate(45deg);
}

.dlwe-portal-shell .dlwe-sidebar.is-nav-open .dlwe-mobile-nav-icon i:nth-child(2) {
  opacity: 0;
}

.dlwe-portal-shell .dlwe-sidebar.is-nav-open .dlwe-mobile-nav-icon i:nth-child(3) {
  transform: translateY(-5px) rotate(-45deg);
}

.dlwe-portal-shell .dlwe-main {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: clamp(28px, 2.7vw, 54px) !important;
}

.dlwe-portal-shell .dlwe-panel,
.dlwe-portal-shell .dlwe-panel > *,
.dlwe-portal-shell .dlwe-form-grid > *,
.dlwe-portal-shell .dlwe-home-grid > *,
.dlwe-portal-shell .dlwe-home-summary-grid > *,
.dlwe-portal-shell .dlwe-home-quick-actions > *,
.dlwe-portal-shell .dlwe-card-grid > *,
.dlwe-portal-shell .dlwe-task-dashboard-layout > *,
.dlwe-portal-shell .dlwe-checklist-builder-grid > *,
.dlwe-portal-shell .dlwe-timeline-top-grid > * {
  min-width: 0 !important;
  max-width: 100%;
}

.dlwe-portal-shell img,
.dlwe-portal-shell svg,
.dlwe-portal-shell video,
.dlwe-portal-shell canvas {
  max-width: 100%;
}

.dlwe-portal-shell .dlwe-home-summary-grid,
.dlwe-portal-shell .dlwe-summary-grid,
.dlwe-portal-shell .dlwe-task-dashboard-summary,
.dlwe-portal-shell .dlwe-client-summary,
.dlwe-portal-shell .dlwe-vendor-summary,
.dlwe-portal-shell .dlwe-wedding-summary,
.dlwe-portal-shell .dlwe-task-summary,
.dlwe-portal-shell .dlwe-timeline-summary,
.dlwe-portal-shell .dlwe-report-summary-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(210px, 100%), 1fr)) !important;
}

.dlwe-portal-shell .dlwe-home-quick-actions {
  grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr)) !important;
}

.dlwe-portal-shell .dlwe-card-grid,
.dlwe-portal-shell .dlwe-home-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.dlwe-portal-shell .dlwe-home-card-wide {
  grid-column: 1 / -1 !important;
}

.dlwe-portal-shell .dlwe-table-wrap,
.dlwe-portal-shell .dlwe-table-scroll,
.dlwe-portal-shell .dlwe-timeline-table-wrap,
.dlwe-portal-shell .dlwe-timeline-table-scroll,
.dlwe-portal-shell .dlwe-task-dashboard-table-wrap,
.dlwe-portal-shell .dlwe-checklist-table-scroll,
.dlwe-portal-shell .dlwe-report-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
}

.dlwe-portal-shell .dlwe-form-actions,
.dlwe-portal-shell .dlwe-header-actions,
.dlwe-portal-shell .dlwe-history-actions,
.dlwe-portal-shell .dlwe-vendor-actions,
.dlwe-portal-shell .dlwe-task-actions,
.dlwe-portal-shell .dlwe-client-inline-actions,
.dlwe-portal-shell .dlwe-client-row-actions,
.dlwe-portal-shell .dlwe-user-actions,
.dlwe-portal-shell .dlwe-timeline-quick-actions,
.dlwe-portal-shell .dlwe-timeline-print-actions {
  flex-wrap: wrap !important;
}

@media (min-width: 1700px) {
  .dlwe-portal-shell {
    grid-template-columns: 300px minmax(0, 1fr) !important;
  }

  .dlwe-portal-shell .dlwe-main {
    padding: 54px 64px !important;
  }

  .dlwe-portal-shell .dlwe-home-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .dlwe-portal-shell .dlwe-home-card-wide {
    grid-column: span 2 !important;
  }
}

@media (max-width: 1280px) {
  .dlwe-portal-shell {
    grid-template-columns: 232px minmax(0, 1fr) !important;
  }

  .dlwe-portal-shell .dlwe-sidebar {
    padding: 28px 20px 24px !important;
  }

  .dlwe-portal-shell .dlwe-main {
    padding: 30px !important;
  }
}

@media (max-width: 1024px) {
  body.dlwe-mobile-nav-open {
    overflow: hidden !important;
  }

  .dlwe-portal-shell {
    display: block !important;
    min-height: 100dvh !important;
  }

  .dlwe-portal-shell .dlwe-sidebar {
    position: sticky !important;
    top: var(--wp-admin--admin-bar--height, 0px) !important;
    z-index: 9990 !important;
    width: 100% !important;
    height: auto !important;
    max-height: calc(100dvh - var(--wp-admin--admin-bar--height, 0px)) !important;
    padding: 14px 20px !important;
    overflow-y: auto !important;
    background: rgba(18, 16, 14, 0.985) !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(197, 165, 110, 0.28) !important;
    box-shadow: 0 14px 36px rgba(15, 12, 9, 0.16);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
  }

  .dlwe-portal-shell .dlwe-sidebar-brand {
    font-size: 24px !important;
  }

  .dlwe-portal-shell .dlwe-sidebar-subtitle {
    margin-top: 6px !important;
    font-size: 8px !important;
  }

  .dlwe-portal-shell .dlwe-mobile-nav-toggle {
    display: inline-flex !important;
  }

  .dlwe-portal-shell .dlwe-nav {
    max-height: 0 !important;
    overflow: hidden !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-6px);
    transition: max-height 230ms ease, margin 230ms ease, padding 230ms ease, opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
  }

  .dlwe-portal-shell .dlwe-sidebar.is-nav-open .dlwe-nav {
    max-height: calc(100dvh - 155px) !important;
    margin: 18px 0 12px !important;
    padding: 0 2px 8px !important;
    overflow-y: auto !important;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }

  .dlwe-portal-shell .dlwe-nav-section-label {
    grid-column: 1 / -1 !important;
    margin: 15px 8px 5px !important;
  }

  .dlwe-portal-shell .dlwe-nav-section-label:first-child {
    margin-top: 0 !important;
  }

  .dlwe-portal-shell .dlwe-nav-item {
    min-height: 44px !important;
    padding: 10px 12px !important;
    background: rgba(255, 255, 255, 0.035) !important;
    border: 1px solid rgba(255, 255, 255, 0.055) !important;
    border-radius: 6px !important;
  }

  .dlwe-portal-shell .dlwe-nav-item.is-active {
    background: rgba(197, 165, 110, 0.16) !important;
    border-color: rgba(197, 165, 110, 0.32) !important;
  }

  .dlwe-portal-shell .dlwe-logout-link {
    max-height: 0;
    margin: 0 !important;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: max-height 180ms ease, margin 180ms ease, opacity 160ms ease, visibility 160ms ease;
  }

  .dlwe-portal-shell .dlwe-sidebar.is-nav-open .dlwe-logout-link {
    max-height: 42px;
    margin-top: 8px !important;
    opacity: 1;
    visibility: visible;
  }

  .dlwe-portal-shell .dlwe-main {
    padding: 28px 24px 40px !important;
  }

  .dlwe-portal-shell .dlwe-portal-header {
    align-items: flex-start !important;
  }
}

@media (max-width: 760px) {
  .dlwe-portal-shell .dlwe-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .dlwe-portal-shell .dlwe-main {
    padding: 24px 18px 34px !important;
  }

  .dlwe-portal-shell .dlwe-portal-header,
  .dlwe-portal-shell .dlwe-client-editor > .dlwe-approval-heading,
  .dlwe-portal-shell .dlwe-workspace-header {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: start !important;
    gap: 18px !important;
  }

  .dlwe-portal-shell .dlwe-header-actions,
  .dlwe-portal-shell .dlwe-user-chip {
    width: 100% !important;
  }

  .dlwe-portal-shell .dlwe-form-grid,
  .dlwe-portal-shell .dlwe-card-grid,
  .dlwe-portal-shell .dlwe-home-grid,
  .dlwe-portal-shell .dlwe-checklist-builder-grid,
  .dlwe-portal-shell .dlwe-timeline-top-grid,
  .dlwe-portal-shell .dlwe-task-dashboard-layout {
    grid-template-columns: 1fr !important;
  }

  .dlwe-portal-shell .dlwe-home-card-wide {
    grid-column: auto !important;
  }

  .dlwe-portal-shell .dlwe-wedding-toolbar,
  .dlwe-portal-shell .dlwe-vendor-toolbar,
  .dlwe-portal-shell .dlwe-task-toolbar,
  .dlwe-portal-shell .dlwe-client-toolbar,
  .dlwe-portal-shell .dlwe-user-toolbar,
  .dlwe-portal-shell .dlwe-approval-toolbar,
  .dlwe-portal-shell .dlwe-timeline-toolbar,
  .dlwe-portal-shell .dlwe-task-dashboard-toolbar,
  .dlwe-portal-shell .dlwe-report-filter-grid {
    grid-template-columns: 1fr !important;
  }

  .dlwe-portal-shell .dlwe-home-hero,
  .dlwe-portal-shell .dlwe-workspace-hero {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 520px) {
  .dlwe-portal-shell .dlwe-sidebar {
    padding: 12px 14px !important;
  }

  .dlwe-portal-shell .dlwe-mobile-nav-toggle {
    min-height: 39px;
    padding: 8px 10px;
  }

  .dlwe-portal-shell .dlwe-nav {
    grid-template-columns: 1fr !important;
  }

  .dlwe-portal-shell .dlwe-main {
    padding: 20px 13px 30px !important;
  }

  .dlwe-portal-shell .dlwe-form-section,
  .dlwe-portal-shell .dlwe-table-card,
  .dlwe-portal-shell .dlwe-task-dashboard-card,
  .dlwe-portal-shell .dlwe-client-editor,
  .dlwe-portal-shell .dlwe-user-editor,
  .dlwe-portal-shell .dlwe-task-editor,
  .dlwe-portal-shell .dlwe-workspace-card,
  .dlwe-portal-shell .dlwe-home-card {
    padding: 18px 14px !important;
  }

  .dlwe-portal-shell .dlwe-form-section-heading {
    grid-template-columns: 30px minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  .dlwe-portal-shell .dlwe-form-actions,
  .dlwe-portal-shell .dlwe-history-actions,
  .dlwe-portal-shell .dlwe-vendor-actions,
  .dlwe-portal-shell .dlwe-task-actions,
  .dlwe-portal-shell .dlwe-client-inline-actions,
  .dlwe-portal-shell .dlwe-client-row-actions,
  .dlwe-portal-shell .dlwe-user-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  .dlwe-portal-shell .dlwe-form-actions > *,
  .dlwe-portal-shell .dlwe-history-actions > *,
  .dlwe-portal-shell .dlwe-vendor-actions > *,
  .dlwe-portal-shell .dlwe-task-actions > *,
  .dlwe-portal-shell .dlwe-client-inline-actions > *,
  .dlwe-portal-shell .dlwe-client-row-actions > *,
  .dlwe-portal-shell .dlwe-user-actions > * {
    width: 100% !important;
  }

  .dlwe-portal-shell .dlwe-pagination {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .dlwe-portal-shell .dlwe-pagination-buttons {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
  }
}

@media print {
  body.dlwe-staff-portal-page {
    overflow: visible !important;
  }

  .dlwe-portal-shell {
    width: 100% !important;
    min-height: 0 !important;
    left: auto !important;
    right: auto !important;
    margin: 0 !important;
  }

  .dlwe-portal-shell .dlwe-mobile-nav-toggle {
    display: none !important;
  }
}

/* Keep visibility semantics authoritative after all responsive overrides. */
.dlwe-portal-shell [hidden] {
  display: none !important;
}

/* Sticky navigation requires the full-width shell not to become a scroll container. */
.dlwe-portal-shell {
  overflow: visible !important;
}

.dlwe-portal-shell [hidden] {
  display: none !important;
}


/* Version 4.2.2: clear portal user editing controls */
.dlwe-portal-shell .dlwe-user-management-note {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 0 0 20px;
  padding: 16px 18px;
  border: 1px solid rgba(177, 137, 76, 0.28);
  border-left: 4px solid #b1894c;
  border-radius: 14px;
  background: rgba(247, 241, 230, 0.72);
}

.dlwe-portal-shell .dlwe-user-management-note > div {
  display: grid;
  gap: 4px;
}

.dlwe-portal-shell .dlwe-user-management-note strong {
  font-family: var(--dlwe-serif, Georgia, serif);
  font-size: 18px;
  font-weight: 500;
  color: #1e1b18;
}

.dlwe-portal-shell .dlwe-user-management-note span {
  color: #6f675e;
  font-size: 13px;
  line-height: 1.55;
}

.dlwe-portal-shell .dlwe-user-actions {
  min-width: 138px;
  align-items: flex-start;
}

.dlwe-portal-shell .dlwe-user-edit-button {
  width: 100%;
  min-width: 118px;
  justify-content: center;
  white-space: nowrap;
}

.dlwe-portal-shell .dlwe-user-action-note {
  display: block;
  max-width: 150px;
  color: #81786e;
  font-size: 11px;
  line-height: 1.45;
}

@media (max-width: 820px) {
  .dlwe-portal-shell .dlwe-user-management-note {
    align-items: flex-start;
    padding: 14px 15px;
  }

  .dlwe-portal-shell .dlwe-user-actions {
    min-width: 128px;
  }
}


/* v4.3 Manager–Lead–Staff workspace hierarchy */
.dlwe-role-scope-note{margin:0 0 24px;padding:14px 18px;border:1px solid rgba(174,133,67,.28);background:rgba(246,239,225,.65);font-size:13px;line-height:1.6;color:#625b52}
.dlwe-status-pill[data-role="dlwe_lead"]{border-color:rgba(174,133,67,.45);background:#f7f0e2;color:#77571f}
.dlwe-portal-shell [disabled]{cursor:not-allowed}

/* ================================================================
   v4.3.1 — Dashboard Workday Clock
   Immediate clock-in and clock-out from the first portal screen.
   ================================================================ */
.dlwe-portal-shell .dlwe-home-clock-panel {
  position: relative;
  overflow: hidden;
  margin: 0 0 28px;
  padding: clamp(22px, 2.2vw, 34px);
  border: 1px solid rgba(164, 126, 66, 0.30);
  border-top: 4px solid #b58b49;
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(205, 172, 112, 0.16), transparent 34%),
    linear-gradient(135deg, #fffdf9 0%, #f8f3ea 100%);
  box-shadow: 0 18px 50px rgba(33, 27, 21, 0.08);
}

.dlwe-portal-shell .dlwe-home-clock-panel::after {
  content: "";
  position: absolute;
  right: -70px;
  bottom: -90px;
  width: 230px;
  height: 230px;
  border: 1px solid rgba(181, 139, 73, 0.18);
  border-radius: 50%;
  pointer-events: none;
}

.dlwe-portal-shell .dlwe-home-clock-header {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: center;
  margin-bottom: 22px;
}

.dlwe-portal-shell .dlwe-home-clock-copy {
  min-width: 0;
}

.dlwe-portal-shell .dlwe-home-clock-copy h2 {
  margin: 4px 0 6px;
  color: #1c1915;
  font-family: var(--dlwe-serif, Georgia, "Times New Roman", serif);
  font-size: clamp(28px, 2.5vw, 42px);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: -0.02em;
}

.dlwe-portal-shell .dlwe-home-clock-copy p:last-child {
  max-width: 760px;
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
}

.dlwe-portal-shell .dlwe-home-live-clock {
  min-width: 196px;
  padding: 17px 20px;
  border: 1px solid rgba(181, 139, 73, 0.35);
  border-radius: 14px;
  background: #1c1915;
  color: #fffaf1;
  text-align: right;
  box-shadow: 0 12px 28px rgba(28, 25, 21, 0.14);
}

.dlwe-portal-shell .dlwe-home-live-clock span,
.dlwe-portal-shell .dlwe-home-live-clock small {
  display: block;
  color: rgba(255, 250, 241, 0.65);
  font-family: var(--dlwe-sans, Arial, sans-serif);
}

.dlwe-portal-shell .dlwe-home-live-clock span {
  margin-bottom: 5px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.dlwe-portal-shell .dlwe-home-live-clock strong {
  display: block;
  color: #ecd19c;
  font-family: var(--dlwe-serif, Georgia, "Times New Roman", serif);
  font-size: 27px;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.1;
}

.dlwe-portal-shell .dlwe-home-live-clock small {
  margin-top: 5px;
  font-size: 11px;
}

.dlwe-portal-shell #dlwe-home-clock-message {
  position: relative;
  z-index: 2;
  margin: 0 0 18px;
}

.dlwe-portal-shell .dlwe-home-clock-controls {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: end;
  padding-top: 20px;
  border-top: 1px solid rgba(73, 61, 47, 0.12);
}

.dlwe-portal-shell .dlwe-home-clock-fields {
  display: grid;
  grid-template-columns: repeat(4, minmax(150px, 1fr));
  gap: 14px;
  min-width: 0;
}

.dlwe-portal-shell .dlwe-home-clock-fields label {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 7px;
  margin: 0;
}

.dlwe-portal-shell .dlwe-home-clock-fields label > span {
  color: #6f665c;
  font-family: var(--dlwe-sans, Arial, sans-serif);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.dlwe-portal-shell .dlwe-home-clock-fields label > span small {
  font-size: 8px;
  font-weight: 500;
  letter-spacing: 0.08em;
}

.dlwe-portal-shell .dlwe-home-clock-fields input,
.dlwe-portal-shell .dlwe-home-clock-fields select {
  width: 100%;
  min-width: 0;
  height: 48px;
  margin: 0;
  padding: 0 14px;
  border: 1px solid #d9cdbd;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.88);
  color: #28231e;
  font-size: 13px;
  box-shadow: none;
}

.dlwe-portal-shell .dlwe-home-clock-fields input:focus,
.dlwe-portal-shell .dlwe-home-clock-fields select:focus {
  border-color: #b58b49;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(181, 139, 73, 0.13);
}

.dlwe-portal-shell .dlwe-home-clock-action {
  min-width: 142px;
  min-height: 48px;
  margin: 0;
  padding: 13px 22px;
  white-space: nowrap;
}

.dlwe-portal-shell .dlwe-home-clock-out-controls {
  grid-template-columns: minmax(220px, 0.75fr) minmax(0, 1.5fr) auto;
}

.dlwe-portal-shell .dlwe-home-clock-out-fields {
  grid-template-columns: minmax(130px, 0.45fr) minmax(240px, 1.55fr);
}

.dlwe-portal-shell .dlwe-home-clock-active-shift {
  display: flex;
  min-height: 48px;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border: 1px solid rgba(47, 117, 78, 0.24);
  border-radius: 11px;
  background: rgba(231, 245, 236, 0.85);
}

.dlwe-portal-shell .dlwe-home-clock-active-shift strong,
.dlwe-portal-shell .dlwe-home-clock-active-shift small {
  display: block;
}

.dlwe-portal-shell .dlwe-home-clock-active-shift strong {
  color: #245f3d;
  font-size: 12px;
  font-weight: 700;
}

.dlwe-portal-shell .dlwe-home-clock-active-shift small {
  margin-top: 2px;
  color: #54705e;
  font-size: 10px;
  line-height: 1.35;
}

.dlwe-portal-shell .dlwe-home-clock-pulse {
  position: relative;
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
  border-radius: 50%;
  background: #2f8a58;
  box-shadow: 0 0 0 5px rgba(47, 138, 88, 0.13);
}

.dlwe-portal-shell .dlwe-home-clock-pulse::after {
  content: "";
  position: absolute;
  inset: -5px;
  border: 1px solid rgba(47, 138, 88, 0.35);
  border-radius: 50%;
  animation: dlwe-home-clock-pulse 1.8s ease-out infinite;
}

@keyframes dlwe-home-clock-pulse {
  0% { transform: scale(0.65); opacity: 0.9; }
  100% { transform: scale(1.55); opacity: 0; }
}

.dlwe-portal-shell .dlwe-home-clock-out-button {
  background: #302b26;
  border-color: #302b26;
}

.dlwe-portal-shell .dlwe-home-clock-unavailable {
  position: relative;
  z-index: 1;
  padding: 18px 20px;
  border: 1px solid rgba(164, 75, 70, 0.22);
  border-radius: 12px;
  background: rgba(255, 245, 243, 0.82);
}

.dlwe-portal-shell .dlwe-home-clock-unavailable strong {
  display: block;
  margin-bottom: 4px;
  color: #873b37;
  font-size: 13px;
}

.dlwe-portal-shell .dlwe-home-clock-unavailable p {
  margin: 0;
  color: #795c59;
  font-size: 12px;
  line-height: 1.55;
}

.dlwe-portal-shell .dlwe-home-clock-panel [hidden] {
  display: none !important;
}

@media (max-width: 1320px) {
  .dlwe-portal-shell .dlwe-home-clock-fields {
    grid-template-columns: repeat(2, minmax(170px, 1fr));
  }

  .dlwe-portal-shell .dlwe-home-clock-out-controls {
    grid-template-columns: minmax(220px, 0.8fr) minmax(0, 1.4fr) auto;
  }

  .dlwe-portal-shell .dlwe-home-clock-out-fields {
    grid-template-columns: minmax(120px, 0.4fr) minmax(220px, 1.6fr);
  }
}

@media (max-width: 960px) {
  .dlwe-portal-shell .dlwe-home-clock-controls,
  .dlwe-portal-shell .dlwe-home-clock-out-controls {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .dlwe-portal-shell .dlwe-home-clock-action {
    width: 100%;
  }
}

@media (max-width: 720px) {
  .dlwe-portal-shell .dlwe-home-clock-panel {
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 14px;
  }

  .dlwe-portal-shell .dlwe-home-clock-header {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .dlwe-portal-shell .dlwe-home-live-clock {
    min-width: 0;
    width: 100%;
    text-align: left;
  }

  .dlwe-portal-shell .dlwe-home-clock-fields,
  .dlwe-portal-shell .dlwe-home-clock-out-fields {
    grid-template-columns: 1fr;
  }

  .dlwe-portal-shell .dlwe-home-clock-copy h2 {
    font-size: 30px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dlwe-portal-shell .dlwe-home-clock-pulse::after {
    animation: none;
  }
}

/* ========================================================================== 
   DLWE Staff Login — Editorial Full-Screen Redesign v4.3.2
   Uses the active WordPress Site Logo from the parent website.
   ========================================================================== */
body.dlwe-staff-login-page {
  margin: 0 !important;
  background: #f3eee6 !important;
}

body.dlwe-staff-login-page header,
body.dlwe-staff-login-page #masthead,
body.dlwe-staff-login-page .site-header,
body.dlwe-staff-login-page .page-header,
body.dlwe-staff-login-page .entry-header,
body.dlwe-staff-login-page footer,
body.dlwe-staff-login-page #colophon,
body.dlwe-staff-login-page .site-footer,
body.dlwe-staff-login-page .footer-widget-area {
  display: none !important;
}

body.dlwe-staff-login-page #page,
body.dlwe-staff-login-page #content,
body.dlwe-staff-login-page .site-content,
body.dlwe-staff-login-page .content-area,
body.dlwe-staff-login-page .site-main,
body.dlwe-staff-login-page article,
body.dlwe-staff-login-page .entry-content,
body.dlwe-staff-login-page .container,
body.dlwe-staff-login-page .container-fluid,
body.dlwe-staff-login-page .row,
body.dlwe-staff-login-page .vc_row,
body.dlwe-staff-login-page .wpb_wrapper {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.dlwe-staff-login-page .dlwe-auth-shell {
  --dlwe-auth-ink: #171511;
  --dlwe-auth-ink-soft: #29251f;
  --dlwe-auth-copy: #615b52;
  --dlwe-auth-muted: #8b8378;
  --dlwe-auth-paper: #fffdf9;
  --dlwe-auth-ivory: #f4efe7;
  --dlwe-auth-gold: #b8955c;
  --dlwe-auth-gold-soft: #e7d7bc;
  --dlwe-auth-line: #ddd3c4;
  --dlwe-auth-display: "Cormorant Garamond", "Iowan Old Style", Baskerville, Georgia, "Times New Roman", serif;
  --dlwe-auth-body: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;

  width: 100vw !important;
  min-height: 100vh !important;
  margin: 0 calc(50% - 50vw) !important;
  padding: clamp(18px, 3vw, 48px) !important;
  display: grid !important;
  place-items: center !important;
  background:
    radial-gradient(circle at 14% 8%, rgba(184, 149, 92, 0.14), transparent 30%),
    linear-gradient(135deg, #f7f3ed 0%, #eee6da 100%) !important;
  font-family: var(--dlwe-auth-body) !important;
  color: var(--dlwe-auth-copy) !important;
  overflow-x: hidden;
}

body.dlwe-staff-login-page .dlwe-auth-layout {
  width: min(100%, 1280px);
  min-height: min(780px, calc(100vh - clamp(36px, 6vw, 96px)));
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(430px, 0.95fr);
  overflow: hidden;
  background: var(--dlwe-auth-paper);
  border: 1px solid rgba(184, 149, 92, 0.25);
  box-shadow: 0 32px 90px rgba(36, 28, 18, 0.14);
}

body.dlwe-staff-login-page .dlwe-auth-story {
  position: relative;
  min-width: 0;
  overflow: hidden;
  color: #f9f4eb;
  background:
    linear-gradient(150deg, rgba(23, 21, 17, 0.96), rgba(38, 32, 25, 0.98)),
    #171511;
}

body.dlwe-staff-login-page .dlwe-auth-story::before,
body.dlwe-staff-login-page .dlwe-auth-story::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(184, 149, 92, 0.25);
  border-radius: 50%;
  pointer-events: none;
}

body.dlwe-staff-login-page .dlwe-auth-story::before {
  width: 430px;
  height: 430px;
  right: -230px;
  top: -150px;
}

body.dlwe-staff-login-page .dlwe-auth-story::after {
  width: 610px;
  height: 610px;
  left: -390px;
  bottom: -420px;
}

body.dlwe-staff-login-page .dlwe-auth-story-inner {
  position: relative;
  z-index: 1;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  padding: clamp(42px, 6vw, 82px);
}

body.dlwe-staff-login-page .dlwe-auth-story-mark {
  width: 72px;
  height: 72px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(231, 215, 188, 0.55);
  color: var(--dlwe-auth-gold-soft);
  font-family: var(--dlwe-auth-display);
  font-size: 18px;
  letter-spacing: 0.14em;
}

body.dlwe-staff-login-page .dlwe-auth-story-copy {
  margin: auto 0;
  max-width: 610px;
  padding: clamp(55px, 10vh, 110px) 0;
}

body.dlwe-staff-login-page .dlwe-auth-eyebrow {
  margin: 0 0 18px !important;
  color: var(--dlwe-auth-gold) !important;
  font-family: var(--dlwe-auth-body) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.25em !important;
  line-height: 1.5 !important;
  text-transform: uppercase !important;
}

body.dlwe-staff-login-page .dlwe-auth-story h1 {
  margin: 0 0 26px !important;
  color: #fffaf2 !important;
  font-family: var(--dlwe-auth-display) !important;
  font-size: clamp(48px, 5.2vw, 78px) !important;
  font-weight: 400 !important;
  letter-spacing: -0.025em !important;
  line-height: 0.98 !important;
}

body.dlwe-staff-login-page .dlwe-auth-story-copy > p:last-child {
  max-width: 510px;
  margin: 0 !important;
  color: rgba(255, 250, 242, 0.68) !important;
  font-size: 15px !important;
  line-height: 1.85 !important;
}

body.dlwe-staff-login-page .dlwe-auth-story-footer {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding-top: 24px;
  border-top: 1px solid rgba(231, 215, 188, 0.16);
  color: rgba(255, 250, 242, 0.55);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}

body.dlwe-staff-login-page .dlwe-auth-form-panel {
  min-width: 0;
  display: grid;
  place-items: center;
  padding: clamp(34px, 5vw, 78px);
  background:
    linear-gradient(rgba(255, 253, 249, 0.96), rgba(255, 253, 249, 0.96)),
    repeating-linear-gradient(90deg, transparent 0 48px, rgba(184, 149, 92, 0.035) 48px 49px);
}

body.dlwe-staff-login-page .dlwe-login-card {
  width: min(100%, 470px) !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: var(--dlwe-auth-body) !important;
}

body.dlwe-staff-login-page .dlwe-auth-logo-link {
  min-height: 74px;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: clamp(42px, 7vh, 72px);
  color: var(--dlwe-auth-ink) !important;
  text-decoration: none !important;
}

body.dlwe-staff-login-page .dlwe-auth-logo {
  display: block;
  width: auto;
  max-width: min(100%, 250px);
  max-height: 86px;
  object-fit: contain;
  object-position: left center;
}

body.dlwe-staff-login-page .dlwe-auth-logo-link .dlwe-brand {
  display: block;
  color: var(--dlwe-auth-ink) !important;
  font-family: var(--dlwe-auth-display) !important;
  font-size: 42px !important;
  letter-spacing: 0.22em !important;
  line-height: 1 !important;
}

body.dlwe-staff-login-page .dlwe-auth-logo-link .dlwe-brand-subtitle {
  display: block;
  margin-top: 10px !important;
  color: var(--dlwe-auth-muted) !important;
  font-size: 9px !important;
  letter-spacing: 0.26em !important;
}

body.dlwe-staff-login-page .dlwe-auth-heading {
  margin-bottom: 34px;
}

body.dlwe-staff-login-page .dlwe-auth-heading h2,
body.dlwe-staff-login-page .dlwe-centered-card h2 {
  margin: 0 0 10px !important;
  color: var(--dlwe-auth-ink) !important;
  font-family: var(--dlwe-auth-display) !important;
  font-size: clamp(42px, 4vw, 58px) !important;
  font-weight: 400 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.02 !important;
}

body.dlwe-staff-login-page .dlwe-auth-heading .dlwe-muted,
body.dlwe-staff-login-page .dlwe-centered-card .dlwe-muted {
  margin: 0 !important;
  color: var(--dlwe-auth-muted) !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

body.dlwe-staff-login-page .dlwe-login-form {
  display: grid !important;
  gap: 22px !important;
}

body.dlwe-staff-login-page .dlwe-field {
  margin: 0 !important;
}

body.dlwe-staff-login-page .dlwe-field-label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 9px;
}

body.dlwe-staff-login-page .dlwe-field label {
  margin: 0 !important;
  color: var(--dlwe-auth-ink-soft) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

body.dlwe-staff-login-page .dlwe-field input[type="text"],
body.dlwe-staff-login-page .dlwe-field input[type="password"] {
  width: 100% !important;
  min-height: 58px !important;
  padding: 15px 17px !important;
  color: var(--dlwe-auth-ink) !important;
  background: rgba(255, 255, 255, 0.74) !important;
  border: 1px solid var(--dlwe-auth-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: var(--dlwe-auth-body) !important;
  font-size: 14px !important;
  transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

body.dlwe-staff-login-page .dlwe-field input::placeholder {
  color: #a69e93 !important;
  opacity: 1;
}

body.dlwe-staff-login-page .dlwe-field input:focus {
  background: #fff !important;
  border-color: var(--dlwe-auth-gold) !important;
  box-shadow: 0 0 0 3px rgba(184, 149, 92, 0.11) !important;
  outline: none !important;
}

body.dlwe-staff-login-page .dlwe-password-wrap input {
  padding-right: 76px !important;
}

body.dlwe-staff-login-page .dlwe-password-toggle {
  right: 12px !important;
  padding: 8px !important;
  color: var(--dlwe-auth-ink-soft) !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 9px !important;
  letter-spacing: 0.12em !important;
}

body.dlwe-staff-login-page .dlwe-inline-forgot-link {
  color: var(--dlwe-auth-gold) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

body.dlwe-staff-login-page .dlwe-inline-forgot-link:hover {
  color: var(--dlwe-auth-ink) !important;
}

body.dlwe-staff-login-page .dlwe-checkbox {
  margin: -2px 0 2px !important;
  color: var(--dlwe-auth-copy) !important;
  font-size: 12px !important;
}

body.dlwe-staff-login-page .dlwe-checkbox input {
  width: 16px !important;
  height: 16px !important;
  accent-color: var(--dlwe-auth-ink);
}

body.dlwe-staff-login-page .dlwe-primary-button {
  width: 100% !important;
  min-height: 58px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 15px 20px !important;
  color: #fffaf2 !important;
  background: var(--dlwe-auth-ink) !important;
  border: 1px solid var(--dlwe-auth-ink) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  transition: background 180ms ease, border-color 180ms ease, transform 180ms ease;
}

body.dlwe-staff-login-page .dlwe-primary-button:hover {
  background: #2d2821 !important;
  border-color: #2d2821 !important;
  transform: translateY(-1px);
}

body.dlwe-staff-login-page .dlwe-auth-button-arrow {
  color: var(--dlwe-auth-gold-soft);
  font-size: 18px;
  line-height: 1;
}

body.dlwe-staff-login-page .dlwe-alert {
  margin: 0 0 28px !important;
  padding: 14px 16px !important;
  border-radius: 0 !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}

body.dlwe-staff-login-page .dlwe-auth-support {
  margin: 30px 0 0 !important;
  padding-top: 22px;
  border-top: 1px solid var(--dlwe-auth-line);
  color: var(--dlwe-auth-muted) !important;
  font-size: 10px !important;
  letter-spacing: 0.06em;
  line-height: 1.6 !important;
  text-align: center;
}

body.dlwe-staff-login-page .dlwe-centered-card {
  text-align: left !important;
}

body.dlwe-staff-login-page .dlwe-centered-card .dlwe-auth-logo-link {
  align-items: flex-start !important;
}

body.dlwe-staff-login-page .dlwe-centered-card .dlwe-button-link {
  margin-top: 30px !important;
}

@media (max-width: 980px) {
  body.dlwe-staff-login-page .dlwe-auth-shell {
    padding: 18px !important;
  }

  body.dlwe-staff-login-page .dlwe-auth-layout {
    width: min(100%, 720px);
    min-height: auto;
    grid-template-columns: 1fr;
  }

  body.dlwe-staff-login-page .dlwe-auth-story-inner {
    min-height: 330px;
    padding: 38px;
  }

  body.dlwe-staff-login-page .dlwe-auth-story-copy {
    padding: 45px 0 34px;
  }

  body.dlwe-staff-login-page .dlwe-auth-story h1 {
    font-size: clamp(44px, 8vw, 64px) !important;
  }

  body.dlwe-staff-login-page .dlwe-auth-story-footer {
    display: none;
  }

  body.dlwe-staff-login-page .dlwe-auth-form-panel {
    padding: 46px 38px 54px;
  }

  body.dlwe-staff-login-page .dlwe-auth-logo-link {
    margin-bottom: 42px;
  }
}

@media (max-width: 620px) {
  body.dlwe-staff-login-page .dlwe-auth-shell {
    display: block !important;
    min-height: 100vh !important;
    padding: 0 !important;
  }

  body.dlwe-staff-login-page .dlwe-auth-layout {
    width: 100%;
    border: 0;
    box-shadow: none;
  }

  body.dlwe-staff-login-page .dlwe-auth-story-inner {
    min-height: 275px;
    padding: 30px 24px;
  }

  body.dlwe-staff-login-page .dlwe-auth-story-mark {
    width: 56px;
    height: 56px;
    font-size: 14px;
  }

  body.dlwe-staff-login-page .dlwe-auth-story-copy {
    padding: 38px 0 12px;
  }

  body.dlwe-staff-login-page .dlwe-auth-story h1 {
    margin-bottom: 16px !important;
    font-size: 42px !important;
  }

  body.dlwe-staff-login-page .dlwe-auth-story-copy > p:last-child {
    font-size: 13px !important;
    line-height: 1.65 !important;
  }

  body.dlwe-staff-login-page .dlwe-auth-form-panel {
    min-height: calc(100vh - 275px);
    padding: 42px 24px 50px;
  }

  body.dlwe-staff-login-page .dlwe-auth-logo-link {
    min-height: 58px;
    margin-bottom: 38px;
  }

  body.dlwe-staff-login-page .dlwe-auth-logo {
    max-width: 210px;
    max-height: 68px;
  }

  body.dlwe-staff-login-page .dlwe-auth-heading h2,
  body.dlwe-staff-login-page .dlwe-centered-card h2 {
    font-size: 42px !important;
  }

  body.dlwe-staff-login-page .dlwe-field-label-row {
    align-items: flex-end;
  }
}


/* DLWE v4.3.8 — portal-native password setup and recovery */
body.dlwe-staff-login-page .dlwe-password-account-summary {
  display: grid;
  gap: 5px;
  margin: 0 0 24px;
  padding: 15px 17px;
  background: rgba(184, 149, 92, 0.08);
  border: 1px solid rgba(184, 149, 92, 0.28);
}

body.dlwe-staff-login-page .dlwe-password-account-summary span {
  color: var(--dlwe-auth-muted) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

body.dlwe-staff-login-page .dlwe-password-account-summary strong {
  color: var(--dlwe-auth-ink) !important;
  font-family: var(--dlwe-auth-body) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  overflow-wrap: anywhere;
}

body.dlwe-staff-login-page .dlwe-password-guidance {
  margin: -8px 0 0 !important;
  color: var(--dlwe-auth-muted) !important;
  font-size: 11px !important;
  line-height: 1.6 !important;
}

body.dlwe-staff-login-page .dlwe-auth-action-link {
  text-decoration: none !important;
}

body.dlwe-staff-login-page .dlwe-auth-support-links a {
  color: var(--dlwe-auth-gold) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

body.dlwe-staff-login-page .dlwe-auth-support-links a:hover {
  color: var(--dlwe-auth-ink) !important;
}


/* Version 4.3.9: permanent user deletion from portal management */
.dlwe-portal-shell .dlwe-user-delete-link {
  appearance: none;
  padding: 2px 0;
  border: 0;
  background: transparent;
  color: #9b3f3f;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
  text-align: left;
  text-decoration: underline;
  text-decoration-color: rgba(155, 63, 63, 0.34);
  text-underline-offset: 3px;
  cursor: pointer;
}

.dlwe-portal-shell .dlwe-user-delete-link:hover:not(:disabled) {
  color: #702828;
  text-decoration-color: currentColor;
}

.dlwe-portal-shell .dlwe-user-delete-link:disabled {
  opacity: 0.45;
  cursor: wait;
}

.dlwe-portal-shell .dlwe-user-editor-delete {
  margin-right: auto !important;
}

.dlwe-user-delete-modal {
  position: fixed;
  z-index: 1000000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
  overflow-y: auto;
  background: rgba(20, 17, 14, 0.72);
  backdrop-filter: blur(8px);
  opacity: 0;
  transition: opacity 180ms ease;
}

.dlwe-user-delete-modal.is-visible {
  opacity: 1;
}

.dlwe-user-delete-modal.is-closing {
  opacity: 0;
}

.dlwe-user-delete-dialog {
  position: relative;
  width: min(100%, 560px);
  padding: clamp(28px, 5vw, 46px);
  overflow: hidden;
  color: #2b251f;
  background: #fffdf9;
  border: 1px solid rgba(182, 153, 106, 0.55);
  border-radius: 20px;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.3);
  transform: translateY(16px) scale(0.985);
  transition: transform 180ms ease;
}

.dlwe-user-delete-modal.is-visible .dlwe-user-delete-dialog {
  transform: translateY(0) scale(1);
}

.dlwe-user-delete-close {
  position: absolute;
  top: 16px;
  right: 18px;
  width: 36px;
  height: 36px;
  border: 1px solid #ded3c4;
  border-radius: 50%;
  background: #fff;
  color: #62584f;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.dlwe-user-delete-icon {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  margin: 0 0 22px;
  border-radius: 50%;
  background: #f4e2e0;
  color: #8e3838;
  font-family: Georgia, serif;
  font-size: 31px;
  font-weight: 700;
}

.dlwe-user-delete-kicker {
  margin: 0 0 10px;
  color: #9b3f3f;
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.16em;
}

.dlwe-user-delete-dialog h2 {
  margin: 0 42px 14px 0;
  color: #211c17;
  font-family: Georgia, serif;
  font-size: clamp(30px, 5vw, 42px);
  font-weight: 400;
  line-height: 1.08;
}

.dlwe-user-delete-intro {
  margin: 0 0 22px;
  color: #6c6259;
  font-size: 14px;
  line-height: 1.7;
}

.dlwe-user-delete-preserved {
  display: grid;
  gap: 5px;
  margin: 0 0 22px;
  padding: 15px 17px;
  background: #f6f0e7;
  border: 1px solid #e0d3c0;
  border-radius: 12px;
}

.dlwe-user-delete-preserved strong {
  color: #2b251f;
  font-size: 13px;
}

.dlwe-user-delete-preserved span {
  color: #786d63;
  font-size: 12px;
  line-height: 1.55;
}

.dlwe-user-delete-actions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.dlwe-user-delete-actions .dlwe-secondary-button,
.dlwe-user-delete-actions .dlwe-danger-button {
  min-height: 45px;
  padding: 10px 18px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.dlwe-user-delete-actions .dlwe-secondary-button {
  border: 1px solid #d4c8b8;
  background: #fff;
  color: #2b251f;
}

@media (max-width: 620px) {
  .dlwe-user-delete-modal {
    align-items: end;
    padding: 12px;
  }

  .dlwe-user-delete-dialog {
    width: 100%;
    padding: 28px 22px 22px;
    border-radius: 18px;
  }

  .dlwe-user-delete-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .dlwe-user-delete-actions button {
    width: 100%;
  }
}

/* Version 4.4.0: Excel-driven wedding checklist workspace */
.dlwe-portal-shell .dlwe-checklist-command-bar {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(280px, 1fr);
  gap: 22px;
  align-items: end;
  margin-bottom: 24px;
  padding: 22px;
  border: 1px solid rgba(177, 137, 76, 0.22);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255,255,255,0.96), rgba(248,244,237,0.92));
  box-shadow: 0 12px 34px rgba(31, 25, 18, 0.05);
}

.dlwe-portal-shell .dlwe-checklist-wedding-field {
  margin: 0;
}

.dlwe-portal-shell .dlwe-checklist-import-meta {
  display: grid;
  gap: 4px;
  justify-items: end;
  text-align: right;
}

.dlwe-portal-shell .dlwe-checklist-import-meta strong {
  color: #201b17;
  font-family: var(--dlwe-serif, Georgia, serif);
  font-size: 18px;
  font-weight: 500;
}

.dlwe-portal-shell .dlwe-checklist-import-meta small {
  color: #7a7066;
  font-size: 12px;
  line-height: 1.5;
}

.dlwe-portal-shell .dlwe-checklist-meta-label {
  color: #9a7a4c;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.dlwe-portal-shell .dlwe-checklist-upload-card,
.dlwe-portal-shell .dlwe-checklist-upload-preview {
  margin-bottom: 24px;
}

.dlwe-portal-shell .dlwe-checklist-upload-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: end;
}

.dlwe-portal-shell .dlwe-checklist-upload-action {
  min-width: 220px;
  margin: 0;
}

.dlwe-portal-shell .dlwe-checklist-upload-action .dlwe-primary-button {
  width: 100%;
}

.dlwe-portal-shell .dlwe-checklist-import-controls {
  margin-bottom: 18px;
}

.dlwe-portal-shell .dlwe-checklist-detection-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 18px;
}

.dlwe-portal-shell .dlwe-checklist-detection-summary span {
  display: grid;
  gap: 3px;
  padding: 14px 15px;
  border: 1px solid #e5ddd1;
  border-radius: 12px;
  background: #fbf9f5;
  color: #756b61;
  font-size: 11px;
  line-height: 1.4;
}

.dlwe-portal-shell .dlwe-checklist-detection-summary strong {
  color: #1f1a16;
  font-size: 22px;
  font-weight: 500;
}

.dlwe-portal-shell .dlwe-checklist-overview {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 22px;
}

.dlwe-portal-shell .dlwe-checklist-metric {
  display: grid;
  gap: 7px;
  min-height: 108px;
  padding: 17px;
  border: 1px solid #e5ddd1;
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(31, 25, 18, 0.035);
}

.dlwe-portal-shell .dlwe-checklist-metric span {
  color: #7b7066;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.dlwe-portal-shell .dlwe-checklist-metric strong {
  align-self: end;
  color: #211c18;
  font-family: var(--dlwe-serif, Georgia, serif);
  font-size: 28px;
  font-weight: 500;
}

.dlwe-portal-shell .dlwe-checklist-filter-grid {
  grid-template-columns: repeat(4, minmax(180px, 1fr));
  margin-bottom: 18px;
  padding: 18px;
  border: 1px solid #e7dfd4;
  border-radius: 15px;
  background: #fbf9f5;
}

.dlwe-portal-shell .dlwe-checklist-live-scroll,
.dlwe-portal-shell .dlwe-checklist-preview-scroll {
  border: 1px solid #e5ddd1;
  border-radius: 16px;
  background: #fff;
  overflow: auto;
}

.dlwe-portal-shell .dlwe-checklist-live-table,
.dlwe-portal-shell .dlwe-checklist-upload-preview .dlwe-checklist-table {
  min-width: 1280px;
}

.dlwe-portal-shell .dlwe-checklist-table th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #201b17;
  color: #fff;
  font-size: 10px;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  white-space: nowrap;
}

.dlwe-portal-shell .dlwe-checklist-table td {
  min-width: 150px;
  max-width: 330px;
  vertical-align: top;
  color: #403830;
  font-size: 12px;
  line-height: 1.55;
}

.dlwe-portal-shell .dlwe-checklist-table td:first-child {
  min-width: 165px;
  background: #fbf8f3;
}

.dlwe-portal-shell .dlwe-checklist-table select,
.dlwe-portal-shell .dlwe-checklist-table textarea {
  width: 100%;
  min-width: 150px;
  border: 1px solid #dcd2c5;
  border-radius: 9px;
  background: #fff;
  font-size: 12px;
}

.dlwe-portal-shell .dlwe-checklist-table textarea {
  min-height: 76px;
  resize: vertical;
}

.dlwe-portal-shell .dlwe-checklist-section-pill {
  display: inline-flex;
  max-width: 220px;
  margin-bottom: 7px;
  padding: 6px 9px;
  border: 1px solid rgba(177, 137, 76, 0.3);
  border-radius: 999px;
  background: rgba(247, 239, 226, 0.86);
  color: #72522f;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 1.35;
}

.dlwe-portal-shell .dlwe-checklist-table td:first-child small,
.dlwe-portal-shell .dlwe-checklist-row-updated {
  display: block;
  margin-top: 8px;
  color: #8a8076;
  font-size: 10px;
  line-height: 1.4;
}

.dlwe-portal-shell .dlwe-checklist-source-text {
  display: block;
  white-space: normal;
  overflow-wrap: anywhere;
}

.dlwe-portal-shell .dlwe-checklist-source-boolean {
  display: inline-flex;
  align-items: center;
  min-width: 58px;
  justify-content: center;
  padding: 5px 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.dlwe-portal-shell .dlwe-checklist-source-boolean.is-true {
  background: #e9f3ea;
  color: #2f6e3b;
}

.dlwe-portal-shell .dlwe-checklist-source-boolean.is-false {
  background: #f4eee5;
  color: #87663f;
}

.dlwe-portal-shell .dlwe-checklist-preview-more td {
  padding: 16px;
  background: #f8f4ed !important;
  color: #6f655c;
  font-weight: 700;
  text-align: center;
}

@media (max-width: 1180px) {
  .dlwe-portal-shell .dlwe-checklist-overview {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dlwe-portal-shell .dlwe-checklist-detection-summary,
  .dlwe-portal-shell .dlwe-checklist-filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .dlwe-portal-shell .dlwe-checklist-command-bar,
  .dlwe-portal-shell .dlwe-checklist-upload-grid {
    grid-template-columns: 1fr;
  }

  .dlwe-portal-shell .dlwe-checklist-import-meta {
    justify-items: start;
    text-align: left;
  }

  .dlwe-portal-shell .dlwe-checklist-upload-action {
    min-width: 0;
  }

  .dlwe-portal-shell .dlwe-checklist-overview,
  .dlwe-portal-shell .dlwe-checklist-detection-summary,
  .dlwe-portal-shell .dlwe-checklist-filter-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 520px) {
  .dlwe-portal-shell .dlwe-checklist-overview,
  .dlwe-portal-shell .dlwe-checklist-detection-summary,
  .dlwe-portal-shell .dlwe-checklist-filter-grid {
    grid-template-columns: 1fr;
  }
}


/* Version 4.4.1 — Excel-driven multi-day wedding rundown */
.dlwe-portal-shell .dlwe-timeline-command-bar {
  display: grid;
  grid-template-columns: minmax(280px, 420px) minmax(0, 1fr);
  gap: 22px;
  align-items: end;
  margin: 0 0 22px;
  padding: 20px 22px;
  border: 1px solid rgba(32, 28, 24, 0.10);
  border-radius: 18px;
  background: linear-gradient(135deg, #fffdf8 0%, #f8f2e8 100%);
  box-shadow: 0 12px 30px rgba(40, 31, 20, 0.06);
}

.dlwe-portal-shell .dlwe-timeline-import-meta {
  display: grid;
  gap: 4px;
  min-height: 48px;
  align-content: center;
  padding-left: 22px;
  border-left: 1px solid rgba(32, 28, 24, 0.10);
}

.dlwe-portal-shell .dlwe-timeline-import-meta strong {
  font-family: var(--dlwe-serif, Georgia, serif);
  font-size: 20px;
  font-weight: 500;
  color: #201c18;
}

.dlwe-portal-shell .dlwe-timeline-import-meta span {
  color: #746b61;
  font-size: 13px;
  line-height: 1.55;
}

.dlwe-portal-shell .dlwe-timeline-upload-card,
.dlwe-portal-shell .dlwe-timeline-upload-preview {
  margin-bottom: 22px;
}

.dlwe-portal-shell .dlwe-timeline-upload-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: end;
}

.dlwe-portal-shell .dlwe-timeline-upload-action {
  min-width: 210px;
}

.dlwe-portal-shell .dlwe-timeline-upload-action .dlwe-primary-button {
  width: 100%;
}

.dlwe-portal-shell .dlwe-timeline-detection-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 12px;
  margin: 18px 0;
}

.dlwe-portal-shell .dlwe-timeline-detection-summary article {
  display: grid;
  gap: 4px;
  padding: 14px 16px;
  border: 1px solid rgba(177, 137, 76, 0.24);
  border-radius: 14px;
  background: rgba(250, 246, 238, 0.85);
}

.dlwe-portal-shell .dlwe-timeline-detection-summary strong {
  color: #241f1a;
  font-size: 14px;
}

.dlwe-portal-shell .dlwe-timeline-detection-summary span {
  color: #7b7166;
  font-size: 12px;
}

.dlwe-portal-shell .dlwe-timeline-preview-scroll {
  max-height: 420px;
  border: 1px solid rgba(32, 28, 24, 0.10);
  border-radius: 15px;
}

.dlwe-portal-shell .dlwe-timeline-preview-table {
  width: 100%;
  min-width: 800px;
  border-collapse: separate;
  border-spacing: 0;
}

.dlwe-portal-shell .dlwe-timeline-preview-table th {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 13px 14px;
  background: #211d19;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-align: left;
  text-transform: uppercase;
}

.dlwe-portal-shell .dlwe-timeline-preview-table td {
  padding: 13px 14px;
  border-bottom: 1px solid rgba(32, 28, 24, 0.08);
  color: #403932;
  font-size: 13px;
  line-height: 1.5;
  vertical-align: top;
}

.dlwe-portal-shell .dlwe-timeline-preview-table small {
  color: #8b7f72;
}

.dlwe-portal-shell .dlwe-timeline-live-workspace {
  display: grid;
  gap: 20px;
}

.dlwe-portal-shell .dlwe-timeline-live-workspace.is-loading {
  opacity: 0.55;
  pointer-events: none;
}

.dlwe-portal-shell .dlwe-timeline-toolbar {
  grid-template-columns: minmax(260px, 1fr) minmax(190px, 250px) auto auto;
}

.dlwe-portal-shell .dlwe-timeline-day-tabs {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding: 3px 2px 8px;
  scrollbar-width: thin;
}

.dlwe-portal-shell .dlwe-timeline-day-tab {
  display: grid;
  gap: 3px;
  flex: 0 0 auto;
  min-width: 150px;
  padding: 13px 16px;
  border: 1px solid rgba(32, 28, 24, 0.13);
  border-radius: 14px;
  background: #fff;
  color: #373028;
  text-align: left;
  cursor: pointer;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.dlwe-portal-shell .dlwe-timeline-day-tab:hover {
  border-color: rgba(177, 137, 76, 0.65);
  transform: translateY(-1px);
}

.dlwe-portal-shell .dlwe-timeline-day-tab.is-active {
  border-color: #211d19;
  background: #211d19;
  color: #fff;
}

.dlwe-portal-shell .dlwe-timeline-day-tab span {
  font-family: var(--dlwe-serif, Georgia, serif);
  font-size: 16px;
  line-height: 1.25;
}

.dlwe-portal-shell .dlwe-timeline-day-tab small {
  color: #897d70;
  font-size: 11px;
}

.dlwe-portal-shell .dlwe-timeline-day-tab.is-active small {
  color: rgba(255,255,255,0.66);
}

.dlwe-portal-shell .dlwe-timeline-events {
  display: grid;
  gap: 22px;
}

.dlwe-portal-shell .dlwe-timeline-event-card {
  overflow: hidden;
  border: 1px solid rgba(32, 28, 24, 0.11);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(37, 28, 18, 0.055);
}

.dlwe-portal-shell .dlwe-timeline-event-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  padding: 19px 22px;
  border-bottom: 1px solid rgba(32, 28, 24, 0.10);
  background: linear-gradient(120deg, #fbf7ef 0%, #f4ecdf 100%);
}

.dlwe-portal-shell .dlwe-timeline-event-header > div {
  display: grid;
  gap: 4px;
}

.dlwe-portal-shell .dlwe-timeline-event-header > div:last-child {
  justify-items: end;
  text-align: right;
}

.dlwe-portal-shell .dlwe-timeline-event-header span {
  color: #817568;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.dlwe-portal-shell .dlwe-timeline-event-header h2 {
  margin: 0;
  color: #211d19;
  font-family: var(--dlwe-serif, Georgia, serif);
  font-size: clamp(21px, 2vw, 28px);
  font-weight: 500;
  line-height: 1.16;
}

.dlwe-portal-shell .dlwe-timeline-event-header strong {
  color: #302922;
  font-size: 13px;
}

.dlwe-portal-shell .dlwe-timeline-dynamic-scroll {
  max-width: 100%;
  overflow: auto;
}

.dlwe-portal-shell .dlwe-timeline-dynamic-table {
  width: 100%;
  min-width: 980px;
  border-collapse: separate;
  border-spacing: 0;
}

.dlwe-portal-shell .dlwe-timeline-dynamic-table th {
  position: sticky;
  top: 0;
  z-index: 2;
  min-width: 145px;
  padding: 12px 13px;
  border-right: 1px solid rgba(255,255,255,0.10);
  background: #29241f;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.075em;
  line-height: 1.4;
  text-align: left;
  text-transform: uppercase;
  vertical-align: bottom;
}

.dlwe-portal-shell .dlwe-timeline-dynamic-table th:first-child {
  min-width: 105px;
}

.dlwe-portal-shell .dlwe-timeline-dynamic-table th:nth-last-child(3) {
  min-width: 150px;
}

.dlwe-portal-shell .dlwe-timeline-dynamic-table th:nth-last-child(2) {
  min-width: 230px;
}

.dlwe-portal-shell .dlwe-timeline-dynamic-table th:last-child {
  min-width: 105px;
}

.dlwe-portal-shell .dlwe-timeline-dynamic-table td {
  padding: 14px 13px;
  border-right: 1px solid rgba(32, 28, 24, 0.07);
  border-bottom: 1px solid rgba(32, 28, 24, 0.08);
  background: #fff;
  color: #3e3730;
  font-size: 12px;
  line-height: 1.55;
  vertical-align: top;
  white-space: normal;
}

.dlwe-portal-shell .dlwe-timeline-dynamic-table tbody tr:nth-child(even):not(.dlwe-timeline-section-row) td {
  background: #fdfbf7;
}

.dlwe-portal-shell .dlwe-timeline-dynamic-table tbody tr:hover:not(.dlwe-timeline-section-row) td {
  background: #fffaf0;
}

.dlwe-portal-shell .dlwe-timeline-section-row td {
  padding: 10px 13px;
  background: #e8dcc9 !important;
  color: #2e261f;
  font-family: var(--dlwe-serif, Georgia, serif);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.025em;
}

.dlwe-portal-shell .dlwe-timeline-live-status,
.dlwe-portal-shell .dlwe-timeline-live-notes {
  width: 100%;
  min-width: 130px;
  margin: 0;
  border: 1px solid rgba(32, 28, 24, 0.16);
  border-radius: 9px;
  background: #fff;
  color: #302a24;
  font: inherit;
}

.dlwe-portal-shell .dlwe-timeline-live-status {
  height: 38px;
  padding: 0 10px;
}

.dlwe-portal-shell .dlwe-timeline-live-notes {
  min-width: 210px;
  padding: 9px 10px;
  resize: vertical;
}

@media (max-width: 980px) {
  .dlwe-portal-shell .dlwe-timeline-command-bar {
    grid-template-columns: 1fr;
  }

  .dlwe-portal-shell .dlwe-timeline-import-meta {
    padding: 15px 0 0;
    border-top: 1px solid rgba(32, 28, 24, 0.10);
    border-left: 0;
  }

  .dlwe-portal-shell .dlwe-timeline-toolbar {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 680px) {
  .dlwe-portal-shell .dlwe-timeline-command-bar,
  .dlwe-portal-shell .dlwe-timeline-event-header {
    padding: 16px;
  }

  .dlwe-portal-shell .dlwe-timeline-upload-grid,
  .dlwe-portal-shell .dlwe-timeline-toolbar {
    grid-template-columns: 1fr;
  }

  .dlwe-portal-shell .dlwe-timeline-upload-action {
    min-width: 0;
  }

  .dlwe-portal-shell .dlwe-timeline-event-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .dlwe-portal-shell .dlwe-timeline-event-header > div:last-child {
    justify-items: start;
    text-align: left;
  }

  .dlwe-portal-shell .dlwe-timeline-day-tab {
    min-width: 135px;
  }
}

@media print {
  body.dlwe-print-timeline #dlwe-timeline-print-area {
    display: block !important;
  }

  body.dlwe-print-timeline #dlwe-timeline-print-area .dlwe-timeline-section-row td {
    background: #ece7de !important;
    color: #222 !important;
    font-weight: 700;
  }
}

/* Version 4.4.2: Wedding Lead Team access foundation */
.dlwe-portal-shell .dlwe-wedding-lead-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  gap: 18px;
  align-items: start;
}

.dlwe-portal-shell #dlwe_client_additional_leads {
  min-height: 148px;
  padding: 8px;
  background: #fffdfa;
}

.dlwe-portal-shell #dlwe_client_additional_leads option {
  padding: 9px 10px;
  border-radius: 7px;
}

.dlwe-portal-shell .dlwe-wedding-access-summary {
  display: grid;
  gap: 4px;
  margin-top: 16px;
  padding: 15px 17px;
  border: 1px solid rgba(177, 137, 76, 0.3);
  border-left: 4px solid #b1894c;
  border-radius: 12px;
  background: rgba(247, 241, 230, 0.64);
}

.dlwe-portal-shell .dlwe-wedding-access-summary.is-empty {
  border-color: rgba(117, 108, 97, 0.22);
  border-left-color: #8d847a;
  background: rgba(246, 243, 238, 0.72);
}

.dlwe-portal-shell .dlwe-wedding-access-summary strong {
  color: #1f1b17;
  font-family: var(--dlwe-serif, Georgia, serif);
  font-size: 16px;
  font-weight: 500;
}

.dlwe-portal-shell .dlwe-wedding-access-summary span {
  color: #70675e;
  font-size: 12px;
  line-height: 1.55;
}

.dlwe-portal-shell .dlwe-team-divider {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 26px 0 14px;
  padding-top: 22px;
  border-top: 1px solid rgba(31, 27, 23, 0.1);
}

.dlwe-portal-shell .dlwe-team-divider h3 {
  margin: 0 0 4px;
  color: #211d19;
  font-family: var(--dlwe-serif, Georgia, serif);
  font-size: 20px;
  font-weight: 500;
}

.dlwe-portal-shell .dlwe-team-divider p {
  margin: 0;
  color: #776e65;
  font-size: 12px;
  line-height: 1.55;
}

.dlwe-portal-shell [data-client-manager-only]:disabled {
  cursor: not-allowed;
  opacity: 0.68;
  background: #f3f0eb;
}

@media (max-width: 820px) {
  .dlwe-portal-shell .dlwe-wedding-lead-grid {
    grid-template-columns: 1fr;
  }

  .dlwe-portal-shell #dlwe_client_additional_leads {
    min-height: 132px;
  }
}


/* Version 4.4.3: professional bulk task assignment and updates */
.dlwe-portal-shell .dlwe-task-bulk-bar {
  display: grid;
  grid-template-columns: minmax(210px, auto) minmax(220px, 1fr) auto;
  align-items: center;
  gap: 18px;
  margin: 18px 0 16px;
  padding: 15px 17px;
  border: 1px solid rgba(177, 137, 76, 0.28);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(250, 246, 238, 0.96), rgba(255, 253, 249, 0.98));
  box-shadow: 0 10px 28px rgba(40, 31, 23, 0.05);
}

.dlwe-portal-shell .dlwe-task-bulk-select-all {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: #2a251f;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

.dlwe-portal-shell .dlwe-task-bulk-select-all input,
.dlwe-portal-shell .dlwe-task-select-control input,
.dlwe-portal-shell .dlwe-task-bulk-option > input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: #171717;
}

.dlwe-portal-shell .dlwe-task-bulk-status {
  display: grid;
  gap: 2px;
}

.dlwe-portal-shell .dlwe-task-bulk-status strong {
  color: #211d19;
  font-family: var(--dlwe-serif, Georgia, serif);
  font-size: 17px;
  font-weight: 500;
}

.dlwe-portal-shell .dlwe-task-bulk-status span {
  color: #7a7168;
  font-size: 12px;
}

.dlwe-portal-shell .dlwe-task-bulk-buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
  flex-wrap: wrap;
}

.dlwe-portal-shell .dlwe-task-card {
  position: relative;
}

.dlwe-portal-shell .dlwe-task-card.is-selected {
  border-color: rgba(177, 137, 76, 0.7);
  box-shadow: 0 0 0 2px rgba(177, 137, 76, 0.14), 0 14px 34px rgba(41, 31, 22, 0.08);
}

.dlwe-portal-shell .dlwe-task-select-control {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  padding: 7px 10px;
  border: 1px solid rgba(177, 137, 76, 0.24);
  border-radius: 999px;
  background: rgba(248, 243, 234, 0.82);
  color: #6e6257;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  cursor: pointer;
}

.dlwe-portal-shell .dlwe-task-card.is-selected .dlwe-task-select-control {
  background: #1d1b18;
  border-color: #1d1b18;
  color: #fff;
}

.dlwe-portal-shell .dlwe-task-bulk-options {
  display: grid;
  gap: 12px;
}

.dlwe-portal-shell .dlwe-task-bulk-option {
  display: grid;
  grid-template-columns: 22px minmax(190px, .75fr) minmax(220px, 1fr);
  align-items: center;
  gap: 14px;
  margin: 0;
  padding: 15px 16px;
  border: 1px solid #e7dfd5;
  border-radius: 14px;
  background: #fff;
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.dlwe-portal-shell .dlwe-task-bulk-option.is-enabled {
  border-color: rgba(177, 137, 76, 0.52);
  background: #fffcf7;
  box-shadow: 0 8px 24px rgba(62, 46, 31, 0.05);
}

.dlwe-portal-shell .dlwe-task-bulk-option > span {
  display: grid;
  gap: 3px;
}

.dlwe-portal-shell .dlwe-task-bulk-option > span strong {
  color: #211d19;
  font-size: 14px;
}

.dlwe-portal-shell .dlwe-task-bulk-option > span small {
  color: #7a7168;
  font-size: 12px;
  line-height: 1.45;
}

.dlwe-portal-shell .dlwe-task-bulk-option select,
.dlwe-portal-shell .dlwe-task-bulk-option input[type="date"] {
  width: 100%;
  margin: 0;
}

.dlwe-portal-shell .dlwe-task-bulk-option select:disabled,
.dlwe-portal-shell .dlwe-task-bulk-option input[type="date"]:disabled {
  opacity: .46;
  cursor: not-allowed;
}

.dlwe-portal-shell .dlwe-task-bulk-review-panel {
  margin: 18px 0 0;
  padding: 15px 17px;
  border-left: 4px solid #b1894c;
  border-radius: 12px;
  background: rgba(247, 241, 230, 0.72);
}

.dlwe-portal-shell .dlwe-task-bulk-review-panel strong {
  display: block;
  color: #262019;
  font-family: var(--dlwe-serif, Georgia, serif);
  font-size: 17px;
  font-weight: 500;
}

.dlwe-portal-shell .dlwe-task-bulk-review-panel p {
  margin: 4px 0 0;
  color: #74695f;
  font-size: 12px;
  line-height: 1.55;
}

@media (max-width: 940px) {
  .dlwe-portal-shell .dlwe-task-bulk-bar {
    grid-template-columns: 1fr 1fr;
  }

  .dlwe-portal-shell .dlwe-task-bulk-buttons {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }
}

@media (max-width: 680px) {
  .dlwe-portal-shell .dlwe-task-bulk-bar {
    grid-template-columns: 1fr;
    align-items: flex-start;
  }

  .dlwe-portal-shell .dlwe-task-bulk-buttons {
    grid-column: auto;
    width: 100%;
  }

  .dlwe-portal-shell .dlwe-task-bulk-buttons .dlwe-primary-button,
  .dlwe-portal-shell .dlwe-task-bulk-buttons .dlwe-secondary-button {
    flex: 1 1 140px;
  }

  .dlwe-portal-shell .dlwe-task-bulk-option {
    grid-template-columns: 22px 1fr;
  }

  .dlwe-portal-shell .dlwe-task-bulk-option select,
  .dlwe-portal-shell .dlwe-task-bulk-option input[type="date"] {
    grid-column: 1 / -1;
  }
}


/* Version 4.4.4: consolidated task notification guidance */
.dlwe-portal-shell .dlwe-task-email-summary-note {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0 0 18px;
  padding: 14px 16px;
  border: 1px solid rgba(177, 137, 76, 0.24);
  border-radius: 12px;
  background: rgba(247, 241, 230, 0.62);
}

.dlwe-portal-shell .dlwe-task-email-summary-note > div {
  display: grid;
  gap: 3px;
}

.dlwe-portal-shell .dlwe-task-email-summary-note strong {
  color: #27211b;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 15px;
  font-weight: 500;
}

.dlwe-portal-shell .dlwe-task-email-summary-note span {
  color: #746b62;
  font-size: 12px;
  line-height: 1.55;
}


/* Version 4.4.5: secure email attachment continuation */
.dlwe-auth-shell .dlwe-alert-success a {
  color: inherit;
  font-weight: 600;
  text-decoration: underline;
}

/* Version 4.4.6: Lead vendor creation and Manager vendor administration */
.dlwe-portal-shell .dlwe-vendor-editor {
  margin-top: 24px;
}

.dlwe-portal-shell .dlwe-vendor-editor[hidden],
.dlwe-portal-shell [data-vendor-manager-only][hidden] {
  display: none !important;
}

.dlwe-portal-shell #dlwe_vendor_linked_weddings {
  min-height: 144px;
  padding: 10px 12px;
}

.dlwe-portal-shell #dlwe_vendor_linked_weddings option {
  padding: 7px 6px;
}

.dlwe-portal-shell .dlwe-checkbox-field {
  display: flex;
  align-items: center;
  min-height: 54px;
}

.dlwe-portal-shell .dlwe-checkbox-field label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}

.dlwe-portal-shell .dlwe-checkbox-field input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin: 0;
}

.dlwe-portal-shell .dlwe-vendor-record-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(35, 29, 23, 0.09);
  color: #786f65;
  font-size: 12px;
  line-height: 1.5;
}

.dlwe-portal-shell .dlwe-vendor-danger-action,
.dlwe-portal-shell .dlwe-danger-outline-button {
  color: #8f342c;
}

.dlwe-portal-shell .dlwe-danger-outline-button {
  border-color: rgba(143, 52, 44, 0.32);
  background: rgba(143, 52, 44, 0.035);
}

.dlwe-portal-shell .dlwe-danger-outline-button:hover,
.dlwe-portal-shell .dlwe-danger-outline-button:focus {
  border-color: rgba(143, 52, 44, 0.58);
  background: rgba(143, 52, 44, 0.08);
}

.dlwe-portal-shell .dlwe-vendor-form-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}

.dlwe-portal-shell .dlwe-vendor-manager-actions,
.dlwe-portal-shell .dlwe-vendor-save-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

@media (max-width: 720px) {
  .dlwe-portal-shell .dlwe-vendor-form-actions,
  .dlwe-portal-shell .dlwe-vendor-manager-actions,
  .dlwe-portal-shell .dlwe-vendor-save-actions {
    align-items: stretch;
    flex-direction: column;
    width: 100%;
  }

  .dlwe-portal-shell .dlwe-vendor-form-actions button,
  .dlwe-portal-shell .dlwe-vendor-manager-actions button,
  .dlwe-portal-shell .dlwe-vendor-save-actions button {
    width: 100%;
  }
}


/* Version 4.5.1 — Company Calendar */
.dlwe-calendar-header {
  align-items: flex-start;
}

.dlwe-calendar-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 18px 20px;
  border: 1px solid #ded5c9;
  background: #fffdf9;
}

.dlwe-calendar-navigation,
.dlwe-calendar-toolbar-right,
.dlwe-calendar-step-buttons,
.dlwe-calendar-view-switch {
  display: flex;
  align-items: center;
  gap: 10px;
}

.dlwe-calendar-navigation h2 {
  margin: 0 0 0 6px;
  min-width: 260px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(22px, 2vw, 31px);
  font-weight: 500;
  color: #181818;
}

.dlwe-calendar-icon-button {
  width: 38px;
  height: 38px;
  border: 1px solid #d8cec1;
  border-radius: 50%;
  background: #fff;
  color: #1b1b1b;
  font-size: 25px;
  line-height: 1;
  cursor: pointer;
}

.dlwe-calendar-icon-button:hover,
.dlwe-calendar-icon-button:focus-visible {
  border-color: #a98651;
  background: #f8f2e9;
}

.dlwe-calendar-date-jump {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #6f675f;
}

.dlwe-calendar-date-jump input {
  width: 150px;
}

.dlwe-calendar-view-switch {
  padding: 4px;
  border: 1px solid #d8cec1;
  border-radius: 6px;
  background: #f7f2eb;
}

.dlwe-calendar-view-switch button {
  min-height: 34px;
  padding: 7px 11px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #625b54;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.dlwe-calendar-view-switch button:hover,
.dlwe-calendar-view-switch button:focus-visible,
.dlwe-calendar-view-switch button.is-active {
  background: #171717;
  color: #fff;
}

.dlwe-calendar-filterbar {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) minmax(180px, 240px) auto auto;
  align-items: end;
  gap: 14px;
  margin: 14px 0;
  padding: 14px 16px;
  border: 1px solid #e3dbd0;
  background: #faf7f2;
}

.dlwe-calendar-filterbar label:not(.dlwe-calendar-checkbox) {
  display: grid;
  gap: 6px;
}

.dlwe-calendar-filterbar label > span {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #72695f;
}

.dlwe-calendar-checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  white-space: nowrap;
}

.dlwe-calendar-checkbox input {
  width: 17px !important;
  height: 17px !important;
  min-height: 0 !important;
}

.dlwe-calendar-generated {
  justify-self: end;
  align-self: center;
  font-size: 12px;
  color: #877e74;
}

.dlwe-calendar-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 14px;
}

.dlwe-calendar-summary article {
  padding: 15px 17px;
  border: 1px solid #e0d7cc;
  background: #fffdf9;
}

.dlwe-calendar-summary span {
  display: block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: #766d64;
}

.dlwe-calendar-summary strong {
  display: block;
  margin-top: 5px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 26px;
  font-weight: 500;
}

.dlwe-calendar-stage-wrap {
  overflow: auto;
  border: 1px solid #dcd3c8;
  background: #fff;
  box-shadow: 0 14px 38px rgba(38, 30, 21, .06);
}

.dlwe-calendar-stage {
  min-width: 740px;
}

.dlwe-calendar-month-weekdays,
.dlwe-calendar-month-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.dlwe-calendar-month-weekdays {
  position: sticky;
  top: 0;
  z-index: 3;
  border-bottom: 1px solid #ded6cb;
  background: #f7f2eb;
}

.dlwe-calendar-month-weekdays span {
  padding: 11px 8px;
  border-right: 1px solid #e3dbd0;
  text-align: center;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .09em;
  color: #71685f;
}

.dlwe-calendar-month-day {
  position: relative;
  min-height: 132px;
  padding: 8px;
  border-right: 1px solid #e7e0d8;
  border-bottom: 1px solid #e7e0d8;
  background: #fff;
}

.dlwe-calendar-month-day:nth-child(7n) {
  border-right: 0;
}

.dlwe-calendar-month-day.is-outside {
  background: #faf8f5;
}

.dlwe-calendar-month-day.is-outside .dlwe-calendar-day-number {
  color: #b9b0a7;
}

.dlwe-calendar-day-number {
  width: 29px;
  height: 29px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #3b3733;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.dlwe-calendar-month-day.is-today .dlwe-calendar-day-number,
.dlwe-calendar-week-day.is-today strong,
.dlwe-calendar-year-day.is-today span {
  background: #171717;
  color: #fff;
}

.dlwe-calendar-month-events {
  display: grid;
  gap: 4px;
  margin-top: 4px;
}

.dlwe-calendar-event {
  display: flex;
  align-items: center;
  gap: 7px;
  width: 100%;
  min-height: 34px;
  padding: 7px 9px;
  border: 0;
  border-left: 4px solid #a98651;
  border-radius: 4px;
  background: #f5efe6;
  color: #26221e;
  text-align: left;
  cursor: pointer;
}

.dlwe-calendar-event span:not(.dlwe-calendar-lock) {
  overflow: hidden;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 700;
}

.dlwe-calendar-event small {
  font-size: 10px;
  color: #6f655a;
}

.dlwe-calendar-event.is-compact {
  min-height: 26px;
  padding: 4px 6px;
}

.dlwe-calendar-event:hover,
.dlwe-calendar-event:focus-visible {
  filter: brightness(.97);
  box-shadow: 0 4px 12px rgba(31, 24, 17, .1);
}

.dlwe-calendar-lock {
  color: #92713f;
  font-size: 7px;
}

.dlwe-calendar-event.is-confirmed,
.dlwe-calendar-agenda-item.is-confirmed,
.dlwe-calendar-status-pill.is-confirmed { border-color: #506f5d; background: #edf4ef; }
.dlwe-calendar-event.is-planning,
.dlwe-calendar-agenda-item.is-planning,
.dlwe-calendar-status-pill.is-planning { border-color: #a98651; background: #f6efe4; }
.dlwe-calendar-event.is-on-hold,
.dlwe-calendar-agenda-item.is-on-hold,
.dlwe-calendar-status-pill.is-on-hold { border-color: #a97832; background: #fbf1dc; }
.dlwe-calendar-event.is-completed,
.dlwe-calendar-agenda-item.is-completed,
.dlwe-calendar-status-pill.is-completed { border-color: #777; background: #f0f0ef; }
.dlwe-calendar-event.is-cancelled,
.dlwe-calendar-agenda-item.is-cancelled,
.dlwe-calendar-status-pill.is-cancelled { border-color: #9c5555; background: #f8eaea; text-decoration: line-through; }

.dlwe-calendar-more {
  padding: 2px 5px;
  border: 0;
  background: transparent;
  color: #83663c;
  text-align: left;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}

.dlwe-calendar-all-day {
  display: grid;
  grid-template-columns: 90px 1fr;
  min-height: 76px;
  border-bottom: 1px solid #ded6cb;
}

.dlwe-calendar-all-day > span,
.dlwe-calendar-week-all-day > span {
  padding: 13px 10px;
  text-align: right;
  font-size: 11px;
  color: #736a61;
  background: #faf7f2;
}

.dlwe-calendar-all-day > div {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  align-content: start;
  gap: 6px;
  padding: 9px;
}

.dlwe-calendar-empty-inline {
  margin: 7px;
  color: #8d847a;
  font-size: 13px;
}

.dlwe-calendar-time-grid {
  display: grid;
  grid-template-columns: 90px 1fr;
}

.dlwe-calendar-hour-label,
.dlwe-calendar-week-hour-label {
  min-height: 54px;
  padding: 6px 10px;
  border-right: 1px solid #e3dcd3;
  border-bottom: 1px solid #eee8e1;
  text-align: right;
  font-size: 10px;
  color: #8b8279;
  background: #faf8f5;
}

.dlwe-calendar-hour-slot,
.dlwe-calendar-week-hour-slot {
  min-height: 54px;
  border-bottom: 1px solid #eee8e1;
  background: linear-gradient(to right, transparent 0, transparent 100%);
}

.dlwe-calendar-week-header,
.dlwe-calendar-week-all-day,
.dlwe-calendar-week-time-grid {
  display: grid;
  grid-template-columns: 68px repeat(7, minmax(118px, 1fr));
}

.dlwe-calendar-week-header {
  position: sticky;
  top: 0;
  z-index: 4;
  border-bottom: 1px solid #ded6cb;
  background: #fff;
}

.dlwe-calendar-week-day {
  display: grid;
  place-items: center;
  gap: 3px;
  min-height: 65px;
  border-left: 1px solid #e8e1d9;
}

.dlwe-calendar-week-day span {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  color: #756d64;
}

.dlwe-calendar-week-day strong {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: 14px;
}

.dlwe-calendar-week-all-day {
  min-height: 88px;
  border-bottom: 1px solid #dcd4ca;
}

.dlwe-calendar-week-all-day-cell {
  display: grid;
  align-content: start;
  gap: 4px;
  padding: 6px;
  border-left: 1px solid #e8e1d9;
}

.dlwe-calendar-week-time-grid {
  grid-auto-flow: row;
}

.dlwe-calendar-week-hour-slot {
  border-left: 1px solid #ebe4dc;
}

.dlwe-calendar-year-view {
  display: grid;
  grid-template-columns: repeat(3, minmax(250px, 1fr));
  gap: 22px;
  padding: 24px;
  background: #fffdf9;
}

.dlwe-calendar-year-month {
  min-width: 0;
}

.dlwe-calendar-year-month > header {
  margin-bottom: 8px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
}

.dlwe-calendar-year-weekdays,
.dlwe-calendar-year-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}

.dlwe-calendar-year-weekdays span {
  padding: 4px 0;
  text-align: center;
  font-size: 9px;
  font-weight: 800;
  color: #8a8177;
}

.dlwe-calendar-year-day {
  position: relative;
  min-height: 32px;
  padding: 2px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #37332f;
  font-size: 10px;
  cursor: pointer;
}

.dlwe-calendar-year-day span {
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  margin: auto;
  border-radius: 50%;
}

.dlwe-calendar-year-day i {
  position: absolute;
  right: 0;
  bottom: 1px;
  display: grid;
  place-items: center;
  min-width: 13px;
  height: 13px;
  padding: 0 3px;
  border-radius: 8px;
  background: #a98651;
  color: #fff;
  font-size: 8px;
  font-style: normal;
}

.dlwe-calendar-year-day.is-outside {
  color: #c7bfb6;
}

.dlwe-calendar-year-day.has-events:hover,
.dlwe-calendar-year-day.has-events:focus-visible {
  background: #f2e9dc;
}

.dlwe-calendar-agenda {
  display: grid;
  padding: 8px 20px 22px;
}

.dlwe-calendar-agenda-item {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 18px 0;
  border-bottom: 1px solid #e5ddd3;
  border-left: 5px solid #a98651;
  padding-left: 14px;
}

.dlwe-calendar-agenda-date {
  text-align: center;
}

.dlwe-calendar-agenda-date span {
  display: block;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #826941;
}

.dlwe-calendar-agenda-date strong {
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 31px;
  font-weight: 500;
}

.dlwe-calendar-agenda-item p,
.dlwe-calendar-agenda-item h3,
.dlwe-calendar-agenda-item small {
  margin: 0;
}

.dlwe-calendar-agenda-item p {
  font-size: 11px;
  color: #827970;
}

.dlwe-calendar-agenda-item h3 {
  margin: 3px 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 20px;
  font-weight: 500;
}

.dlwe-calendar-empty-state {
  padding: 70px 20px;
  text-align: center;
  color: #81776d;
}

.dlwe-calendar-empty-state strong {
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 24px;
  color: #2a2724;
}

.dlwe-calendar-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 13px;
  font-size: 11px;
  color: #71685f;
}

.dlwe-calendar-legend span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.dlwe-calendar-legend i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #a98651;
}

.dlwe-calendar-legend i.is-confirmed { background: #506f5d; }
.dlwe-calendar-legend i.is-planning { background: #a98651; }
.dlwe-calendar-legend i.is-on-hold { background: #a97832; }
.dlwe-calendar-legend i.is-completed { background: #777; }
.dlwe-calendar-legend i.is-cancelled { background: #9c5555; }

body.dlwe-calendar-modal-open {
  overflow: hidden;
}

.dlwe-calendar-modal[hidden] {
  display: none !important;
}

.dlwe-calendar-modal {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: grid;
  place-items: center;
  padding: 20px;
}

.dlwe-calendar-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(19, 17, 15, .64);
  backdrop-filter: blur(3px);
}

.dlwe-calendar-modal-card {
  position: relative;
  z-index: 1;
  width: min(620px, 100%);
  max-height: calc(100vh - 40px);
  overflow: auto;
  padding: 30px;
  border: 1px solid #d7cbbc;
  background: #fffdf9;
  box-shadow: 0 30px 80px rgba(0, 0, 0, .28);
}

.dlwe-calendar-modal-card h2 {
  margin: 4px 38px 10px 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 31px;
  font-weight: 500;
}

.dlwe-calendar-modal-close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 34px;
  height: 34px;
  border: 1px solid #d9cfc3;
  border-radius: 50%;
  background: #fff;
  font-size: 23px;
  cursor: pointer;
}

.dlwe-calendar-modal-status {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: #71685f;
  font-size: 12px;
}

.dlwe-calendar-status-pill {
  display: inline-flex;
  padding: 6px 9px;
  border-left: 4px solid #a98651;
  border-radius: 3px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.dlwe-calendar-modal-details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid #e4dbd0;
  border-left: 1px solid #e4dbd0;
}

.dlwe-calendar-modal-details > div {
  min-width: 0;
  padding: 13px 14px;
  border-right: 1px solid #e4dbd0;
  border-bottom: 1px solid #e4dbd0;
}

.dlwe-calendar-modal-details span,
.dlwe-calendar-modal-details strong {
  display: block;
}

.dlwe-calendar-modal-details span {
  margin-bottom: 4px;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #837970;
}

.dlwe-calendar-modal-details strong {
  overflow-wrap: anywhere;
  font-size: 13px;
  font-weight: 650;
}

.dlwe-calendar-modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 22px;
}

@media (max-width: 1180px) {
  .dlwe-calendar-toolbar {
    align-items: flex-start;
    flex-direction: column;
  }

  .dlwe-calendar-toolbar-right {
    width: 100%;
    justify-content: space-between;
  }

  .dlwe-calendar-year-view {
    grid-template-columns: repeat(2, minmax(250px, 1fr));
  }
}

@media (max-width: 760px) {
  .dlwe-calendar-navigation,
  .dlwe-calendar-toolbar-right {
    align-items: stretch;
    flex-wrap: wrap;
  }

  .dlwe-calendar-navigation h2 {
    width: 100%;
    min-width: 0;
    margin: 6px 0 0;
  }

  .dlwe-calendar-date-jump {
    width: 100%;
    justify-content: space-between;
  }

  .dlwe-calendar-date-jump input {
    flex: 1;
  }

  .dlwe-calendar-view-switch {
    width: 100%;
    overflow-x: auto;
  }

  .dlwe-calendar-view-switch button {
    flex: 1 0 auto;
  }

  .dlwe-calendar-filterbar {
    grid-template-columns: 1fr;
  }

  .dlwe-calendar-generated {
    justify-self: start;
  }

  .dlwe-calendar-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dlwe-calendar-year-view {
    grid-template-columns: 1fr;
  }

  .dlwe-calendar-modal-details {
    grid-template-columns: 1fr;
  }

  .dlwe-calendar-modal-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .dlwe-calendar-agenda-item {
    grid-template-columns: 58px minmax(0, 1fr);
  }

  .dlwe-calendar-agenda-item > button {
    grid-column: 1 / -1;
  }
}

/* Version 4.5.1 — Calendar meetings, invitations and reminders */
.dlwe-calendar-filterbar {
  grid-template-columns: minmax(240px, 1fr) minmax(155px, 190px) minmax(165px, 210px) auto auto;
}

.dlwe-calendar-event.is-meeting,
.dlwe-calendar-event.is-meeting-event,
.dlwe-calendar-agenda-item.is-meeting,
.dlwe-calendar-agenda-item.is-meeting-event,
.dlwe-calendar-status-pill.is-meeting {
  border-color: #526b91;
  background: #edf2f8;
}

.dlwe-calendar-legend i.is-meeting {
  background: #526b91;
}

.dlwe-calendar-event.is-task,
.dlwe-calendar-event.is-task-event,
.dlwe-calendar-agenda-item.is-task,
.dlwe-calendar-agenda-item.is-task-event,
.dlwe-calendar-status-pill.is-task,
.dlwe-calendar-event.is-task-progress,
.dlwe-calendar-agenda-item.is-task-progress,
.dlwe-calendar-status-pill.is-task-progress,
.dlwe-calendar-event.is-task-review,
.dlwe-calendar-agenda-item.is-task-review,
.dlwe-calendar-status-pill.is-task-review {
  border-color: #75588f;
  background: #f3eef8;
}

.dlwe-calendar-event.is-task-overdue,
.dlwe-calendar-agenda-item.is-task-overdue,
.dlwe-calendar-status-pill.is-task-overdue {
  border-color: #a44343;
  background: #faecec;
}

.dlwe-calendar-legend i.is-task {
  background: #75588f;
}

.dlwe-calendar-legend i.is-task-overdue {
  background: #a44343;
}

.dlwe-calendar-event-time {
  flex: 0 0 auto;
  font-size: 10px;
  letter-spacing: .01em;
  color: #354d73;
}

.dlwe-calendar-event.is-compact .dlwe-calendar-event-time {
  font-size: 9px;
}

.dlwe-calendar-hour-slot,
.dlwe-calendar-week-hour-slot {
  display: grid;
  align-content: start;
  gap: 4px;
  padding: 3px 5px;
}

.dlwe-calendar-hour-slot .dlwe-calendar-event {
  max-width: 520px;
}

.dlwe-calendar-week-hour-slot .dlwe-calendar-event {
  min-height: 30px;
  padding: 4px 5px;
}

.dlwe-calendar-week-hour-slot .dlwe-calendar-event-time {
  display: block;
}

.dlwe-calendar-week-day {
  width: 100%;
  padding: 0;
  border: 0;
  border-left: 1px solid #e8e1d9;
  border-radius: 0;
  background: #fff;
  color: inherit;
  cursor: pointer;
}

.dlwe-calendar-week-day:hover,
.dlwe-calendar-week-day:focus-visible {
  background: #faf7f2;
}

.dlwe-calendar-modal-actions > a.dlwe-primary-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.dlwe-meeting-form-card {
  width: min(820px, 100%);
}

.dlwe-meeting-form-grid {
  margin-top: 20px;
}

.dlwe-meeting-attendees {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  max-height: 260px;
  overflow: auto;
  padding: 10px;
  border: 1px solid #ded5c9;
  background: #faf7f2;
}

.dlwe-meeting-attendees label {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e6ddd2;
  background: #fff;
  cursor: pointer;
}

.dlwe-meeting-attendees label:hover {
  border-color: #b89a6a;
  background: #fffdf9;
}

.dlwe-meeting-attendees input {
  flex: 0 0 auto;
  width: 17px !important;
  height: 17px !important;
  min-height: 0 !important;
  margin-top: 2px;
}

.dlwe-meeting-attendees label > span {
  min-width: 0;
}

.dlwe-meeting-attendees strong,
.dlwe-meeting-attendees small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dlwe-meeting-attendees strong {
  font-size: 13px;
}

.dlwe-meeting-attendees small {
  margin-top: 2px;
  color: #7a7168;
  font-size: 10px;
}

@media (max-width: 1180px) {
  .dlwe-calendar-filterbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dlwe-calendar-generated {
    justify-self: start;
  }
}

@media (max-width: 760px) {
  .dlwe-calendar-filterbar,
  .dlwe-meeting-attendees {
    grid-template-columns: 1fr;
  }
}


/* Version 4.5.4 — dark panel heading contrast hardening
   Keeps headings, descriptions and metadata readable wherever the shared
   approval/detail banner is rendered on a dark surface. */
.dlwe-portal-shell .dlwe-panel .dlwe-approval-heading {
  color: #ffffff !important;
}

.dlwe-portal-shell .dlwe-panel .dlwe-approval-heading h1,
.dlwe-portal-shell .dlwe-panel .dlwe-approval-heading h2,
.dlwe-portal-shell .dlwe-panel .dlwe-approval-heading h3,
.dlwe-portal-shell .dlwe-panel .dlwe-approval-heading h4,
.dlwe-portal-shell .dlwe-panel .dlwe-approval-heading strong:not(.dlwe-approval-amount) {
  color: #ffffff !important;
  opacity: 1 !important;
}

.dlwe-portal-shell .dlwe-panel .dlwe-approval-heading p,
.dlwe-portal-shell .dlwe-panel .dlwe-approval-heading small,
.dlwe-portal-shell .dlwe-panel .dlwe-approval-heading span:not(.dlwe-approval-amount) {
  color: rgba(255, 255, 255, 0.78) !important;
  opacity: 1 !important;
}

.dlwe-portal-shell .dlwe-panel .dlwe-approval-heading .dlwe-eyebrow {
  color: #d7ba82 !important;
}

.dlwe-portal-shell .dlwe-panel .dlwe-approval-heading .dlwe-approval-amount {
  color: #e1c58f !important;
}

/* Shared dark feature surfaces used throughout dashboard, workspace, HR,
   reporting and system-reset modules. */
.dlwe-portal-shell .dlwe-home-hero h1,
.dlwe-portal-shell .dlwe-home-hero h2,
.dlwe-portal-shell .dlwe-home-hero h3,
.dlwe-portal-shell .dlwe-workspace-hero h1,
.dlwe-portal-shell .dlwe-workspace-hero h2,
.dlwe-portal-shell .dlwe-workspace-hero h3,
.dlwe-portal-shell .dlwe-welcome-panel h1,
.dlwe-portal-shell .dlwe-welcome-panel h2,
.dlwe-portal-shell .dlwe-welcome-panel h3,
.dlwe-portal-shell .dlwe-personal-summary-card h1,
.dlwe-portal-shell .dlwe-personal-summary-card h2,
.dlwe-portal-shell .dlwe-personal-summary-card h3,
.dlwe-portal-shell .dlwe-hr-clock-card h1,
.dlwe-portal-shell .dlwe-hr-clock-card h2,
.dlwe-portal-shell .dlwe-hr-clock-card h3,
.dlwe-portal-shell .dlwe-report-currency-heading h1,
.dlwe-portal-shell .dlwe-report-currency-heading h2,
.dlwe-portal-shell .dlwe-report-currency-heading h3,
.dlwe-portal-shell .dlwe-reset-confirmation h1,
.dlwe-portal-shell .dlwe-reset-confirmation h2,
.dlwe-portal-shell .dlwe-reset-confirmation h3 {
  color: #ffffff !important;
  opacity: 1 !important;
}

.dlwe-portal-shell .dlwe-home-hero .dlwe-eyebrow,
.dlwe-portal-shell .dlwe-workspace-hero .dlwe-eyebrow,
.dlwe-portal-shell .dlwe-welcome-panel .dlwe-eyebrow,
.dlwe-portal-shell .dlwe-personal-summary-card .dlwe-eyebrow,
.dlwe-portal-shell .dlwe-hr-clock-card .dlwe-eyebrow,
.dlwe-portal-shell .dlwe-report-currency-heading .dlwe-eyebrow,
.dlwe-portal-shell .dlwe-reset-confirmation .dlwe-eyebrow {
  color: #d7ba82 !important;
}

.dlwe-portal-shell .dlwe-home-hero p,
.dlwe-portal-shell .dlwe-workspace-hero p,
.dlwe-portal-shell .dlwe-welcome-panel p,
.dlwe-portal-shell .dlwe-personal-summary-card p,
.dlwe-portal-shell .dlwe-hr-clock-card p,
.dlwe-portal-shell .dlwe-report-currency-heading p,
.dlwe-portal-shell .dlwe-reset-confirmation p {
  color: rgba(255, 255, 255, 0.78) !important;
}

/* ================================================================
 * Phase 6A-1 — Couple Portal
 * ================================================================ */
body.dlwe-couple-portal-page,
body.dlwe-couple-login-page {
  background: #f4efe7;
}

body.dlwe-couple-portal-page {
  margin: 0 !important;
  overflow-x: hidden !important;
}

body.dlwe-couple-portal-page #page > header,
body.dlwe-couple-portal-page #masthead,
body.dlwe-couple-portal-page .site-header,
body.dlwe-couple-portal-page .page-header,
body.dlwe-couple-portal-page .entry-header,
body.dlwe-couple-portal-page #page > footer,
body.dlwe-couple-portal-page #colophon,
body.dlwe-couple-portal-page .site-footer,
body.dlwe-couple-portal-page .footer-widget-area {
  display: none !important;
}

body.dlwe-couple-portal-page #content,
body.dlwe-couple-portal-page .site-content,
body.dlwe-couple-portal-page .content-area,
body.dlwe-couple-portal-page .site-main,
body.dlwe-couple-portal-page article,
body.dlwe-couple-portal-page .entry-content,
body.dlwe-couple-portal-page .wp-block-post-content,
body.dlwe-couple-portal-page .container,
body.dlwe-couple-portal-page .container-fluid,
body.dlwe-couple-portal-page .vc_row,
body.dlwe-couple-portal-page .wpb_wrapper {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.dlwe-couple-shell {
  position: relative;
  left: 50%;
  width: 100vw;
  max-width: none;
  min-height: 100vh;
  min-height: 100dvh;
  margin-left: -50vw;
  background:
    radial-gradient(circle at top right, rgba(197, 163, 107, 0.16), transparent 34rem),
    #f4efe7;
  color: #27221d;
}

.dlwe-couple-topbar {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 20px clamp(20px, 4vw, 64px);
  background: rgba(24, 21, 18, 0.97);
  border-bottom: 1px solid rgba(197, 163, 107, 0.35);
  color: #fff;
  backdrop-filter: blur(16px);
}

.dlwe-couple-topbar .dlwe-sidebar-brand,
.dlwe-couple-topbar .dlwe-sidebar-subtitle {
  color: #fff;
}

.dlwe-couple-user {
  display: flex;
  align-items: center;
  gap: 12px;
}

.dlwe-couple-user > span:not(.dlwe-user-avatar) {
  display: grid;
  gap: 2px;
}

.dlwe-couple-user small {
  color: rgba(255, 255, 255, 0.68);
}

.dlwe-couple-main {
  width: min(1320px, calc(100% - 40px));
  margin: 0 auto;
  padding: clamp(30px, 5vw, 72px) 0 56px;
}

.dlwe-couple-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 32px;
  align-items: center;
  padding: clamp(30px, 5vw, 64px);
  background: #181512;
  border: 1px solid rgba(197, 163, 107, 0.5);
  color: #fff;
  box-shadow: 0 24px 70px rgba(44, 35, 25, 0.14);
}

.dlwe-couple-hero h1 {
  margin: 5px 0 12px;
  color: #fff !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(38px, 6vw, 76px);
  font-weight: 400;
  line-height: 1.05;
}

.dlwe-couple-hero .dlwe-eyebrow {
  color: #d6b77e !important;
}

.dlwe-couple-hero .dlwe-muted {
  max-width: 720px;
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 16px;
  line-height: 1.75;
}

.dlwe-couple-countdown {
  min-width: 210px;
  padding: 28px;
  border: 1px solid rgba(214, 183, 126, 0.46);
  background: rgba(255, 255, 255, 0.04);
  text-align: center;
}

.dlwe-couple-countdown span,
.dlwe-couple-countdown small {
  display: block;
  color: rgba(255, 255, 255, 0.64);
}

.dlwe-couple-countdown strong {
  display: block;
  margin: 10px 0;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(44px, 7vw, 78px);
  font-weight: 400;
}

.dlwe-couple-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin: 22px 0;
}

.dlwe-couple-summary-card,
.dlwe-couple-card {
  background: #fff;
  border: 1px solid #dfd2c1;
  box-shadow: 0 16px 38px rgba(52, 42, 31, 0.07);
}

.dlwe-couple-summary-card {
  display: grid;
  gap: 7px;
  min-height: 136px;
  padding: 24px;
}

.dlwe-couple-summary-card span,
.dlwe-couple-summary-card small {
  color: #81766a;
}

.dlwe-couple-summary-card span {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}

.dlwe-couple-summary-card strong {
  color: #27221d;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 24px;
  font-weight: 400;
}

.dlwe-couple-content-grid {
  display: grid;
  grid-template-columns: 1.25fr 0.75fr;
  gap: 22px;
  margin-bottom: 22px;
}

.dlwe-couple-card {
  padding: clamp(24px, 4vw, 40px);
}

.dlwe-couple-card + .dlwe-couple-card {
  margin-top: 0;
}

.dlwe-couple-card-heading {
  margin-bottom: 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid #eadfce;
}

.dlwe-couple-card-heading h2 {
  margin: 4px 0 0;
  color: #27221d;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 30px;
  font-weight: 400;
}

.dlwe-couple-detail-list {
  display: grid;
  gap: 0;
}

.dlwe-couple-detail-row {
  display: grid;
  grid-template-columns: minmax(150px, 0.7fr) minmax(0, 1.3fr);
  gap: 18px;
  padding: 15px 0;
  border-bottom: 1px solid #eee5da;
}

.dlwe-couple-detail-row:last-child {
  border-bottom: 0;
}

.dlwe-couple-detail-row span {
  color: #81766a;
}

.dlwe-couple-detail-row strong {
  color: #27221d;
  font-weight: 600;
}

.dlwe-couple-team-list,
.dlwe-couple-access-list {
  display: grid;
  gap: 14px;
}

.dlwe-couple-team-member,
.dlwe-couple-access-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px;
  border: 1px solid #e5d8c8;
  background: #faf7f2;
}

.dlwe-couple-team-member > div,
.dlwe-couple-access-identity,
.dlwe-couple-access-identity > div {
  display: grid;
  gap: 4px;
}

.dlwe-couple-team-member {
  justify-content: flex-start;
}

.dlwe-couple-team-member span,
.dlwe-couple-team-member a,
.dlwe-couple-access-identity span,
.dlwe-couple-access-identity small {
  color: #81766a;
  font-size: 13px;
}

.dlwe-couple-team-member a {
  color: #89672f;
  text-decoration: none;
}

.dlwe-couple-progress-panel {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 30px;
  align-items: center;
  margin-bottom: 28px;
}

.dlwe-couple-progress-ring {
  --dlwe-progress: 0;
  display: grid;
  place-items: center;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: conic-gradient(#9a7840 calc(var(--dlwe-progress) * 1%), #eadfce 0);
}

.dlwe-couple-progress-ring::before {
  content: "";
  grid-area: 1 / 1;
  width: 116px;
  height: 116px;
  border-radius: 50%;
  background: #fff;
}

.dlwe-couple-progress-ring > div {
  position: relative;
  z-index: 1;
  grid-area: 1 / 1;
  display: grid;
  gap: 2px;
  text-align: center;
}

.dlwe-couple-progress-ring strong {
  color: #27221d;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 34px;
  font-weight: 400;
}

.dlwe-couple-progress-ring span {
  color: #81766a;
  font-size: 11px;
}

.dlwe-couple-progress-copy > strong {
  color: #27221d;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 24px;
  font-weight: 400;
}

.dlwe-couple-progress-copy p {
  color: #6e655c;
  line-height: 1.65;
}

.dlwe-couple-progress-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  color: #81766a;
}

.dlwe-couple-progress-stats b {
  color: #27221d;
}

.dlwe-couple-milestone-list {
  display: grid;
  gap: 10px;
}

.dlwe-couple-milestone {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  padding: 16px 0;
  border-top: 1px solid #eee5da;
}

.dlwe-couple-milestone-marker {
  width: 12px;
  height: 12px;
  border: 2px solid #b99b69;
  border-radius: 50%;
  background: #fff;
}

.dlwe-couple-milestone.is-complete .dlwe-couple-milestone-marker,
.dlwe-couple-milestone.is-completed .dlwe-couple-milestone-marker {
  background: #6d845f;
  border-color: #6d845f;
}

.dlwe-couple-milestone > div {
  display: grid;
  gap: 3px;
}

.dlwe-couple-milestone > div span,
.dlwe-couple-milestone small {
  color: #81766a;
}

.dlwe-couple-footer {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 28px 2px 0;
  color: #81766a;
  font-size: 12px;
}

.dlwe-couple-access-section {
  position: relative;
}

.dlwe-couple-access-create {
  margin-top: 20px;
  padding: 20px;
  border: 1px dashed #cbb89e;
  background: #faf7f2;
}

.dlwe-couple-access-identity {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
}

.dlwe-couple-access-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.dlwe-danger-text {
  color: #9b3f35 !important;
}

.dlwe-alert-info {
  background: #f5efe5;
  border-color: #d8c3a3;
  color: #5f513e;
}

@media (max-width: 980px) {
  .dlwe-couple-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dlwe-couple-content-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .dlwe-couple-topbar,
  .dlwe-couple-user,
  .dlwe-couple-hero,
  .dlwe-couple-progress-panel,
  .dlwe-couple-footer,
  .dlwe-couple-access-card {
    align-items: stretch;
  }

  .dlwe-couple-topbar,
  .dlwe-couple-user,
  .dlwe-couple-footer,
  .dlwe-couple-access-card {
    flex-direction: column;
  }

  .dlwe-couple-user {
    width: 100%;
    justify-content: flex-start;
  }

  .dlwe-couple-hero {
    grid-template-columns: 1fr;
    padding: 28px;
  }

  .dlwe-couple-countdown {
    min-width: 0;
  }

  .dlwe-couple-summary-grid {
    grid-template-columns: 1fr;
  }

  .dlwe-couple-progress-panel {
    grid-template-columns: 1fr;
  }

  .dlwe-couple-progress-ring {
    margin: 0 auto;
  }

  .dlwe-couple-detail-row {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  .dlwe-couple-milestone {
    grid-template-columns: 18px minmax(0, 1fr);
  }

  .dlwe-couple-milestone small {
    grid-column: 2;
  }
}

/* Version 4.6.1: Single / multiple task creation */
.dlwe-task-create-mode-switch {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 0 0 20px;
}

.dlwe-task-create-mode-switch button {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  min-height: 84px;
  padding: 18px 20px;
  border: 1px solid #d8cdbd;
  border-radius: 12px;
  background: #fffdf9;
  color: #17140f;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.dlwe-task-create-mode-switch button strong {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 18px;
  font-weight: 500;
}

.dlwe-task-create-mode-switch button span {
  color: #72695c;
  font-size: 13px;
  line-height: 1.5;
}

.dlwe-task-create-mode-switch button.is-active {
  border-color: #b99659;
  background: #f7efe1;
  box-shadow: inset 3px 0 0 #b99659;
}

.dlwe-task-multi-assignees {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 12px;
  border: 1px solid #ddd2c3;
  border-radius: 10px;
  background: #fbf8f2;
  max-height: 280px;
  overflow: auto;
}

.dlwe-task-multi-assignee {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
  padding: 12px;
  border: 1px solid #e4dacb;
  border-radius: 9px;
  background: #fff;
  cursor: pointer;
}

.dlwe-task-multi-assignee:has(input:checked) {
  border-color: #b99659;
  background: #f6ead5;
}

.dlwe-task-multi-assignee input {
  margin-top: 3px;
  flex: 0 0 auto;
}

.dlwe-task-multi-assignee span {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 3px;
}

.dlwe-task-multi-assignee strong,
.dlwe-task-multi-assignee small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dlwe-task-multi-assignee small {
  color: #776f64;
}

.dlwe-task-multi-heading {
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.dlwe-task-multi-heading-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.dlwe-task-multi-rows {
  display: grid;
  gap: 16px;
}

.dlwe-task-multi-row {
  padding: 18px;
  border: 1px solid #ded3c3;
  border-radius: 12px;
  background: #fffdf9;
}

.dlwe-task-multi-row-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid #ece4d8;
}

.dlwe-task-multi-row-heading > div {
  display: flex;
  align-items: center;
  gap: 10px;
}

.dlwe-task-multi-row-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: #efe2ca;
  color: #6e552e;
  font-size: 11px;
  letter-spacing: 0.08em;
}

.dlwe-task-multi-remove {
  border: 0;
  background: transparent;
  color: #9b3f35;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
}

.dlwe-task-multi-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 16px;
  padding: 15px 17px;
  border: 1px solid #d9c9ae;
  border-radius: 10px;
  background: #f7f0e4;
}

.dlwe-task-multi-summary strong {
  color: #2b241b;
}

.dlwe-task-multi-summary span {
  color: #756a5c;
  font-size: 12px;
  text-align: right;
}

.dlwe-task-multi-summary.is-over-limit {
  border-color: #be6a60;
  background: #fbefed;
}

@media (max-width: 980px) {
  .dlwe-task-multi-assignees {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dlwe-task-multi-heading {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .dlwe-task-multi-heading-actions {
    grid-column: 2;
    justify-content: flex-start;
  }
}

@media (max-width: 680px) {
  .dlwe-task-create-mode-switch,
  .dlwe-task-multi-assignees {
    grid-template-columns: 1fr;
  }

  .dlwe-task-multi-heading {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .dlwe-task-multi-heading-actions {
    grid-column: 1 / -1;
    width: 100%;
  }

  .dlwe-task-multi-heading-actions button {
    flex: 1 1 auto;
  }

  .dlwe-task-multi-summary {
    align-items: flex-start;
    flex-direction: column;
  }

  .dlwe-task-multi-summary span {
    text-align: left;
  }
}


/* Phase 6A-2: Couple Portal information, documents, payments and meetings */
.dlwe-couple-tabs {
  display: flex;
  gap: 8px;
  margin: 24px 0;
  padding: 8px;
  border: 1px solid rgba(32, 27, 22, .10);
  border-radius: 18px;
  background: rgba(255, 255, 255, .72);
  overflow-x: auto;
}
.dlwe-couple-tabs button {
  flex: 1 0 auto;
  min-width: 130px;
  border: 0;
  border-radius: 12px;
  padding: 12px 16px;
  background: transparent;
  color: #54493f;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.dlwe-couple-tabs button.is-active { background: #201b16; color: #fff; }
.dlwe-couple-tab-panel { animation: dlweCoupleFade .2s ease; }
@keyframes dlweCoupleFade { from { opacity: .55; transform: translateY(4px); } to { opacity: 1; transform: none; } }
.dlwe-couple-rich-copy { color: #5f554b; line-height: 1.75; white-space: normal; }
.dlwe-couple-rich-copy p { margin: 0; }
.dlwe-couple-document-list,
.dlwe-couple-payment-list,
.dlwe-couple-meeting-list { display: grid; gap: 12px; }
.dlwe-couple-document-row,
.dlwe-couple-payment-row,
.dlwe-couple-meeting-row {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  border: 1px solid rgba(32, 27, 22, .10);
  border-radius: 16px;
  background: #fffdf9;
}
.dlwe-couple-document-icon {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: #201b16;
  color: #fff;
  font-weight: 800;
}
.dlwe-couple-document-copy,
.dlwe-couple-meeting-copy { min-width: 0; flex: 1; display: grid; gap: 3px; }
.dlwe-couple-document-copy span,
.dlwe-couple-document-copy small,
.dlwe-couple-meeting-copy span,
.dlwe-couple-meeting-copy small { color: #75695e; }
.dlwe-couple-document-actions,
.dlwe-couple-meeting-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.dlwe-couple-upload-form,
.dlwe-couple-document-upload-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; align-items: end; }
.dlwe-couple-upload-form label,
.dlwe-couple-visible-toggle { display: grid; gap: 7px; font-weight: 700; color: #3f372f; }
.dlwe-couple-upload-form input,
.dlwe-couple-upload-form select { width: 100%; }
.dlwe-couple-upload-file small { color: #7c7167; font-weight: 500; }
.dlwe-couple-payment-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; }
.dlwe-couple-payment-row { justify-content: space-between; }
.dlwe-couple-payment-row > div { display: grid; gap: 3px; }
.dlwe-couple-payment-row > div:nth-child(2) { text-align: right; }
.dlwe-couple-payment-row span,
.dlwe-couple-payment-row small { color: #75695e; }
.dlwe-couple-meeting-date {
  width: 64px;
  flex: 0 0 64px;
  padding: 10px 8px;
  border-radius: 14px;
  background: #201b16;
  color: #fff;
  text-align: center;
  display: grid;
}
.dlwe-couple-meeting-date strong { font-size: 1.45rem; line-height: 1; }
.dlwe-couple-meeting-date span { font-size: .74rem; letter-spacing: .1em; text-transform: uppercase; }
.dlwe-couple-meeting-copy p { margin: 7px 0 0; color: #5f554b; }
.dlwe-couple-visibility-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 4px 0 18px; }
.dlwe-couple-visibility-grid label,
.dlwe-couple-visible-toggle { display: flex; align-items: center; gap: 9px; padding: 12px 14px; border: 1px solid rgba(32,27,22,.10); border-radius: 12px; background: #fffdf9; }
.dlwe-couple-visibility-grid input,
.dlwe-couple-visible-toggle input { width: auto !important; }
.dlwe-couple-document-manager { margin-top: 28px; padding-top: 24px; border-top: 1px solid rgba(32,27,22,.10); }
.dlwe-couple-document-manager-heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }
.dlwe-couple-document-manager-heading h3 { margin: 3px 0 0; font-family: var(--dlwe-serif, Georgia, serif); font-size: 1.35rem; }
.dlwe-couple-document-upload-grid { margin-top: 18px; }
@media (max-width: 900px) {
  .dlwe-couple-upload-form,
  .dlwe-couple-document-upload-grid,
  .dlwe-couple-payment-summary,
  .dlwe-couple-visibility-grid { grid-template-columns: 1fr; }
  .dlwe-couple-document-row,
  .dlwe-couple-payment-row,
  .dlwe-couple-meeting-row { align-items: flex-start; flex-wrap: wrap; }
  .dlwe-couple-document-actions,
  .dlwe-couple-meeting-actions { width: 100%; justify-content: flex-start; }
  .dlwe-couple-payment-row > div:nth-child(2) { text-align: left; }
}

/* Phase 6A-3 — Couple actions, messages and communication history */
.dlwe-couple-tab-badge {
  display: inline-grid;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  place-items: center;
  border-radius: 999px;
  background: #b1463d;
  color: #fff;
  font-size: .7rem;
  font-weight: 800;
  line-height: 1;
}
.dlwe-couple-communication-list { display: grid; gap: 18px; }
.dlwe-couple-communication-thread {
  border: 1px solid rgba(32,27,22,.12);
  border-radius: 18px;
  background: #fffdf9;
  overflow: hidden;
}
.dlwe-couple-communication-thread.has-unread {
  border-color: rgba(177,70,61,.55);
  box-shadow: 0 0 0 3px rgba(177,70,61,.08);
}
.dlwe-couple-communication-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 20px;
  background: #f8f1e7;
  border-bottom: 1px solid rgba(32,27,22,.10);
}
.dlwe-couple-communication-header > div { min-width: 0; }
.dlwe-couple-communication-header h3 {
  margin: 7px 0 8px;
  font-family: var(--dlwe-serif, Georgia, serif);
  font-size: 1.35rem;
  color: #201b16;
}
.dlwe-couple-communication-header p { margin: 0; color: #655a50; line-height: 1.65; }
.dlwe-couple-communication-labels { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.dlwe-couple-communication-labels > span {
  display: inline-flex;
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(32,27,22,.08);
  color: #53493f;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.dlwe-couple-communication-due.is-overdue { background: rgba(177,70,61,.12) !important; color: #9f352d !important; }
.dlwe-couple-message-history { display: grid; gap: 12px; padding: 20px; }
.dlwe-couple-message {
  width: min(82%, 720px);
  padding: 14px 16px;
  border-radius: 15px;
  background: #f3eadf;
  border: 1px solid rgba(32,27,22,.08);
}
.dlwe-couple-message.is-couple { margin-left: auto; background: #201b16; color: #fff; }
.dlwe-couple-message-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; margin-bottom: 7px; }
.dlwe-couple-message-meta span { font-size: .75rem; color: #786c62; }
.dlwe-couple-message.is-couple .dlwe-couple-message-meta span { color: rgba(255,255,255,.68); }
.dlwe-couple-message p { margin: 0; line-height: 1.65; }
.dlwe-couple-message-attachment {
  display: inline-flex;
  margin-top: 10px;
  font-weight: 800;
  color: #6b4e2e;
  text-decoration: none;
}
.dlwe-couple-message.is-couple .dlwe-couple-message-attachment { color: #e6d0a8; }
.dlwe-couple-communication-reply,
.dlwe-couple-communication-team-reply,
.dlwe-couple-communication-team-controls {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding: 18px 20px;
  border-top: 1px solid rgba(32,27,22,.10);
  background: #fbf7ef;
}
.dlwe-couple-communication-reply label { display: grid; gap: 7px; font-weight: 700; }
.dlwe-couple-communication-reply label:first-child,
.dlwe-couple-communication-team-reply .dlwe-field-full,
.dlwe-couple-communication-team-controls .dlwe-field-full { grid-column: 1 / -1; }
.dlwe-couple-communication-reply button,
.dlwe-couple-communication-team-reply button,
.dlwe-couple-communication-team-controls button { justify-self: start; }
.dlwe-couple-resolved-note {
  padding: 15px 20px;
  border-top: 1px solid rgba(32,27,22,.10);
  background: rgba(73,117,82,.08);
  color: #315d3a;
  font-weight: 700;
}
.dlwe-couple-communication-create {
  padding: 18px;
  border: 1px solid rgba(32,27,22,.10);
  border-radius: 16px;
  background: #fffdf9;
}
.dlwe-couple-communication-manager-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 26px 0 14px;
}
.dlwe-couple-communication-manager-heading h3 { margin: 3px 0 0; font-family: var(--dlwe-serif, Georgia, serif); }
@media (max-width: 900px) {
  .dlwe-couple-communication-header { flex-direction: column; }
  .dlwe-couple-message { width: 100%; }
  .dlwe-couple-communication-reply,
  .dlwe-couple-communication-team-reply,
  .dlwe-couple-communication-team-controls { grid-template-columns: 1fr; }
  .dlwe-couple-communication-manager-heading { align-items: flex-start; }
}


/* Phase 6B-1 — Client approval requests */
.dlwe-status-pill.is-neutral {
  background: rgba(105,96,86,.12);
  color: #655a50;
}
.dlwe-couple-approval-create {
  padding: 18px;
  border: 1px solid rgba(32,27,22,.10);
  border-radius: 16px;
  background: #fffdf9;
}
.dlwe-couple-approval-list {
  display: grid;
  gap: 18px;
}
.dlwe-couple-approval-card {
  border: 1px solid rgba(32,27,22,.12);
  border-radius: 18px;
  background: #fffdf9;
  overflow: hidden;
}
.dlwe-couple-approval-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 20px;
  background: #f8f1e7;
  border-bottom: 1px solid rgba(32,27,22,.10);
}
.dlwe-couple-approval-card-header > div {
  min-width: 0;
}
.dlwe-couple-approval-card-header h3 {
  margin: 7px 0 8px;
  font-family: var(--dlwe-serif, Georgia, serif);
  font-size: 1.35rem;
  color: #201b16;
}
.dlwe-couple-approval-card-header p {
  margin: 0;
  color: #655a50;
  line-height: 1.65;
}
.dlwe-couple-approval-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 16px 20px;
  border-bottom: 1px solid rgba(32,27,22,.08);
}
.dlwe-couple-approval-meta span {
  display: grid;
  gap: 4px;
  color: #665b51;
  font-size: .84rem;
}
.dlwe-couple-approval-meta strong {
  color: #201b16;
  font-size: .72rem;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.dlwe-couple-approval-files {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 16px 20px;
  border-bottom: 1px solid rgba(32,27,22,.08);
}
.dlwe-couple-approval-files .dlwe-couple-message-attachment {
  margin-top: 0;
  padding: 9px 12px;
  border: 1px solid rgba(107,78,46,.22);
  border-radius: 999px;
  background: #fbf7ef;
}
.dlwe-couple-approval-team-controls {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  padding: 18px 20px;
  background: #fbf7ef;
}
.dlwe-couple-approval-team-controls .dlwe-field-full {
  grid-column: 1 / -1;
}
.dlwe-couple-approval-team-controls button {
  justify-self: start;
}
@media (max-width: 900px) {
  .dlwe-couple-approval-card-header {
    flex-direction: column;
  }
  .dlwe-couple-approval-meta,
  .dlwe-couple-approval-team-controls {
    grid-template-columns: 1fr;
  }
  .dlwe-couple-approval-team-controls .dlwe-field-full {
    grid-column: auto;
  }
}


/* Phase 6B-2 — Client decisions, request versions and approval history */
.dlwe-couple-approval-decision-summary {
  margin: 16px 20px 0;
  padding: 16px 18px;
  border: 1px solid rgba(53, 104, 77, .24);
  border-radius: 12px;
  background: rgba(53, 104, 77, .07);
}
.dlwe-couple-approval-decision-summary > div:first-child {
  display: grid;
  gap: 4px;
}
.dlwe-couple-approval-decision-summary span {
  color: #655a50;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.dlwe-couple-approval-decision-summary strong {
  color: #201b16;
  font-family: var(--dlwe-serif, Georgia, serif);
  font-size: 1.2rem;
}
.dlwe-couple-approval-decision-summary small {
  color: #655a50;
}
.dlwe-couple-approval-decision-summary p {
  margin: 12px 0 0;
  color: #40372f;
  line-height: 1.65;
}
.dlwe-couple-approval-decision-summary .dlwe-couple-approval-files {
  margin: 14px -18px -16px;
  border-top: 1px solid rgba(53, 104, 77, .16);
  border-bottom: 0;
}
.dlwe-couple-approval-decision-form {
  display: grid;
  gap: 16px;
  margin: 18px 20px;
  padding: 18px;
  border: 1px solid rgba(107, 78, 46, .18);
  border-radius: 12px;
  background: #fbf7ef;
}
.dlwe-couple-approval-decision-heading {
  display: grid;
  gap: 4px;
}
.dlwe-couple-approval-decision-heading strong {
  color: #201b16;
  font-family: var(--dlwe-serif, Georgia, serif);
  font-size: 1.12rem;
}
.dlwe-couple-approval-decision-heading span {
  color: #655a50;
  font-size: .86rem;
}
.dlwe-couple-approval-decision-form label {
  display: grid;
  gap: 7px;
  color: #40372f;
  font-size: .84rem;
  font-weight: 700;
}
.dlwe-couple-approval-decision-form textarea,
.dlwe-couple-approval-decision-form input[type="file"] {
  width: 100%;
}
.dlwe-couple-approval-decision-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.dlwe-couple-approval-history {
  margin: 18px 20px 20px;
  border: 1px solid rgba(32, 27, 22, .12);
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}
.dlwe-couple-approval-history > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  cursor: pointer;
  color: #201b16;
  font-weight: 700;
  list-style: none;
}
.dlwe-couple-approval-history > summary::-webkit-details-marker {
  display: none;
}
.dlwe-couple-approval-history > summary span {
  display: inline-grid;
  min-width: 28px;
  min-height: 28px;
  place-items: center;
  border-radius: 999px;
  background: #f1e6d7;
  color: #6b4e2e;
  font-size: .78rem;
}
.dlwe-couple-approval-history-list {
  display: grid;
  gap: 0;
  border-top: 1px solid rgba(32, 27, 22, .10);
}
.dlwe-couple-approval-history-item {
  display: grid;
  gap: 9px;
  padding: 16px;
  border-bottom: 1px solid rgba(32, 27, 22, .08);
}
.dlwe-couple-approval-history-item:last-child {
  border-bottom: 0;
}
.dlwe-couple-approval-history-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.dlwe-couple-approval-history-head > div {
  display: grid;
  gap: 3px;
}
.dlwe-couple-approval-history-head strong {
  color: #201b16;
}
.dlwe-couple-approval-history-head span:not(.dlwe-status-pill),
.dlwe-couple-approval-history-item > small {
  color: #74695f;
  font-size: .78rem;
}
.dlwe-couple-approval-history-comment {
  margin: 0;
  padding: 11px 13px;
  border-left: 3px solid #b7976b;
  background: #fbf7ef;
  color: #40372f;
  line-height: 1.6;
}
.dlwe-couple-approval-version-snapshot {
  display: grid;
  gap: 5px;
  padding: 12px 14px;
  border-radius: 9px;
  background: #f8f1e7;
}
.dlwe-couple-approval-version-snapshot > strong {
  color: #201b16;
}
.dlwe-couple-approval-version-snapshot > span {
  color: #74695f;
  font-size: .78rem;
}
.dlwe-couple-approval-version-snapshot p {
  margin: 4px 0 0;
  color: #50463d;
  line-height: 1.55;
}
.dlwe-couple-approval-history-item .dlwe-couple-approval-files {
  padding: 4px 0 0;
  border: 0;
}
.dlwe-couple-approval-team-controls small {
  display: block;
  margin-top: 6px;
  color: #74695f;
  font-size: .76rem;
  line-height: 1.45;
}
@media (max-width: 680px) {
  .dlwe-couple-approval-decision-summary,
  .dlwe-couple-approval-decision-form,
  .dlwe-couple-approval-history {
    margin-left: 14px;
    margin-right: 14px;
  }
  .dlwe-couple-approval-decision-actions {
    display: grid;
    grid-template-columns: 1fr;
  }
  .dlwe-couple-approval-decision-actions button {
    width: 100%;
  }
  .dlwe-couple-approval-history-head {
    flex-direction: column;
  }
}


/* Phase 6B-3 — Client approval tracking, reminders and locked final versions */
.dlwe-client-approval-dashboard-toolbar {
  grid-template-columns: minmax(260px, 2fr) repeat(4, minmax(150px, 1fr));
}

.dlwe-client-approval-dashboard-insights {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  gap: 22px;
  margin: 22px 0;
}

.dlwe-client-approval-dashboard-insight-card,
.dlwe-client-approval-dashboard-register {
  border: 1px solid rgba(49, 40, 31, .12);
  border-radius: 16px;
  background: #fffdf8;
  padding: 22px;
  box-shadow: 0 12px 32px rgba(36, 29, 23, .05);
}

.dlwe-client-approval-progress-list,
.dlwe-client-approval-deadline-list {
  display: grid;
  gap: 12px;
}

.dlwe-client-approval-progress-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(120px, .65fr) auto;
  gap: 14px;
  align-items: center;
  padding: 14px 0;
  border-top: 1px solid rgba(49, 40, 31, .08);
}

.dlwe-client-approval-progress-item:first-child,
.dlwe-client-approval-deadline-item:first-child {
  border-top: 0;
}

.dlwe-client-approval-progress-item > div:first-child,
.dlwe-client-approval-deadline-item > div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.dlwe-client-approval-progress-item strong,
.dlwe-client-approval-deadline-item strong {
  color: #231d17;
}

.dlwe-client-approval-progress-item span,
.dlwe-client-approval-deadline-item span,
.dlwe-client-approval-deadline-item small {
  color: #776d61;
  font-size: 12px;
}

.dlwe-client-approval-progress-meter {
  height: 8px;
  border-radius: 99px;
  background: #eee7dc;
  overflow: hidden;
}

.dlwe-client-approval-progress-meter i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #8a7253, #c1a477);
}

.dlwe-client-approval-progress-item b {
  color: #6f573b;
  font-size: 13px;
}

.dlwe-client-approval-deadline-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 16px;
  align-items: center;
  padding: 14px 0;
  border-top: 1px solid rgba(49, 40, 31, .08);
}

.dlwe-client-approval-deadline-item small {
  grid-column: 2;
  text-align: right;
}

.dlwe-client-approval-deadline-item b {
  color: #8b6b3f;
  font-size: 12px;
}

.dlwe-client-approval-deadline-item.is-overdue b,
.dlwe-client-approval-deadline-item.is-overdue small {
  color: #9b312f;
}

.dlwe-client-approval-dashboard-card {
  margin-top: 16px;
}

.dlwe-client-approval-dashboard-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.dlwe-client-approval-lock-notice,
.dlwe-client-approval-lock-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border: 1px solid rgba(119, 91, 55, .25);
  border-radius: 12px;
  background: #f6efe3;
  padding: 16px 18px;
  margin-top: 18px;
}

.dlwe-client-approval-lock-notice > div,
.dlwe-client-approval-lock-strip {
  color: #4d3b29;
}

.dlwe-client-approval-lock-notice > div {
  display: grid;
  gap: 4px;
}

.dlwe-client-approval-lock-notice span,
.dlwe-client-approval-lock-strip span {
  color: #746552;
  font-size: 12px;
  line-height: 1.5;
}

.dlwe-client-approval-lock-strip {
  justify-content: flex-start;
  flex-wrap: wrap;
}

@media (max-width: 1180px) {
  .dlwe-client-approval-dashboard-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .dlwe-client-approval-dashboard-toolbar > :first-child {
    grid-column: 1 / -1;
  }
  .dlwe-client-approval-dashboard-insights {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .dlwe-client-approval-dashboard-toolbar,
  .dlwe-client-approval-progress-item {
    grid-template-columns: 1fr;
  }
  .dlwe-client-approval-dashboard-toolbar > :first-child {
    grid-column: auto;
  }
  .dlwe-client-approval-progress-item b {
    justify-self: start;
  }
  .dlwe-client-approval-lock-notice {
    align-items: flex-start;
    flex-direction: column;
  }
}


/* Phase 6C-1 — Meeting Notes & Minutes */
.dlwe-meeting-notes-toolbar {
  display: grid;
  grid-template-columns: minmax(260px, 1.4fr) repeat(3, minmax(150px, 0.8fr));
  gap: 12px;
  margin-bottom: 22px;
}

.dlwe-meeting-notes-toolbar input,
.dlwe-meeting-notes-toolbar select {
  width: 100%;
}

.dlwe-meeting-notes-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(420px, 0.92fr);
  gap: 24px;
  align-items: start;
}

.dlwe-meeting-notes-register,
.dlwe-meeting-note-editor {
  min-width: 0;
  padding: 24px;
  border: 1px solid var(--dlwe-border);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 15px 34px rgba(22, 22, 22, 0.05);
}

.dlwe-meeting-note-editor {
  position: sticky;
  top: 22px;
}

.dlwe-meeting-notes-list {
  display: grid;
  gap: 16px;
}

.dlwe-meeting-note-card {
  padding: 20px;
  border: 1px solid var(--dlwe-border);
  background: var(--dlwe-white);
}

.dlwe-meeting-note-card-heading {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
}

.dlwe-meeting-note-card-heading h3 {
  margin: 9px 0 6px;
  font-size: 22px;
}

.dlwe-meeting-note-card-heading p {
  margin: 0;
  color: var(--dlwe-muted);
  font-size: 13px;
  line-height: 1.55;
}

.dlwe-meeting-note-decision-preview {
  margin-top: 16px;
  padding: 15px 16px;
  border-left: 3px solid var(--dlwe-champagne);
  background: #faf7f1;
}

.dlwe-meeting-note-decision-preview strong {
  display: block;
  margin-bottom: 7px;
  color: var(--dlwe-charcoal);
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.dlwe-meeting-note-decision-preview p {
  max-height: 150px;
  margin: 0;
  overflow: auto;
  color: var(--dlwe-charcoal);
  font-size: 13px;
  line-height: 1.6;
}

.dlwe-meeting-note-card-actions {
  display: grid;
  gap: 8px;
  margin-top: 16px;
}

.dlwe-meeting-note-card-actions > div {
  display: grid;
  gap: 3px;
  padding: 10px 12px;
  border: 1px solid #e9e1d5;
  background: #fdfbf7;
}

.dlwe-meeting-note-card-actions strong {
  color: var(--dlwe-charcoal);
  font-size: 13px;
}

.dlwe-meeting-note-card-actions span,
.dlwe-meeting-note-card-actions small,
.dlwe-meeting-note-no-actions {
  color: var(--dlwe-muted);
  font-size: 12px;
  line-height: 1.5;
}

.dlwe-meeting-note-card-files,
.dlwe-meeting-note-existing-files {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.dlwe-meeting-note-card-files a,
.dlwe-meeting-note-existing-files a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid var(--dlwe-border);
  color: var(--dlwe-charcoal);
  background: #fbf8f3;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}

.dlwe-meeting-note-existing-files {
  display: grid;
  align-items: start;
}

.dlwe-meeting-note-existing-files strong {
  display: block;
  width: 100%;
  color: var(--dlwe-charcoal);
  font-size: 11px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.dlwe-meeting-note-card-footer {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  margin-top: 18px;
  padding-top: 15px;
  border-top: 1px solid #eee8df;
}

.dlwe-meeting-note-card-footer small {
  color: var(--dlwe-muted);
  line-height: 1.45;
}

.dlwe-meeting-note-action-section {
  margin-top: 8px;
  padding-top: 22px;
  border-top: 1px solid var(--dlwe-border);
}

.dlwe-meeting-note-action-help {
  margin: -3px 0 16px;
  font-size: 12px;
  line-height: 1.55;
}

.dlwe-meeting-note-action-items {
  display: grid;
  gap: 14px;
}

.dlwe-meeting-note-action-row {
  padding: 16px;
  border: 1px solid var(--dlwe-border);
  background: #fbf8f3;
}

.dlwe-meeting-note-action-row-heading {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 13px;
}

.dlwe-meeting-note-action-row-heading strong {
  color: var(--dlwe-charcoal);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  font-weight: 400;
}

.dlwe-meeting-note-action-row-heading .dlwe-text-button {
  margin-left: auto;
}

.dlwe-meeting-note-linked-task {
  padding: 4px 7px;
  border: 1px solid #bed7c9;
  color: var(--dlwe-success);
  background: #eef7f2;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.dlwe-meeting-note-task-toggle .dlwe-checkbox-option {
  min-height: 48px;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid var(--dlwe-border);
  background: var(--dlwe-white);
}

.dlwe-meeting-note-task-toggle .dlwe-checkbox-option input {
  width: auto;
  min-height: 0;
}

@media (max-width: 1280px) {
  .dlwe-meeting-notes-layout {
    grid-template-columns: 1fr;
  }

  .dlwe-meeting-note-editor {
    position: static;
  }
}

@media (max-width: 900px) {
  .dlwe-meeting-notes-toolbar {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px) {
  .dlwe-meeting-notes-toolbar {
    grid-template-columns: 1fr;
  }

  .dlwe-meeting-notes-register,
  .dlwe-meeting-note-editor {
    padding: 17px;
  }

  .dlwe-meeting-note-card-heading,
  .dlwe-meeting-note-card-footer,
  .dlwe-meeting-note-action-row-heading {
    align-items: stretch;
    flex-direction: column;
  }

  .dlwe-meeting-note-action-row-heading .dlwe-text-button {
    margin-left: 0;
    align-self: flex-start;
  }
}


/* Phase 6C-2 — Communication History */
.dlwe-communication-history-toolbar {
  grid-template-columns: minmax(250px, 1.35fr) repeat(7, minmax(135px, 0.72fr));
}

.dlwe-communication-follow-up-toggle .dlwe-checkbox-option {
  min-height: 48px;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid var(--dlwe-border);
  background: #fbf8f3;
}

[data-communication-follow-up-field].is-disabled {
  opacity: 0.55;
}

.dlwe-communication-history-references {
  margin: 14px 0 0;
  color: var(--dlwe-muted);
  font-size: 12px;
  line-height: 1.55;
}

.dlwe-communication-history-references strong {
  color: var(--dlwe-charcoal);
}

@media (max-width: 1500px) {
  .dlwe-communication-history-toolbar {
    grid-template-columns: repeat(3, minmax(180px, 1fr));
  }
}

@media (max-width: 900px) {
  .dlwe-communication-history-toolbar {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px) {
  .dlwe-communication-history-toolbar {
    grid-template-columns: 1fr;
  }
}


/* Phase 6C-3 — Couple meeting records, acknowledgement and follow-ups */
.dlwe-couple-meeting-record-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin: 18px 0 22px;
}

.dlwe-couple-meeting-record-list,
.dlwe-couple-record-timeline {
  display: grid;
  gap: 18px;
}

.dlwe-couple-meeting-record-card {
  border: 1px solid var(--dlwe-border);
  border-radius: 18px;
  background: var(--dlwe-surface);
  padding: 22px;
  box-shadow: 0 12px 34px rgba(27, 23, 17, 0.05);
}

.dlwe-couple-meeting-record-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 17px;
  border-bottom: 1px solid var(--dlwe-border);
}

.dlwe-couple-meeting-record-heading h3,
.dlwe-meeting-record-copy h4,
.dlwe-meeting-record-actions h4,
.dlwe-meeting-record-files h4,
.dlwe-meeting-record-response-form h4,
.dlwe-couple-record-timeline-item h4 {
  margin: 0;
}

.dlwe-couple-meeting-record-heading p {
  margin: 7px 0 0;
  color: var(--dlwe-muted);
}

.dlwe-meeting-record-copy {
  margin-top: 18px;
  padding: 16px 18px;
  border-radius: 14px;
  background: var(--dlwe-cream);
}

.dlwe-meeting-record-copy.is-decision {
  border-left: 3px solid var(--dlwe-champagne);
}

.dlwe-meeting-record-copy p,
.dlwe-meeting-record-actions p,
.dlwe-couple-meeting-current-response p,
.dlwe-couple-record-timeline-item p {
  margin: 8px 0 0;
  line-height: 1.65;
}

.dlwe-meeting-record-actions {
  margin-top: 20px;
}

.dlwe-meeting-record-actions > article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 160px;
  gap: 18px;
  align-items: center;
  padding: 14px 0;
  border-bottom: 1px solid var(--dlwe-border);
}

.dlwe-meeting-record-actions > article:last-child {
  border-bottom: 0;
}

.dlwe-meeting-record-actions > article span,
.dlwe-meeting-record-actions > article p {
  display: block;
  color: var(--dlwe-muted);
  font-size: 13px;
}

.dlwe-meeting-record-actions > article.is-overdue strong {
  color: #9b2c2c;
}

.dlwe-meeting-record-actions > article.is-complete {
  opacity: 0.72;
}

.dlwe-meeting-record-action-progress {
  text-align: right;
}

.dlwe-meeting-record-action-progress .dlwe-progress-track {
  display: block;
  height: 7px;
  margin-top: 7px;
  border-radius: 99px;
  overflow: hidden;
  background: var(--dlwe-cream);
}

.dlwe-meeting-record-action-progress .dlwe-progress-track i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--dlwe-champagne);
}

.dlwe-meeting-record-files {
  margin-top: 18px;
}

.dlwe-meeting-record-files .dlwe-couple-message-attachment {
  margin: 9px 8px 0 0;
}

.dlwe-couple-meeting-current-response,
.dlwe-meeting-note-client-response {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-top: 18px;
  padding: 16px 18px;
  border: 1px solid var(--dlwe-border);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.55);
}

.dlwe-couple-meeting-current-response span,
.dlwe-meeting-note-client-response span {
  display: block;
  margin-top: 4px;
  color: var(--dlwe-muted);
  font-size: 13px;
}

.dlwe-meeting-record-response-form {
  display: grid;
  gap: 15px;
  margin-top: 20px;
  padding: 20px;
  border: 1px solid var(--dlwe-border);
  border-radius: 16px;
  background: var(--dlwe-cream);
}

.dlwe-meeting-record-response-form label {
  display: grid;
  gap: 7px;
}

.dlwe-meeting-record-response-form textarea {
  width: 100%;
  resize: vertical;
}

.dlwe-meeting-record-response-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.dlwe-couple-meeting-response-history {
  margin-top: 16px;
  border-top: 1px solid var(--dlwe-border);
  padding-top: 14px;
}

.dlwe-couple-meeting-response-history summary {
  cursor: pointer;
  font-weight: 700;
}

.dlwe-couple-meeting-response-history article {
  padding: 12px 0;
  border-bottom: 1px solid var(--dlwe-border);
}

.dlwe-couple-meeting-response-history article:last-child {
  border-bottom: 0;
}

.dlwe-couple-meeting-response-history article span {
  display: block;
  color: var(--dlwe-muted);
  font-size: 12px;
  margin-top: 3px;
}

.dlwe-couple-record-timeline {
  position: relative;
}

.dlwe-couple-record-timeline::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 10px;
  bottom: 10px;
  width: 1px;
  background: var(--dlwe-border);
}

.dlwe-couple-record-timeline-item {
  position: relative;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 15px;
}

.dlwe-couple-record-timeline-marker {
  position: relative;
  z-index: 1;
  width: 17px;
  height: 17px;
  margin-top: 5px;
  border: 4px solid var(--dlwe-surface);
  border-radius: 50%;
  background: var(--dlwe-champagne);
  box-shadow: 0 0 0 1px var(--dlwe-border);
}

.dlwe-couple-record-timeline-item > div:last-child {
  padding: 0 0 20px;
}

.dlwe-couple-record-timeline-item > div:last-child > span {
  display: block;
  margin-top: 5px;
  color: var(--dlwe-muted);
  font-size: 13px;
}

@media (max-width: 900px) {
  .dlwe-couple-meeting-record-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dlwe-meeting-record-actions > article {
    grid-template-columns: 1fr;
  }

  .dlwe-meeting-record-action-progress {
    text-align: left;
  }
}

@media (max-width: 620px) {
  .dlwe-couple-meeting-record-summary {
    grid-template-columns: 1fr;
  }

  .dlwe-couple-meeting-record-heading,
  .dlwe-couple-meeting-current-response,
  .dlwe-meeting-note-client-response {
    display: grid;
  }

  .dlwe-couple-meeting-record-card {
    padding: 16px;
  }

  .dlwe-meeting-record-response-buttons {
    display: grid;
  }

  .dlwe-meeting-record-response-buttons button {
    width: 100%;
  }
}

/* ================================================================
   PHASE 7A-1 — WEDDING BUDGET & PROFITABILITY SETUP
   ================================================================ */
.dlwe-budget-command-card {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin: 0 0 20px;
  padding: 20px;
  border: 1px solid var(--dlwe-border);
  border-radius: 12px;
  background: linear-gradient(135deg, #fff 0%, #faf7f1 100%);
  box-shadow: 0 14px 34px rgba(22, 22, 22, 0.05);
}

.dlwe-budget-wedding-field {
  flex: 1 1 420px;
  margin: 0;
}

.dlwe-budget-command-actions {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.dlwe-budget-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin: 18px 0 22px;
}

.dlwe-budget-summary-card {
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--dlwe-border);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(22, 22, 22, 0.045);
}

.dlwe-budget-summary-card span {
  display: block;
  margin-bottom: 7px;
  color: var(--dlwe-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.35;
  text-transform: uppercase;
}

.dlwe-budget-summary-card strong {
  display: block;
  overflow-wrap: anywhere;
  color: var(--dlwe-black);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(22px, 2vw, 31px);
  font-weight: 400;
  line-height: 1.1;
}

.dlwe-budget-summary-card small {
  display: block;
  margin-top: 8px;
  color: var(--dlwe-muted);
  font-size: 12px;
  line-height: 1.4;
}

.dlwe-budget-summary-primary {
  color: #fff;
  border-color: var(--dlwe-black);
  background: var(--dlwe-black);
}

.dlwe-budget-summary-primary span,
.dlwe-budget-summary-primary small {
  color: rgba(255, 255, 255, 0.68);
}

.dlwe-budget-summary-primary strong {
  color: #fff;
}

.dlwe-budget-summary-success {
  border-color: #bfd8ca;
  background: #f0f7f3;
}

.dlwe-budget-summary-success strong {
  color: var(--dlwe-success);
}

.dlwe-budget-summary-danger {
  border-color: #e5c4c1;
  background: #fbf2f1;
}

.dlwe-budget-summary-danger strong {
  color: var(--dlwe-error);
}

.dlwe-budget-filter-bar {
  grid-template-columns: minmax(210px, 1.6fr) repeat(3, minmax(150px, 1fr));
}

.dlwe-budget-table-scroll {
  max-height: 620px;
}

.dlwe-budget-table {
  min-width: 1480px;
}

.dlwe-budget-table th,
.dlwe-budget-table td {
  white-space: nowrap;
}

.dlwe-budget-table td:first-child {
  min-width: 220px;
  white-space: normal;
}

.dlwe-budget-table td small {
  display: block;
  margin-top: 4px;
  color: var(--dlwe-muted);
  font-size: 11px;
  line-height: 1.35;
  white-space: normal;
}

.dlwe-budget-table .dlwe-budget-amount {
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.dlwe-budget-editor,
.dlwe-budget-import-panel {
  margin-top: 18px;
}

.dlwe-budget-editor .dlwe-form-card,
.dlwe-budget-import-panel .dlwe-form-card {
  border: 1px solid var(--dlwe-border);
  border-radius: 12px;
  box-shadow: 0 16px 42px rgba(22, 22, 22, 0.055);
}

.dlwe-budget-checkbox-field {
  display: flex;
  align-items: center;
  min-height: 68px;
  margin-bottom: 18px;
  padding: 14px 16px;
  border: 1px solid var(--dlwe-border);
  border-radius: 8px;
  background: #faf8f4;
}

.dlwe-budget-checkbox-field label {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 1.35;
  text-transform: none;
}

.dlwe-budget-checkbox-field input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: var(--dlwe-black);
}

.dlwe-budget-calculation {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 4px 0 22px;
  padding: 16px;
  border: 1px solid #d9ccb6;
  border-radius: 10px;
  background: #f7f1e7;
}

.dlwe-budget-calculation > div {
  min-width: 0;
  padding: 4px 9px;
  border-left: 1px solid rgba(181, 154, 91, 0.28);
}

.dlwe-budget-calculation > div:first-child {
  border-left: 0;
}

.dlwe-budget-calculation span {
  display: block;
  margin-bottom: 4px;
  color: var(--dlwe-muted);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.dlwe-budget-calculation strong {
  display: block;
  color: var(--dlwe-black);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 20px;
  font-weight: 400;
  overflow-wrap: anywhere;
}

.dlwe-budget-import-preview {
  margin-top: 20px;
}

.dlwe-budget-import-preview:empty {
  display: none;
}

.dlwe-budget-import-preview .dlwe-table-scroll {
  max-height: 460px;
  margin-top: 12px;
}

.dlwe-budget-import-preview table {
  min-width: 1120px;
}

.dlwe-budget-import-preview-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 12px;
}

.dlwe-budget-import-preview-summary span {
  padding: 7px 10px;
  border: 1px solid var(--dlwe-border);
  border-radius: 999px;
  background: #fff;
  color: var(--dlwe-charcoal);
  font-size: 12px;
}

@media (max-width: 1180px) {
  .dlwe-budget-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dlwe-budget-filter-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 780px) {
  .dlwe-budget-command-card {
    align-items: stretch;
    flex-direction: column;
  }

  .dlwe-budget-wedding-field {
    flex-basis: auto;
  }

  .dlwe-budget-command-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .dlwe-budget-command-actions button {
    width: 100%;
  }

  .dlwe-budget-calculation {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dlwe-budget-calculation > div:nth-child(3) {
    border-left: 0;
  }
}

@media (max-width: 540px) {
  .dlwe-budget-summary-grid,
  .dlwe-budget-filter-bar,
  .dlwe-budget-command-actions,
  .dlwe-budget-calculation {
    grid-template-columns: 1fr;
  }

  .dlwe-budget-calculation > div {
    padding: 8px 0;
    border-top: 1px solid rgba(181, 154, 91, 0.28);
    border-left: 0;
  }

  .dlwe-budget-calculation > div:first-child {
    border-top: 0;
  }
}

.dlwe-budget-import-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 13px 15px;
  border: 1px solid var(--dlwe-border);
  border-radius: 8px;
  background: #faf8f4;
}

.dlwe-budget-import-meta strong {
  color: var(--dlwe-black);
  overflow-wrap: anywhere;
}

.dlwe-budget-import-meta span {
  color: var(--dlwe-muted);
  font-size: 12px;
  text-align: right;
}

.dlwe-budget-calculation .is-total strong {
  color: var(--dlwe-success);
}

@media (max-width: 620px) {
  .dlwe-budget-import-meta {
    align-items: flex-start;
    flex-direction: column;
  }

  .dlwe-budget-import-meta span {
    text-align: left;
  }
}

/* Phase 7A-2: committed cost, actual cost and variance tracking */
.dlwe-budget-section-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 18px;
  margin: 28px 0 16px;
  padding: 0 0 10px;
  border-bottom: 1px solid rgba(181, 154, 91, 0.35);
}

.dlwe-budget-section-heading:first-of-type {
  margin-top: 0;
}

.dlwe-budget-section-heading span {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1.2rem;
  font-weight: 700;
  color: #111;
}

.dlwe-budget-section-heading small {
  max-width: 62%;
  text-align: right;
  color: #6b6b6b;
  line-height: 1.45;
}

.dlwe-budget-file-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dlwe-budget-existing-files {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.dlwe-budget-existing-files > small {
  color: #7a746c;
}

.dlwe-budget-file-chip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 8px;
  padding: 9px 10px;
  border: 1px solid rgba(17, 17, 17, 0.12);
  border-radius: 10px;
  background: #faf8f3;
}

.dlwe-budget-file-chip a {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
  color: #111;
}

.dlwe-budget-file-chip span {
  font-size: 0.72rem;
  color: #76706a;
}

.dlwe-budget-file-chip button {
  border: 0;
  padding: 0;
  background: transparent;
  color: #9c2f2f;
  font-size: 0.74rem;
  font-weight: 700;
  cursor: pointer;
}

.dlwe-budget-linked-expense-summary {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-top: 8px;
  padding: 10px 12px;
  border-radius: 10px;
  background: #f6f1e8;
  color: #4f4a43;
  font-size: 0.82rem;
}

.dlwe-budget-linked-expense-summary strong {
  color: #111;
}

.dlwe-budget-calculation {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.dlwe-budget-calculation .is-overrun {
  background: #fff0ee;
  border-color: rgba(156, 47, 47, 0.28);
}

.dlwe-budget-calculation .is-overrun span,
.dlwe-budget-calculation .is-overrun strong {
  color: #9c2f2f;
}

.dlwe-budget-table tr.is-budget-overrun td {
  background: rgba(156, 47, 47, 0.035);
}

.dlwe-budget-table .is-negative {
  color: #9c2f2f;
}

.dlwe-budget-table .is-positive {
  color: #2f6b4f;
}

.dlwe-budget-table td small {
  display: block;
  margin-top: 4px;
  line-height: 1.35;
}

.dlwe-budget-table-scroll {
  overflow-x: auto;
}

.dlwe-budget-table {
  min-width: 1540px;
}

.dlwe-budget-filter-bar {
  grid-template-columns: minmax(220px, 1.6fr) repeat(5, minmax(150px, 1fr));
}

@media (max-width: 1180px) {
  .dlwe-budget-file-grid {
    grid-template-columns: 1fr;
  }

  .dlwe-budget-calculation {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dlwe-budget-filter-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dlwe-budget-filter-bar input {
    grid-column: 1 / -1;
  }
}

@media (max-width: 680px) {
  .dlwe-budget-section-heading,
  .dlwe-budget-linked-expense-summary {
    align-items: flex-start;
    flex-direction: column;
  }

  .dlwe-budget-section-heading small {
    max-width: none;
    text-align: left;
  }

  .dlwe-budget-calculation,
  .dlwe-budget-filter-bar {
    grid-template-columns: 1fr;
  }

  .dlwe-budget-file-chip {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .dlwe-budget-file-chip span {
    display: none;
  }
}


/* Phase 7A-3 — Wedding Profitability Dashboard & Budget Reports */
.dlwe-budget-report-toolbar {
  display: grid;
  grid-template-columns: minmax(210px, 1.15fr) minmax(140px, .55fr) minmax(160px, .65fr) minmax(220px, 1fr);
  gap: 14px;
  padding: 18px;
  margin-bottom: 14px;
  border: 1px solid rgba(181, 154, 91, .28);
  border-radius: 18px;
  background: linear-gradient(135deg, #fffdf8, #f7f0e4);
}

.dlwe-budget-report-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 16px 0;
}

.dlwe-budget-report-summary-card {
  padding: 18px;
  border: 1px solid #ddd5c7;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(17,17,17,.05);
}

.dlwe-budget-report-summary-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #eee8de;
}

.dlwe-budget-report-summary-heading span {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1.4rem;
  font-weight: 700;
}

.dlwe-budget-report-summary-heading small,
.dlwe-budget-report-summary-card small {
  color: #6b665f;
}

.dlwe-budget-report-summary-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 16px;
  margin: 0 0 12px;
}

.dlwe-budget-report-summary-card dl div {
  min-width: 0;
}

.dlwe-budget-report-summary-card dt {
  margin-bottom: 3px;
  color: #777168;
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.dlwe-budget-report-summary-card dd {
  margin: 0;
  color: #111;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.dlwe-budget-report-summary-danger {
  border-color: rgba(156,47,47,.35);
  background: #fff8f7;
}

.dlwe-budget-report-summary-success {
  border-color: rgba(47,107,79,.28);
}

.dlwe-budget-report-attention {
  display: block;
  padding-top: 10px;
  border-top: 1px solid #eee8de;
}

.dlwe-budget-report-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.dlwe-budget-report-card {
  min-width: 0;
  padding: 20px;
  border: 1px solid #ddd5c7;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(17,17,17,.045);
}

.dlwe-budget-report-card-wide {
  grid-column: 1 / -1;
}

.dlwe-budget-report-card-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.dlwe-budget-report-card-heading h2 {
  margin: 2px 0 0;
  font-size: 1.22rem;
}

.dlwe-budget-report-table-scroll {
  max-height: 620px;
}

.dlwe-budget-report-comparison-table {
  min-width: 1350px;
}

.dlwe-budget-report-comparison-table td small {
  display: block;
  margin-top: 4px;
  color: #756f66;
  font-size: .7rem;
  white-space: nowrap;
}

.dlwe-budget-report-status {
  display: inline-flex;
  padding: 5px 8px;
  border-radius: 999px;
  background: #efede8;
  color: #4d4943;
  font-size: .7rem;
  font-weight: 800;
  white-space: nowrap;
}

.dlwe-budget-report-status-success {
  background: #e5f1eb;
  color: #24583f;
}

.dlwe-budget-report-status-danger {
  background: #f8e3e2;
  color: #8a2727;
}

.dlwe-budget-report-bars {
  display: grid;
  gap: 12px;
}

.dlwe-budget-report-bar-row {
  display: grid;
  grid-template-columns: minmax(130px, .8fr) minmax(120px, 1.2fr) minmax(135px, .7fr);
  align-items: center;
  gap: 12px;
}

.dlwe-budget-report-bar-label strong,
.dlwe-budget-report-bar-values strong {
  display: block;
  color: #111;
  font-size: .82rem;
}

.dlwe-budget-report-bar-label small,
.dlwe-budget-report-bar-values small {
  display: block;
  margin-top: 2px;
  color: #756f66;
  font-size: .7rem;
}

.dlwe-budget-report-bar-values {
  text-align: right;
}

.dlwe-budget-report-bar-track {
  height: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: #ece7de;
}

.dlwe-budget-report-bar-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #111, #b59a5b);
}

.dlwe-budget-report-list {
  display: grid;
  gap: 10px;
}

.dlwe-budget-report-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 13px 14px;
  border: 1px solid #e5dfd4;
  border-radius: 14px;
  background: #fbfaf7;
}

.dlwe-budget-report-list-item > div:last-child {
  text-align: right;
}

.dlwe-budget-report-list-item strong,
.dlwe-budget-report-list-item small {
  display: block;
}

.dlwe-budget-report-list-item small {
  margin-top: 3px;
  color: #756f66;
  font-size: .72rem;
}

.dlwe-budget-report-list-item.is-danger {
  border-color: rgba(156,47,47,.25);
  background: #fff8f7;
}

.dlwe-budget-report-list-item.is-warning {
  border-color: rgba(181,154,91,.42);
  background: #fffbf2;
}

.dlwe-budget-profit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.dlwe-budget-profit-card {
  padding: 16px;
  border: 1px solid #dfd8cc;
  border-radius: 16px;
  background: linear-gradient(135deg, #111, #27231d);
  color: #fff;
}

.dlwe-budget-profit-card-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(255,255,255,.14);
}

.dlwe-budget-profit-card-heading strong {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1.25rem;
  color: #d7c89e;
}

.dlwe-budget-profit-card-heading span {
  color: rgba(255,255,255,.68);
  font-size: .75rem;
}

.dlwe-budget-profit-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.dlwe-budget-profit-metrics > div {
  padding: 10px;
  border-radius: 10px;
  background: rgba(255,255,255,.06);
}

.dlwe-budget-profit-metrics span,
.dlwe-budget-profit-metrics strong {
  display: block;
}

.dlwe-budget-profit-metrics span {
  margin-bottom: 4px;
  color: rgba(255,255,255,.64);
  font-size: .7rem;
}

.dlwe-budget-profit-metrics strong {
  overflow-wrap: anywhere;
  font-size: .86rem;
}

.dlwe-budget-report-comparison-table .is-negative,
.dlwe-budget-profit-metrics .is-negative strong {
  color: #b33838;
}

.dlwe-budget-report-comparison-table .is-positive {
  color: #2f6b4f;
}

.dlwe-budget-profit-metrics .is-positive strong {
  color: #a6d4bd;
}

@media (max-width: 1100px) {
  .dlwe-budget-report-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .dlwe-budget-report-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .dlwe-budget-report-toolbar,
  .dlwe-budget-report-summary-grid,
  .dlwe-budget-report-grid,
  .dlwe-budget-profit-grid,
  .dlwe-budget-profit-metrics {
    grid-template-columns: 1fr;
  }
  .dlwe-budget-report-bar-row {
    grid-template-columns: 1fr;
  }
  .dlwe-budget-report-bar-values,
  .dlwe-budget-report-list-item > div:last-child {
    text-align: left;
  }
  .dlwe-budget-report-list-item {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media print {
  body.dlwe-print-budget-reports .dlwe-sidebar,
  body.dlwe-print-budget-reports .dlwe-header-actions,
  body.dlwe-print-budget-reports .dlwe-budget-report-toolbar,
  body.dlwe-print-budget-reports [data-dlwe-panel]:not([data-dlwe-panel="budget-reports"]) {
    display: none !important;
  }
  body.dlwe-print-budget-reports .dlwe-portal-shell,
  body.dlwe-print-budget-reports .dlwe-main,
  body.dlwe-print-budget-reports [data-dlwe-panel="budget-reports"] {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    background: #fff !important;
  }
  body.dlwe-print-budget-reports .dlwe-budget-report-grid,
  body.dlwe-print-budget-reports .dlwe-budget-report-summary-grid {
    display: block !important;
  }
  body.dlwe-print-budget-reports .dlwe-budget-report-card,
  body.dlwe-print-budget-reports .dlwe-budget-report-summary-card {
    break-inside: avoid;
    margin-bottom: 12px;
    box-shadow: none;
  }
  body.dlwe-print-budget-reports .dlwe-table-scroll {
    max-height: none !important;
    overflow: visible !important;
  }
  body.dlwe-print-budget-reports .dlwe-budget-report-comparison-table {
    min-width: 0 !important;
    font-size: 8px;
  }
  body.dlwe-print-budget-reports button {
    display: none !important;
  }
}

.dlwe-budget-report-status-warning {
  background: #fff1cf;
  color: #7a5812;
}

/* Phase 7B-1 — Client Invoices */
.dlwe-client-invoices-panel .dlwe-table-action{white-space:nowrap}.dlwe-invoice-line{display:grid;grid-template-columns:minmax(240px,2.3fr) .65fr .7fr 1fr 1fr 42px;gap:12px;align-items:end;padding:14px;border:1px solid #e4ddcf;border-radius:14px;background:#fbf8f2;margin-bottom:10px}.dlwe-invoice-line-amount{padding:0 0 12px}.dlwe-invoice-line-amount span{display:block;font-size:11px;color:#777;text-transform:uppercase;letter-spacing:.08em}.dlwe-invoice-line-amount strong{display:block;margin-top:6px}.dlwe-invoice-totals{max-width:520px;margin-left:auto;border:1px solid #ded4c2;border-radius:16px;padding:14px;background:#fff}.dlwe-invoice-totals>div{display:flex;justify-content:space-between;padding:9px;border-bottom:1px solid #eee}.dlwe-invoice-totals>div:last-child{border-bottom:0}.dlwe-invoice-totals .is-total{font-size:20px;font-family:Georgia,serif;color:#111;border-top:2px solid #b59a5b}.dlwe-danger-button{background:#8c2f2f;color:#fff;border:0;border-radius:999px;padding:12px 18px;font-weight:700;cursor:pointer}@media(max-width:900px){.dlwe-invoice-line{grid-template-columns:1fr 1fr}.dlwe-invoice-description{grid-column:1/-1}.dlwe-invoice-line .dlwe-icon-button{align-self:end}}


/* Phase 7B-2 — Client Payments, Receipts, Credits & Refunds */
.dlwe-collection-register{margin-top:18px}
.dlwe-client-invoices-panel .dlwe-header-actions{flex-wrap:wrap}
.dlwe-invoice-collection-summary{margin-top:14px;border:1px solid #ded4c2;border-radius:16px;padding:14px;background:#fbf8f2}
.dlwe-invoice-collection-summary>div{display:flex;justify-content:space-between;padding:8px;border-bottom:1px solid #e9e2d5}
.dlwe-invoice-collection-summary>div:last-child{border-bottom:0}
.dlwe-invoice-collection-summary .is-total{font-size:18px;font-family:Georgia,serif;border-top:2px solid #b59a5b}
.dlwe-payment-allocation-list{display:grid;gap:10px}
.dlwe-payment-allocation-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,220px);gap:18px;align-items:center;padding:15px;border:1px solid #e1d8c9;border-radius:15px;background:#fbf8f2}
.dlwe-payment-allocation-row>div:first-child{display:grid;gap:4px}
.dlwe-payment-allocation-row span,.dlwe-payment-allocation-row small{color:#766b60}
.dlwe-payment-allocation-row .dlwe-field{margin:0}
.dlwe-budget-existing-file{display:flex;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid #ddd2bf;border-radius:12px;background:#fff;text-decoration:none;color:#111;margin-top:8px}
.dlwe-budget-existing-file small{color:#766b60}
.dlwe-couple-finance-divider{display:flex;align-items:center;gap:14px;margin:28px 0 14px;color:#7d6e59;font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:700}
.dlwe-couple-finance-divider:before,.dlwe-couple-finance-divider:after{content:"";height:1px;background:#ded4c2;flex:1}
.dlwe-couple-finance-document{align-items:center}
.dlwe-couple-finance-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.dlwe-couple-payment-row .dlwe-couple-finance-actions{text-align:right}
@media(max-width:900px){
  .dlwe-payment-allocation-row{grid-template-columns:1fr}
  .dlwe-couple-finance-actions{justify-content:flex-start}
  .dlwe-couple-payment-row .dlwe-couple-finance-actions{text-align:left}
}

/* Phase 7B-3 — Client collection dashboard, reminders and follow-up controls */
.dlwe-collection-dashboard-section {
  border: 1px solid rgba(181, 154, 91, 0.28);
  background: linear-gradient(180deg, rgba(246, 241, 232, 0.82), rgba(255, 255, 255, 0.96));
}

.dlwe-collection-heading-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
}

.dlwe-collection-heading-row > small {
  max-width: 280px;
  padding: 9px 12px;
  border: 1px solid rgba(181, 154, 91, 0.28);
  border-radius: 999px;
  background: #fff;
  color: #6b6258;
  text-align: center;
}

.dlwe-collection-filter-toolbar {
  grid-template-columns: repeat(7, minmax(145px, 1fr));
}

.dlwe-collection-dashboard-grid {
  display: grid;
  grid-template-columns: 1.35fr 1fr 1fr;
  gap: 18px;
  margin: 18px 0;
}

.dlwe-collection-dashboard-grid .dlwe-budget-report-card {
  min-width: 0;
}

.dlwe-collection-dashboard-grid h3 {
  margin: 4px 0 0;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 20px;
}

.dlwe-collection-metric-list {
  display: grid;
  gap: 9px;
}

.dlwe-collection-metric-list > div:not(.dlwe-empty-state) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 11px 12px;
  border: 1px solid rgba(17, 17, 17, 0.08);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.88);
}

.dlwe-collection-metric-list span,
.dlwe-collection-metric-list strong {
  display: block;
}

.dlwe-collection-metric-list small {
  display: block;
  margin-top: 2px;
  color: #7a7269;
  font-size: 11px;
}

.dlwe-budget-report-list-item > button {
  flex: 0 0 auto;
}

.dlwe-invoice-collection-settings {
  border-left: 4px solid #b59a5b;
}

.dlwe-collection-reminder-status {
  display: grid;
  grid-template-columns: repeat(4, minmax(130px, 1fr));
  gap: 10px;
  margin-top: 16px;
}

.dlwe-collection-reminder-status > span,
.dlwe-collection-reminder-status > strong {
  padding: 10px 12px;
  border: 1px solid rgba(17, 17, 17, 0.08);
  background: #fff;
}

.dlwe-collection-reminder-status > span {
  color: #70675e;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.dlwe-collection-reminder-status > strong {
  font-size: 13px;
}

.dlwe-collection-history-list {
  display: grid;
  gap: 8px;
  margin-top: 18px;
}

.dlwe-collection-history-list h3 {
  margin: 0 0 4px;
  font-family: Georgia, 'Times New Roman', serif;
}

.dlwe-collection-history-list article {
  display: grid;
  grid-template-columns: 1.2fr 1fr auto;
  gap: 16px;
  align-items: center;
  padding: 11px 13px;
  border: 1px solid rgba(17, 17, 17, 0.08);
  border-radius: 10px;
  background: #fff;
}

.dlwe-collection-history-list strong,
.dlwe-collection-history-list span,
.dlwe-collection-history-list small,
.dlwe-collection-history-list em {
  display: block;
}

.dlwe-collection-history-list small {
  color: #766d63;
}

.dlwe-collection-history-list em {
  color: #554b40;
  font-style: normal;
  text-align: right;
}

.dlwe-couple-collection-alert {
  margin: 0 0 14px;
  padding: 14px 16px;
  border: 1px solid rgba(181, 154, 91, 0.38);
  border-left: 4px solid #b59a5b;
  border-radius: 10px;
  background: #fbf7ef;
}

.dlwe-couple-collection-alert strong,
.dlwe-couple-collection-alert span {
  display: block;
}

.dlwe-couple-collection-alert span {
  margin-top: 4px;
  color: #6f655b;
  font-size: 13px;
}

.dlwe-couple-collection-alert.is-overdue {
  border-color: rgba(156, 47, 47, 0.35);
  border-left-color: #9c2f2f;
  background: #fff4f2;
}

@media (max-width: 1250px) {
  .dlwe-collection-filter-toolbar {
    grid-template-columns: repeat(3, minmax(150px, 1fr));
  }

  .dlwe-collection-dashboard-grid {
    grid-template-columns: 1fr 1fr;
  }

  .dlwe-collection-dashboard-grid > :first-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px) {
  .dlwe-collection-heading-row,
  .dlwe-collection-history-list article {
    display: block;
  }

  .dlwe-collection-heading-row > small {
    display: inline-block;
    margin-top: 12px;
  }

  .dlwe-collection-filter-toolbar,
  .dlwe-collection-dashboard-grid,
  .dlwe-collection-reminder-status {
    grid-template-columns: 1fr;
  }

  .dlwe-collection-dashboard-grid > :first-child {
    grid-column: auto;
  }

  .dlwe-collection-history-list article > * + * {
    margin-top: 8px;
  }

  .dlwe-collection-history-list em {
    text-align: left;
  }
}

@media print {
  body.dlwe-print-client-collections .dlwe-sidebar,
  body.dlwe-print-client-collections .dlwe-mobile-topbar,
  body.dlwe-print-client-collections .dlwe-header-actions,
  body.dlwe-print-client-collections #dlwe-invoice-message,
  body.dlwe-print-client-collections #dlwe-invoice-loading,
  body.dlwe-print-client-collections #dlwe-invoice-editor,
  body.dlwe-print-client-collections #dlwe-payment-editor,
  body.dlwe-print-client-collections #dlwe-adjustment-editor,
  body.dlwe-print-client-collections .dlwe-collection-register,
  body.dlwe-print-client-collections .dlwe-collection-filter-toolbar,
  body.dlwe-print-client-collections .dlwe-table-action {
    display: none !important;
  }

  body.dlwe-print-client-collections [data-dlwe-panel="client-invoices"],
  body.dlwe-print-client-collections #dlwe-invoice-content,
  body.dlwe-print-client-collections .dlwe-collection-dashboard-section {
    display: block !important;
    visibility: visible !important;
  }

  body.dlwe-print-client-collections .dlwe-portal-main,
  body.dlwe-print-client-collections .dlwe-portal-content {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }
}


/* Phase 7C-1 — Company Financial Overview */
.dlwe-financial-overview-panel .dlwe-portal-header {
  align-items: flex-start;
}
.dlwe-financial-filter-section {
  margin-bottom: 18px;
}
.dlwe-financial-filter-actions {
  flex-wrap: wrap;
}
.dlwe-financial-summary-grid {
  margin: 18px 0;
}
.dlwe-budget-report-summary-card.is-positive strong,
.dlwe-financial-positive {
  color: #2f6d4f;
}
.dlwe-budget-report-summary-card.is-warning strong {
  color: #8b5e1f;
}
.dlwe-budget-report-summary-card.is-negative strong,
.dlwe-financial-negative {
  color: #9b3b35;
}
.dlwe-financial-dashboard-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin: 18px 0;
}
.dlwe-financial-dashboard-grid .dlwe-budget-report-card {
  min-width: 0;
}
.dlwe-financial-breakdown-list {
  display: grid;
  gap: 12px;
}
.dlwe-financial-breakdown-row {
  border: 1px solid #e5dccd;
  border-radius: 14px;
  padding: 14px;
  background: #fffdf9;
}
.dlwe-financial-breakdown-row > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.dlwe-financial-breakdown-row > div strong,
.dlwe-financial-breakdown-row > div small {
  display: block;
}
.dlwe-financial-breakdown-row > div small {
  color: #786f62;
  text-align: right;
}
.dlwe-financial-breakdown-row dl {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.dlwe-financial-breakdown-row dl div {
  min-width: 0;
  border-top: 1px solid #eee6da;
  padding-top: 8px;
}
.dlwe-financial-breakdown-row dt {
  color: #786f62;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.dlwe-financial-breakdown-row dd {
  margin: 4px 0 0;
  font-weight: 700;
  overflow-wrap: anywhere;
}
.dlwe-financial-table .dlwe-table-subtext {
  display: block;
  margin-top: 3px;
  color: #7b7369;
  font-size: 11px;
  font-weight: 400;
}
@media (max-width: 1200px) {
  .dlwe-financial-dashboard-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 700px) {
  .dlwe-financial-breakdown-row dl {
    grid-template-columns: 1fr;
  }
  .dlwe-financial-breakdown-row > div {
    align-items: flex-start;
    flex-direction: column;
  }
  .dlwe-financial-breakdown-row > div small {
    text-align: left;
  }
}
@media print {
  body.dlwe-print-financial-overview .dlwe-sidebar,
  body.dlwe-print-financial-overview .dlwe-mobile-topbar,
  body.dlwe-print-financial-overview .dlwe-header-actions,
  body.dlwe-print-financial-overview #dlwe-financial-message,
  body.dlwe-print-financial-overview #dlwe-financial-loading,
  body.dlwe-print-financial-overview .dlwe-financial-filter-section,
  body.dlwe-print-financial-overview .dlwe-pagination-controls {
    display: none !important;
  }
  body.dlwe-print-financial-overview [data-dlwe-panel] {
    display: none !important;
  }
  body.dlwe-print-financial-overview [data-dlwe-panel="financial-overview"] {
    display: block !important;
    position: static !important;
  }
  body.dlwe-print-financial-overview .dlwe-main,
  body.dlwe-print-financial-overview .dlwe-portal-shell {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
  }
  body.dlwe-print-financial-overview .dlwe-form-section,
  body.dlwe-print-financial-overview .dlwe-budget-report-card,
  body.dlwe-print-financial-overview .dlwe-budget-report-summary-card {
    break-inside: avoid;
    box-shadow: none !important;
  }
  body.dlwe-print-financial-overview .dlwe-table-scroll {
    overflow: visible !important;
  }
  body.dlwe-print-financial-overview table {
    font-size: 9px;
  }
}


/* Phase 7C-2 and 7C-3 — Cash Flow and Management Reports */
.dlwe-cash-flow-panel .dlwe-portal-header,
.dlwe-financial-reports-panel .dlwe-portal-header {
  align-items: flex-start;
}
.dlwe-finance-alert-grid {
  display: grid;
  gap: 12px;
  margin: 18px 0;
}
.dlwe-finance-alert {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border: 1px solid #ded4c2;
  border-left-width: 5px;
  border-radius: 14px;
  padding: 14px 16px;
  background: #fffdf9;
}
.dlwe-finance-alert strong,
.dlwe-finance-alert p {
  display: block;
  margin: 0;
}
.dlwe-finance-alert p {
  margin-top: 4px;
  color: #756d61;
}
.dlwe-finance-alert > span {
  flex: 0 0 auto;
  font-weight: 800;
  text-align: right;
}
.dlwe-finance-alert.is-warning {
  border-left-color: #b77a22;
  background: #fff9ed;
}
.dlwe-finance-alert.is-critical {
  border-left-color: #a64038;
  background: #fff4f2;
}
.dlwe-finance-alert.is-info {
  border-left-color: #6f776e;
}
.dlwe-finance-all-clear {
  display: flex;
  flex-direction: column;
  gap: 4px;
  border: 1px solid #cfe0d4;
  border-radius: 14px;
  padding: 14px 16px;
  background: #f5fbf7;
}
.dlwe-finance-all-clear span {
  color: #5f6f64;
}
.dlwe-finance-risk-row td {
  background: #fff8f5;
}
.dlwe-finance-risk-row td:first-child {
  box-shadow: inset 4px 0 0 #b54b42;
}
#dlwe_cash_flow_opening_balance:disabled {
  opacity: .55;
  cursor: not-allowed;
}
@media (max-width: 760px) {
  .dlwe-finance-alert {
    align-items: flex-start;
    flex-direction: column;
  }
  .dlwe-finance-alert > span {
    text-align: left;
  }
}
@media print {
  body.dlwe-print-cash-flow .dlwe-sidebar,
  body.dlwe-print-cash-flow .dlwe-mobile-topbar,
  body.dlwe-print-cash-flow .dlwe-header-actions,
  body.dlwe-print-cash-flow #dlwe-cash-flow-message,
  body.dlwe-print-cash-flow #dlwe-cash-flow-loading,
  body.dlwe-print-cash-flow .dlwe-financial-filter-section,
  body.dlwe-print-cash-flow .dlwe-pagination-controls,
  body.dlwe-print-financial-reports .dlwe-sidebar,
  body.dlwe-print-financial-reports .dlwe-mobile-topbar,
  body.dlwe-print-financial-reports .dlwe-header-actions,
  body.dlwe-print-financial-reports #dlwe-financial-reports-message,
  body.dlwe-print-financial-reports #dlwe-financial-reports-loading,
  body.dlwe-print-financial-reports .dlwe-financial-filter-section,
  body.dlwe-print-financial-reports .dlwe-pagination-controls {
    display: none !important;
  }
  body.dlwe-print-cash-flow [data-dlwe-panel],
  body.dlwe-print-financial-reports [data-dlwe-panel] {
    display: none !important;
  }
  body.dlwe-print-cash-flow [data-dlwe-panel="cash-flow-forecast"],
  body.dlwe-print-financial-reports [data-dlwe-panel="financial-reports"] {
    display: block !important;
    position: static !important;
  }
  body.dlwe-print-cash-flow .dlwe-main,
  body.dlwe-print-cash-flow .dlwe-portal-shell,
  body.dlwe-print-financial-reports .dlwe-main,
  body.dlwe-print-financial-reports .dlwe-portal-shell {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
  }
  body.dlwe-print-cash-flow .dlwe-form-section,
  body.dlwe-print-cash-flow .dlwe-budget-report-summary-card,
  body.dlwe-print-cash-flow .dlwe-finance-alert,
  body.dlwe-print-financial-reports .dlwe-form-section,
  body.dlwe-print-financial-reports .dlwe-budget-report-summary-card,
  body.dlwe-print-financial-reports .dlwe-finance-alert {
    break-inside: avoid;
    box-shadow: none !important;
  }
  body.dlwe-print-cash-flow .dlwe-table-scroll,
  body.dlwe-print-financial-reports .dlwe-table-scroll {
    overflow: visible !important;
  }
  body.dlwe-print-cash-flow table,
  body.dlwe-print-financial-reports table {
    font-size: 8px;
  }
}


/* Phase 8A — Staff Rosters & Shift Scheduling */
.dlwe-roster-header-actions {
  align-items: end;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.dlwe-roster-summary {
  margin-bottom: 24px;
}
.dlwe-roster-tabs {
  margin-bottom: 22px;
}
.dlwe-roster-card-grid,
.dlwe-roster-availability-list,
.dlwe-roster-conflict-list {
  display: grid;
  gap: 14px;
}
.dlwe-roster-shift-card {
  display: grid;
  grid-template-columns: minmax(145px, .28fr) minmax(0, 1fr);
  border: 1px solid var(--dlwe-border, #ddd6ca);
  border-radius: 18px;
  background: var(--dlwe-surface, #fff);
  overflow: hidden;
  box-shadow: 0 12px 34px rgba(22, 19, 15, .05);
}
.dlwe-roster-shift-card.has-conflict {
  border-color: #c99a58;
  box-shadow: inset 4px 0 0 #c99a58, 0 12px 34px rgba(22, 19, 15, .05);
}
.dlwe-roster-shift-date {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  padding: 24px;
  background: #f5f0e7;
  border-right: 1px solid var(--dlwe-border, #ddd6ca);
}
.dlwe-roster-shift-date strong {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 21px;
  line-height: 1.25;
}
.dlwe-roster-shift-date span {
  font-size: 13px;
  letter-spacing: .04em;
}
.dlwe-roster-shift-main {
  min-width: 0;
  padding: 22px 24px;
}
.dlwe-roster-shift-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.dlwe-roster-shift-heading h3 {
  margin: 3px 0 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 24px;
}
.dlwe-roster-shift-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}
.dlwe-roster-shift-meta span {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  padding: 11px 12px;
  border-radius: 11px;
  background: #f8f6f1;
  font-size: 13px;
  overflow-wrap: anywhere;
}
.dlwe-roster-shift-meta strong,
.dlwe-roster-instructions strong {
  font-size: 10px;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--dlwe-muted, #716b62);
}
.dlwe-roster-instructions {
  margin-top: 14px;
  padding: 14px 16px;
  border-left: 3px solid #b59a5b;
  background: #fbf8f2;
}
.dlwe-roster-instructions p {
  margin: 5px 0 0;
  white-space: pre-wrap;
}
.dlwe-roster-toolbar {
  grid-template-columns: minmax(220px, 1.4fr) repeat(3, minmax(150px, .75fr)) auto;
}
.dlwe-roster-table td {
  min-width: 112px;
}
.dlwe-roster-table td:first-child {
  min-width: 40px;
  width: 40px;
}
.dlwe-roster-table td small {
  display: block;
  max-width: 220px;
  margin-top: 5px;
  color: var(--dlwe-muted, #716b62);
  overflow: hidden;
  text-overflow: ellipsis;
}
.dlwe-roster-row-conflict {
  background: #fffaf0;
}
.dlwe-roster-conflict-count {
  color: #9b5b18 !important;
  font-weight: 700;
}
.dlwe-roster-override-note {
  color: #6c5a2d !important;
  font-weight: 700;
}
.dlwe-roster-conflict-card .dlwe-roster-override-note {
  display: block;
  margin-top: 6px;
}
.dlwe-roster-calendar-heading {
  align-items: end;
  margin-bottom: 12px;
}
.dlwe-roster-availability-calendar {
  margin-bottom: 26px;
  overflow-x: auto;
}
.dlwe-roster-calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(105px, 1fr));
  min-width: 760px;
  border-top: 1px solid var(--dlwe-border, #ddd6ca);
  border-left: 1px solid var(--dlwe-border, #ddd6ca);
  background: #fff;
}
.dlwe-roster-calendar-weekday {
  padding: 9px;
  border-right: 1px solid var(--dlwe-border, #ddd6ca);
  border-bottom: 1px solid var(--dlwe-border, #ddd6ca);
  background: #f3eee5;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .09em;
  text-align: center;
  text-transform: uppercase;
}
.dlwe-roster-calendar-day {
  min-height: 116px;
  padding: 8px;
  border-right: 1px solid var(--dlwe-border, #ddd6ca);
  border-bottom: 1px solid var(--dlwe-border, #ddd6ca);
  background: #fff;
}
.dlwe-roster-calendar-day.is-weekend {
  background: #fbfaf7;
}
.dlwe-roster-calendar-day.is-empty {
  background: #f6f4ef;
}
.dlwe-roster-calendar-day.is-today {
  box-shadow: inset 0 0 0 2px #b59a5b;
}
.dlwe-roster-calendar-day-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 7px;
}
.dlwe-roster-calendar-day-head strong {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 16px;
}
.dlwe-roster-calendar-day-head span {
  font-size: 9px;
  color: var(--dlwe-muted, #716b62);
}
.dlwe-roster-calendar-blocks {
  display: grid;
  gap: 4px;
}
.dlwe-roster-calendar-block {
  display: block;
  padding: 4px 5px;
  border-radius: 5px;
  font-size: 9px;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dlwe-roster-calendar-block.dlwe-status-available {
  background: #e6f3e9;
  color: #24663a;
}
.dlwe-roster-calendar-block.dlwe-status-unavailable {
  background: #f8e7e4;
  color: #8c332a;
}
.dlwe-roster-calendar-block.dlwe-status-limited-availability {
  background: #fbefda;
  color: #875817;
}
.dlwe-roster-calendar-more {
  font-size: 9px;
  font-weight: 700;
  color: var(--dlwe-muted, #716b62);
}
.dlwe-roster-record-heading {
  margin: 4px 0 12px;
}
.dlwe-roster-availability-layout {
  display: grid;
  grid-template-columns: minmax(300px, .78fr) minmax(0, 1.22fr);
  gap: 22px;
  align-items: start;
}
.dlwe-roster-availability-form-card {
  position: sticky;
  top: 24px;
}
.dlwe-roster-availability-card {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 18px 20px;
  border: 1px solid var(--dlwe-border, #ddd6ca);
  border-radius: 14px;
  background: var(--dlwe-surface, #fff);
}
.dlwe-roster-availability-card h3 {
  margin: 10px 0 4px;
  font-size: 18px;
}
.dlwe-roster-availability-card p,
.dlwe-roster-availability-card small {
  margin: 0;
  color: var(--dlwe-muted, #716b62);
}
.dlwe-roster-card-actions {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: wrap;
}
.dlwe-roster-conflict-intro {
  margin-bottom: 16px;
}
.dlwe-roster-conflict-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 18px 20px;
  border: 1px solid #d9c59f;
  border-left: 5px solid #c99a58;
  border-radius: 14px;
  background: #fffaf0;
}
.dlwe-roster-conflict-card.is-blocking {
  border-color: #ddb3ad;
  border-left-color: #a33e32;
  background: #fff6f4;
}
.dlwe-roster-conflict-card > div > span {
  display: inline-block;
  margin-bottom: 5px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.dlwe-roster-conflict-card h3,
.dlwe-roster-conflict-card p {
  margin: 2px 0;
}
.dlwe-roster-conflict-card small {
  color: var(--dlwe-muted, #716b62);
}
.dlwe-roster-editor {
  margin-top: 10px;
}
.dlwe-roster-assignment-preview,
.dlwe-roster-conflict-preview {
  margin-top: 14px;
  padding: 14px 16px;
  border: 1px solid var(--dlwe-border, #ddd6ca);
  border-radius: 12px;
  background: #faf8f4;
}
.dlwe-roster-assignment-preview.is-understaffed,
.dlwe-roster-conflict-preview.has-blocking {
  border-color: #d9a99f;
  background: #fff6f4;
}
.dlwe-roster-assignment-preview strong,
.dlwe-roster-conflict-preview strong {
  display: block;
  margin-bottom: 4px;
}
.dlwe-roster-conflict-preview ul {
  margin: 8px 0 0 18px;
  padding: 0;
}
.dlwe-roster-copy-panel {
  margin-top: 24px;
}
.dlwe-status-pill.dlwe-status-draft {
  background: #ede9e2;
  color: #575148;
}
.dlwe-status-pill.dlwe-status-published,
.dlwe-status-pill.dlwe-status-accepted,
.dlwe-status-pill.dlwe-status-available {
  background: #e6f3e9;
  color: #24663a;
}
.dlwe-status-pill.dlwe-status-completed {
  background: #e7eef8;
  color: #2f5379;
}
.dlwe-status-pill.dlwe-status-cancelled,
.dlwe-status-pill.dlwe-status-declined,
.dlwe-status-pill.dlwe-status-unavailable {
  background: #f8e7e4;
  color: #8c332a;
}
.dlwe-status-pill.dlwe-status-pending,
.dlwe-status-pill.dlwe-status-limited-availability {
  background: #fbefda;
  color: #875817;
}
.dlwe-alert-warning {
  border-color: #d9c59f;
  background: #fffaf0;
  color: #76501d;
}
@media (max-width: 1050px) {
  .dlwe-roster-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .dlwe-roster-availability-layout {
    grid-template-columns: 1fr;
  }
  .dlwe-roster-availability-form-card {
    position: static;
  }
}
@media (max-width: 760px) {
  .dlwe-roster-header-actions {
    width: 100%;
    justify-content: stretch;
  }
  .dlwe-roster-header-actions > * {
    flex: 1 1 145px;
  }
  .dlwe-roster-shift-card {
    grid-template-columns: 1fr;
  }
  .dlwe-roster-shift-date {
    border-right: 0;
    border-bottom: 1px solid var(--dlwe-border, #ddd6ca);
  }
  .dlwe-roster-shift-heading,
  .dlwe-roster-conflict-card,
  .dlwe-roster-availability-card {
    align-items: flex-start;
    flex-direction: column;
  }
  .dlwe-roster-shift-meta,
  .dlwe-roster-toolbar {
    grid-template-columns: 1fr;
  }
  .dlwe-roster-card-actions {
    width: 100%;
  }
}


/* Phase 8B — Wedding-Day Command Centre */
.dlwe-command-header{align-items:flex-start}
.dlwe-command-header-actions{max-width:900px;justify-content:flex-end;flex-wrap:wrap}
.dlwe-command-header-actions .dlwe-inline-month{min-width:170px}
.dlwe-command-summary{grid-template-columns:repeat(5,minmax(0,1fr))}
.dlwe-command-summary .is-warning{border-color:#d8a39c;background:#fff7f5}
.dlwe-command-tabs{margin:18px 0}
.dlwe-command-toolbar{grid-template-columns:minmax(240px,2fr) repeat(3,minmax(140px,1fr));margin-bottom:18px}
.dlwe-command-item-list{display:grid;gap:12px}
.dlwe-command-item{display:grid;grid-template-columns:105px minmax(0,1fr);gap:18px;padding:18px;border:1px solid #ded7cc;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(27,23,17,.045);position:relative;overflow:hidden}
.dlwe-command-item:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#c9b58a}
.dlwe-command-item.is-high:before{background:#a67936}
.dlwe-command-item.is-urgent{border-color:#d6a19b;background:#fff9f8}
.dlwe-command-item.is-urgent:before{background:#a84034}
.dlwe-command-time{border-right:1px solid #ece7de;padding-right:16px;display:flex;flex-direction:column;gap:4px}
.dlwe-command-time strong{font-family:Georgia,serif;font-size:22px;line-height:1.1}
.dlwe-command-time span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#776f64}
.dlwe-command-main{min-width:0}
.dlwe-command-title-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.dlwe-command-title-row h3{margin:4px 0 8px;font-family:Georgia,serif;font-size:20px}
.dlwe-command-event{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:#9a7d4d}
.dlwe-command-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.dlwe-command-priority{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#f2eee7;color:#60584e;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.dlwe-command-priority.is-high{background:#f8ecd7;color:#7a531b}
.dlwe-command-priority.is-urgent{background:#f6dedb;color:#8b2f25}
.dlwe-command-main>p{margin:5px 0 10px;color:#514b43;line-height:1.55}
.dlwe-command-meta{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.dlwe-command-meta>span,.dlwe-command-client-safe{display:inline-flex;padding:5px 9px;border-radius:999px;background:#f7f4ef;color:#6a6259;font-size:11px}
.dlwe-command-client-safe{background:#edf4ee!important;color:#416149!important}
.dlwe-command-issue{padding:10px 12px;border-radius:12px;background:#fff0ed;color:#7a3028!important}
.dlwe-command-completion{padding:10px 12px;border-radius:12px;background:#eef5ef;color:#35563c!important}
.dlwe-command-vendor-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:12px;background:#f8f6f1;margin:10px 0}
.dlwe-command-vendor-line strong{font-size:13px}
.dlwe-command-vendor-line span{font-size:11px;color:#726a60}
.dlwe-command-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}
.dlwe-command-ack-state{font-size:11px;font-weight:700;color:#3f6447;background:#e8f2ea;border-radius:999px;padding:6px 10px}
.dlwe-command-dual-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.dlwe-command-team-list,.dlwe-command-department-list,.dlwe-command-activity-list{display:grid;gap:12px}
.dlwe-command-team-card{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid #e1dbd1;border-radius:15px;background:#fff}
.dlwe-command-team-card>div:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}
.dlwe-command-team-card strong{font-size:14px}
.dlwe-command-team-card span,.dlwe-command-team-card small{font-size:11px;color:#746b60}
.dlwe-command-team-card small{font-weight:700}
.dlwe-command-department-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px;border:1px solid #e1dbd1;border-radius:15px;background:#fff}
.dlwe-command-department-card>div:first-child{display:flex;flex-direction:column;gap:4px}
.dlwe-command-department-card span{font-size:11px;color:#756d63}
.dlwe-command-progress{display:flex;align-items:center;gap:10px;min-width:150px}
.dlwe-command-progress>span{height:7px;flex:1;background:#eee8df;border-radius:999px;overflow:hidden}
.dlwe-command-progress i{display:block;height:100%;background:#9d875b;border-radius:999px}
.dlwe-command-activity{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:12px;align-items:flex-start;padding:13px 0;border-bottom:1px solid #ebe6dd}
.dlwe-command-activity-dot{width:10px;height:10px;border-radius:50%;background:#b79e6e;margin-top:5px}
.dlwe-command-activity>div{display:flex;flex-direction:column;gap:3px}
.dlwe-command-activity strong{font-size:13px}
.dlwe-command-activity span,.dlwe-command-activity small,.dlwe-command-activity p{font-size:11px;color:#746c63;margin:0}
.dlwe-command-editor{margin-top:10px}
.dlwe-command-client-safe-section{border-color:#b8cdbb;background:#f8fcf8}

/* Couple Portal — client-safe wedding status */
.dlwe-couple-command-status-list{display:grid;gap:12px;margin-top:20px}
.dlwe-couple-command-status-item{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:14px;align-items:flex-start;padding:17px;border:1px solid #e4ddd2;border-radius:16px;background:#fff}
.dlwe-couple-command-status-marker{width:10px;height:10px;border-radius:50%;background:#b59a5b;margin-top:7px;box-shadow:0 0 0 5px #f5f0e6}
.dlwe-couple-command-status-copy{display:flex;flex-direction:column;gap:6px}
.dlwe-couple-command-status-copy>div>span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#90774f}
.dlwe-couple-command-status-copy h3{margin:3px 0 0;font-family:Georgia,serif;font-size:19px}
.dlwe-couple-command-status-copy p{margin:0;color:#5e574f;line-height:1.55}
.dlwe-couple-command-status-copy small{color:#7b736a}
.dlwe-couple-command-status-meta{display:flex;flex-direction:column;gap:8px;align-items:flex-end}
.dlwe-couple-command-time{font-family:Georgia,serif;font-size:16px;font-weight:700}

@media (max-width:1180px){
  .dlwe-command-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dlwe-command-dual-grid{grid-template-columns:1fr}
  .dlwe-command-toolbar{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .dlwe-command-summary{grid-template-columns:1fr 1fr}
  .dlwe-command-toolbar{grid-template-columns:1fr}
  .dlwe-command-item{grid-template-columns:1fr;padding:15px}
  .dlwe-command-time{border-right:0;border-bottom:1px solid #ece7de;padding:0 0 10px;flex-direction:row;justify-content:space-between;align-items:center}
  .dlwe-command-title-row{flex-direction:column}
  .dlwe-command-pills{justify-content:flex-start}
  .dlwe-command-department-card{align-items:flex-start;flex-direction:column}
  .dlwe-command-progress{width:100%}
  .dlwe-couple-command-status-item{grid-template-columns:14px minmax(0,1fr)}
  .dlwe-couple-command-status-meta{grid-column:2;flex-direction:row;align-items:center}
}
@media (max-width:520px){
  .dlwe-command-summary{grid-template-columns:1fr}
}

/* Phase 9A — Secure Document Centre ------------------------------------- */
.dlwe-document-summary-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 20px;
}

.dlwe-document-summary-card,
.dlwe-document-toolbar-card,
.dlwe-document-activity-card {
  background: #fff;
  border: 1px solid rgba(49, 39, 25, 0.12);
  border-radius: 18px;
  box-shadow: 0 12px 34px rgba(26, 20, 13, 0.055);
}

.dlwe-document-summary-card {
  display: grid;
  gap: 6px;
  padding: 18px;
  min-height: 126px;
}

.dlwe-document-summary-card span {
  color: #766b5d;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.dlwe-document-summary-card strong {
  color: #17120d;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 34px;
  font-weight: 500;
  line-height: 1;
}

.dlwe-document-summary-card small {
  color: #8b8175;
  font-size: 12px;
  line-height: 1.45;
}

.dlwe-document-toolbar-card {
  margin-bottom: 20px;
  padding: 18px;
}

.dlwe-document-toolbar {
  display: grid;
  grid-template-columns: minmax(220px, 1.4fr) minmax(220px, 1.5fr) repeat(5, minmax(145px, 1fr));
  gap: 12px;
  align-items: end;
}

.dlwe-document-toolbar label,
.dlwe-document-modal-card label {
  display: grid;
  gap: 7px;
}

.dlwe-document-toolbar label > span,
.dlwe-document-modal-card label > span {
  color: #655b4e;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.dlwe-document-library-card {
  margin-bottom: 20px;
}

.dlwe-document-table td {
  vertical-align: top;
}

.dlwe-document-table td small,
.dlwe-document-name small {
  display: block;
  margin-top: 5px;
  color: #8a8175;
  font-size: 11px;
  line-height: 1.4;
}

.dlwe-document-name {
  min-width: 220px;
}

.dlwe-document-name strong {
  display: block;
  color: #1b1611;
  font-size: 14px;
}

.dlwe-document-tag {
  display: inline-flex;
  margin: 7px 5px 0 0;
  padding: 3px 7px;
  border-radius: 999px;
  background: #f2ede4;
  color: #706555;
  font-size: 10px;
  font-weight: 700;
}

.dlwe-document-version {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  padding: 5px 8px;
  border-radius: 999px;
  background: #17120d;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
}

.dlwe-document-expiry {
  display: inline-flex;
  padding: 5px 8px;
  border-radius: 999px;
  background: #f1eee8;
  color: #61584d;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.dlwe-document-expiry.is-warning {
  background: #fff1cf;
  color: #805900;
}

.dlwe-document-expiry.is-danger {
  background: #fde4e1;
  color: #9a3026;
}

.dlwe-document-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 190px;
}

.dlwe-document-row-actions button {
  appearance: none;
  border: 1px solid #d7cdbd;
  border-radius: 8px;
  background: #fff;
  color: #2d261e;
  cursor: pointer;
  font-size: 10px;
  font-weight: 750;
  padding: 6px 8px;
}

.dlwe-document-row-actions button:hover {
  border-color: #a98d52;
  background: #fbf7ef;
}

.dlwe-document-row-actions button.is-danger {
  border-color: #d8aaa5;
  color: #9b3027;
}

.dlwe-document-table tr.is-archived {
  opacity: .72;
}

.dlwe-document-approval-approved {
  background: #e3f3e8 !important;
  color: #2f7245 !important;
}

.dlwe-document-approval-pending-approval {
  background: #fff1cf !important;
  color: #805900 !important;
}

.dlwe-document-approval-rejected {
  background: #fde4e1 !important;
  color: #9a3026 !important;
}

.dlwe-document-activity-card {
  padding: 20px;
}

.dlwe-document-activity-list {
  display: grid;
  gap: 0;
}

.dlwe-document-activity-item {
  position: relative;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 12px;
  padding: 13px 0;
  border-bottom: 1px solid #eee8de;
}

.dlwe-document-activity-item:last-child {
  border-bottom: 0;
}

.dlwe-document-activity-dot {
  width: 9px;
  height: 9px;
  margin-top: 5px;
  border-radius: 50%;
  background: #b49a64;
  box-shadow: 0 0 0 4px #f4eee2;
}

.dlwe-document-activity-item strong {
  color: #201a14;
  font-size: 13px;
}

.dlwe-document-activity-item p {
  margin: 4px 0;
  color: #675e53;
  font-size: 12px;
}

.dlwe-document-activity-item small {
  color: #988f84;
  font-size: 11px;
}

.dlwe-document-modal[hidden] {
  display: none !important;
}

.dlwe-document-modal {
  position: fixed;
  z-index: 999999;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
}

.dlwe-document-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 12, 9, .68);
  backdrop-filter: blur(4px);
}

.dlwe-document-modal-card {
  position: relative;
  width: min(980px, 96vw);
  max-height: 92vh;
  overflow: auto;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 34px 110px rgba(0, 0, 0, .34);
}

.dlwe-document-modal-card > header,
.dlwe-document-modal-card > form > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 24px;
  border-bottom: 1px solid #e9e1d5;
}

.dlwe-document-modal-card > form {
  margin: 0;
}

.dlwe-document-modal-card > form > .dlwe-form-grid {
  padding: 24px;
}

.dlwe-document-modal-card > form > footer {
  justify-content: flex-end;
  border-top: 1px solid #e9e1d5;
  border-bottom: 0;
}

.dlwe-document-modal-card h2 {
  margin: 3px 0 0;
}

.dlwe-icon-button {
  width: 38px;
  height: 38px;
  border: 1px solid #ded4c5;
  border-radius: 50%;
  background: #fff;
  color: #342c23;
  cursor: pointer;
  font-size: 24px;
  line-height: 1;
}

.dlwe-document-version-history {
  margin: 0 24px 24px;
  padding: 18px;
  border: 1px solid #e5ddcf;
  border-radius: 16px;
  background: #fbf9f5;
}

.dlwe-document-version-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 13px 0;
  border-bottom: 1px solid #e7dfd3;
}

.dlwe-document-version-item:last-child {
  border-bottom: 0;
}

.dlwe-document-version-item > div:first-child {
  display: grid;
  gap: 3px;
}

.dlwe-document-version-item > div:last-child {
  display: flex;
  gap: 7px;
}

.dlwe-document-version-item span,
.dlwe-document-version-item small,
.dlwe-document-version-item p {
  color: #756b5f;
  font-size: 11px;
}

.dlwe-document-version-item p {
  margin: 4px 0 0;
}

body.dlwe-modal-open {
  overflow: hidden;
}

@container (max-width: 1180px) {
  .dlwe-document-summary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dlwe-document-toolbar {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@container (max-width: 720px) {
  .dlwe-document-summary-grid,
  .dlwe-document-toolbar {
    grid-template-columns: 1fr;
  }

  .dlwe-document-modal {
    padding: 0;
  }

  .dlwe-document-modal-card {
    width: 100vw;
    max-height: 100vh;
    min-height: 100vh;
    border-radius: 0;
  }

  .dlwe-document-version-item {
    display: grid;
  }
}


/* Phase 9B — Notification Centre & Automations */
.dlwe-notification-header{align-items:flex-start}
.dlwe-notification-list{display:grid;gap:12px;padding:4px 0}
.dlwe-notification-item{display:grid;grid-template-columns:6px minmax(0,1fr) auto;gap:16px;align-items:start;border:1px solid #ded8cd;border-radius:16px;background:#fff;padding:16px;box-shadow:0 8px 24px rgba(29,25,20,.04)}
.dlwe-notification-item.is-unread{border-color:#cbb783;background:#fffdf8}
.dlwe-notification-item.is-read{opacity:.78}
.dlwe-notification-marker{width:6px;height:100%;min-height:72px;border-radius:99px;background:#b9b4aa}
.dlwe-notification-item.priority-critical .dlwe-notification-marker{background:#8f2f2f}
.dlwe-notification-item.priority-high .dlwe-notification-marker{background:#b77828}
.dlwe-notification-item.priority-normal .dlwe-notification-marker{background:#9b8250}
.dlwe-notification-item.priority-low .dlwe-notification-marker{background:#7c8b84}
.dlwe-notification-content h3{margin:7px 0 5px;font-family:Georgia,serif;font-size:18px}
.dlwe-notification-content p{margin:0 0 8px;white-space:pre-line}
.dlwe-notification-content small{color:#6f6a62}
.dlwe-notification-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#766f64;font-size:12px}
.dlwe-priority-label{text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.dlwe-notification-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:120px}
.dlwe-notification-settings-card{margin-top:22px}
.dlwe-notification-settings-card footer{display:flex;align-items:center;gap:16px;margin-top:18px;flex-wrap:wrap}
.dlwe-notification-rules{border:1px solid #ded8cd;border-radius:14px;padding:14px;display:flex;flex-wrap:wrap;gap:12px 20px}
.dlwe-notification-rules legend{padding:0 8px;font-weight:700}
.dlwe-notification-rules label{display:flex;gap:7px;align-items:center}
@media(max-width:760px){.dlwe-notification-item{grid-template-columns:5px minmax(0,1fr)}.dlwe-notification-actions{grid-column:2;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap}.dlwe-notification-header .dlwe-header-actions{width:100%}}

/* Phase 9C — Reports & Analytics */
.dlwe-reports-analytics-panel{container-type:inline-size}
.dlwe-analytics-filter-section{position:relative}
.dlwe-analytics-section{margin-top:22px;border:1px solid #ded8cd;border-radius:18px;background:#fff;padding:20px;box-shadow:0 10px 28px rgba(29,25,20,.04)}
.dlwe-analytics-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.dlwe-analytics-summary-card{display:flex;min-height:132px;flex-direction:column;justify-content:space-between;border:1px solid #ddd5c8;border-radius:16px;background:linear-gradient(150deg,#fff,#faf7f1);padding:17px}
.dlwe-analytics-summary-card span{color:#6f685f;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.dlwe-analytics-summary-card strong{margin:12px 0 4px;font-family:Georgia,serif;font-size:27px;font-weight:500;line-height:1.05}
.dlwe-analytics-summary-card small{color:#786f63;font-size:12px;line-height:1.45}
.dlwe-analytics-summary-card.is-positive{border-color:#b9cec1;background:#f8fcf9}
.dlwe-analytics-summary-card.is-warning{border-color:#d9c28f;background:#fffaf0}
.dlwe-analytics-summary-card.is-negative{border-color:#d8b3ad;background:#fff8f7}
.dlwe-analytics-two-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:22px}
.dlwe-analytics-two-column>.dlwe-form-section{margin:0;min-width:0}
.dlwe-analytics-alert-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dlwe-analytics-alert{position:relative;display:grid;gap:8px;border:1px solid #ded8cd;border-left:5px solid #b59a5b;border-radius:14px;background:#fff;padding:15px}
.dlwe-analytics-alert.is-critical{border-left-color:#943b36;background:#fff9f8}
.dlwe-analytics-alert.is-warning,.dlwe-analytics-alert.is-high{border-left-color:#b67c2d;background:#fffbf3}
.dlwe-analytics-alert.is-low{border-left-color:#7c8b84;background:#f8fbfa}
.dlwe-analytics-alert>div{display:grid;gap:3px}
.dlwe-analytics-alert span{color:#766e62;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.dlwe-analytics-alert strong{font-family:Georgia,serif;font-size:16px;line-height:1.3}
.dlwe-analytics-alert p{margin:0;color:#4f4942;font-size:12px;line-height:1.55}
.dlwe-analytics-alert small{color:#746d64;font-size:11px}
.dlwe-analytics-bar-chart{display:grid;gap:14px;padding-top:4px}
.dlwe-analytics-bar-row{display:grid;gap:7px}
.dlwe-analytics-bar-label{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px}
.dlwe-analytics-bar-label span{font-weight:600}
.dlwe-analytics-bar-label strong{font-family:Georgia,serif;font-size:17px}
.dlwe-analytics-bar-track{height:10px;overflow:hidden;border-radius:99px;background:#eee9e0}
.dlwe-analytics-bar-track span{display:block;height:100%;border-radius:inherit;background:#9b8250;transition:width .25s ease}
.dlwe-analytics-bar-row.is-excellent .dlwe-analytics-bar-track span{background:#547762}
.dlwe-analytics-bar-row.is-on-track .dlwe-analytics-bar-track span{background:#7f9276}
.dlwe-analytics-bar-row.is-watch .dlwe-analytics-bar-track span{background:#b47b2f}
.dlwe-analytics-bar-row.is-critical .dlwe-analytics-bar-track span{background:#963f39}
.dlwe-analytics-financial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.dlwe-analytics-financial-card{border:1px solid #d9cfbd;border-radius:16px;background:#fbf8f2;padding:16px}
.dlwe-analytics-financial-card header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e6ddce;padding-bottom:11px;margin-bottom:7px}
.dlwe-analytics-financial-card header strong{font-family:Georgia,serif;font-size:22px}
.dlwe-analytics-financial-card header span{color:#6f675d;font-size:11px}
.dlwe-analytics-financial-card>div{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid #ebe5db;font-size:12px}
.dlwe-analytics-financial-card>div:last-child{border-bottom:0}
.dlwe-analytics-financial-card>div span{color:#6d665d}
.dlwe-analytics-financial-card>div strong{text-align:right}
.dlwe-analytics-table{min-width:1180px}
.dlwe-analytics-table th,.dlwe-analytics-table td{vertical-align:top}
.dlwe-analytics-risk-row{background:#fffaf6}
.dlwe-analytics-score-pill{display:inline-flex;min-width:68px;flex-direction:column;align-items:center;border:1px solid #d8d1c5;border-radius:11px;padding:6px 9px;background:#faf8f4;text-align:center}
.dlwe-analytics-score-pill strong{font-family:Georgia,serif;font-size:17px;line-height:1}
.dlwe-analytics-score-pill small{margin-top:3px;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.dlwe-analytics-score-pill.is-excellent{border-color:#a9c1af;background:#f5faf6;color:#3f684c}
.dlwe-analytics-score-pill.is-on-track{border-color:#becab4;background:#f8faf5;color:#617554}
.dlwe-analytics-score-pill.is-watch{border-color:#dac18f;background:#fffaf0;color:#90621f}
.dlwe-analytics-score-pill.is-critical{border-color:#d6aaa6;background:#fff6f5;color:#8a332f}
.dlwe-analytics-progress-cell{display:grid;min-width:83px;gap:3px}
.dlwe-analytics-progress-cell>strong{font-size:12px}
.dlwe-analytics-progress-cell>small{color:#70695f;font-size:9px;white-space:nowrap}
.dlwe-analytics-progress-cell>span{display:block;height:5px;overflow:hidden;border-radius:99px;background:#ece7df}
.dlwe-analytics-progress-cell>span i{display:block;height:100%;border-radius:inherit;background:#7c957f}
.dlwe-analytics-progress-cell.is-risk>span i{background:#b77636}
.dlwe-analytics-trend-chart{overflow-x:auto;padding:5px 0 2px}
.dlwe-analytics-trend-legend{display:flex;flex-wrap:wrap;gap:12px 18px;margin-bottom:16px;color:#6b645b;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.dlwe-analytics-trend-legend span{display:flex;align-items:center;gap:6px}
.dlwe-analytics-trend-legend span:before{content:"";width:9px;height:9px;border-radius:2px;background:#8b7a62}
.dlwe-analytics-trend-legend .is-completed:before{background:#718a75}
.dlwe-analytics-trend-legend .is-command:before{background:#a17c46}
.dlwe-analytics-trend-legend .is-document:before{background:#7f8296}
.dlwe-analytics-trend-legend .is-meeting:before{background:#9a6f78}
.dlwe-analytics-trend-grid{display:flex;min-width:max-content;align-items:end;gap:12px;border-bottom:1px solid #d8d0c4;padding:10px 6px 0}
.dlwe-analytics-trend-grid article{display:grid;width:88px;gap:7px;text-align:center}
.dlwe-analytics-trend-grid article>strong{overflow:hidden;color:#6d665d;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.dlwe-analytics-trend-bars{display:flex;height:170px;align-items:end;justify-content:center;gap:3px}
.dlwe-analytics-trend-bars span{display:block;width:10px;min-height:0;border-radius:4px 4px 0 0;background:#8b7a62}
.dlwe-analytics-trend-bars .is-completed{background:#718a75}
.dlwe-analytics-trend-bars .is-command{background:#a17c46}
.dlwe-analytics-trend-bars .is-document{background:#7f8296}
.dlwe-analytics-trend-bars .is-meeting{background:#9a6f78}
.dlwe-analytics-metric-list{display:grid;gap:10px}
.dlwe-analytics-metric{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #e0d9ce;border-radius:13px;background:#fff;padding:13px 14px}
.dlwe-analytics-metric>div{display:grid;gap:3px}
.dlwe-analytics-metric span{font-size:12px;font-weight:700}
.dlwe-analytics-metric small{color:#70695f;font-size:10px}
.dlwe-analytics-metric>strong{font-family:Georgia,serif;font-size:18px;text-align:right;white-space:nowrap}
.dlwe-analytics-metric.is-positive{border-color:#bcd0c1;background:#f8fcf9}
.dlwe-analytics-metric.is-warning{border-color:#dec695;background:#fffaf1}
.dlwe-analytics-metric.is-negative{border-color:#d8b0ab;background:#fff8f7}

@container (max-width:1180px){
  .dlwe-analytics-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dlwe-analytics-alert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dlwe-analytics-financial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container (max-width:760px){
  .dlwe-analytics-summary-grid,.dlwe-analytics-alert-grid,.dlwe-analytics-two-column,.dlwe-analytics-financial-grid{grid-template-columns:1fr}
  .dlwe-analytics-summary-card{min-height:112px}
  .dlwe-analytics-section{padding:15px}
  .dlwe-analytics-metric{align-items:flex-start;flex-direction:column;gap:8px}
  .dlwe-analytics-metric>strong{text-align:left}
}

@media print{
  body.dlwe-print-reports-analytics .dlwe-sidebar,
  body.dlwe-print-reports-analytics .dlwe-mobile-topbar,
  body.dlwe-print-reports-analytics .dlwe-header-actions,
  body.dlwe-print-reports-analytics #dlwe-analytics-message,
  body.dlwe-print-reports-analytics #dlwe-analytics-loading,
  body.dlwe-print-reports-analytics .dlwe-analytics-filter-section,
  body.dlwe-print-reports-analytics .dlwe-pagination-controls{display:none!important}
  body.dlwe-print-reports-analytics [data-dlwe-panel]{display:none!important}
  body.dlwe-print-reports-analytics [data-dlwe-panel="reports-analytics"]{display:block!important}
  body.dlwe-print-reports-analytics .dlwe-main,
  body.dlwe-print-reports-analytics .dlwe-portal-shell{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
  body.dlwe-print-reports-analytics .dlwe-analytics-section,
  body.dlwe-print-reports-analytics .dlwe-form-section,
  body.dlwe-print-reports-analytics .dlwe-analytics-summary-card,
  body.dlwe-print-reports-analytics .dlwe-analytics-alert,
  body.dlwe-print-reports-analytics .dlwe-analytics-financial-card{box-shadow:none!important;break-inside:avoid}
  body.dlwe-print-reports-analytics .dlwe-table-scroll{overflow:visible!important}
  body.dlwe-print-reports-analytics .dlwe-analytics-table{min-width:0!important;font-size:8px}
  body.dlwe-print-reports-analytics .dlwe-analytics-table th,
  body.dlwe-print-reports-analytics .dlwe-analytics-table td{padding:5px!important}
  body.dlwe-print-reports-analytics .dlwe-analytics-two-column{break-inside:avoid}
}

/* ========================================================================
   Phase 10A — Mobile & Tablet Optimization (v4.8.4)
   Responsive navigation, touch controls, searchable long selectors,
   horizontal table controls, mobile operations and Couple Portal refinements.
   ======================================================================== */
:root {
  --dlwe-live-vh: 100dvh;
  --dlwe-safe-bottom: env(safe-area-inset-bottom, 0px);
  --dlwe-touch-target: 44px;
}

.dlwe-mobile-context-bar,
.dlwe-mobile-choice-button,
.dlwe-mobile-table-controls {
  display: none;
}

.dlwe-mobile-choice-finder[hidden],
.dlwe-couple-network-state[hidden] {
  display: none !important;
}

body.dlwe-choice-finder-open {
  overflow: hidden !important;
}

.dlwe-mobile-choice-finder {
  position: fixed;
  inset: 0;
  z-index: 100100;
  display: grid;
  place-items: center;
  padding: 24px;
}

.dlwe-mobile-choice-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(17, 14, 11, .72);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.dlwe-mobile-choice-dialog {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  width: min(680px, 100%);
  max-height: min(760px, calc(var(--dlwe-live-vh) - 48px));
  overflow: hidden;
  border: 1px solid rgba(181, 139, 73, .36);
  border-radius: 22px;
  background: #fffdf9;
  box-shadow: 0 30px 100px rgba(15, 12, 9, .35);
}

.dlwe-mobile-choice-dialog > header,
.dlwe-mobile-choice-dialog > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 17px 20px;
  background: #fffdf9;
}

.dlwe-mobile-choice-dialog > header {
  border-bottom: 1px solid #e7dfd3;
}

.dlwe-mobile-choice-dialog > header > div {
  display: grid;
  gap: 3px;
}

.dlwe-mobile-choice-dialog > header span {
  color: #8b7653;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.dlwe-mobile-choice-dialog > header h2 {
  margin: 0;
  color: #231f1a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 24px;
  font-weight: 500;
}

.dlwe-mobile-choice-dialog > header > button {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  flex: 0 0 44px;
  border: 1px solid #dcd2c3;
  border-radius: 999px;
  background: #fff;
  color: #312a23;
  font-size: 26px;
  cursor: pointer;
}

.dlwe-mobile-choice-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 14px 20px;
  border-bottom: 1px solid #e7dfd3;
  background: #faf7f1;
}

.dlwe-mobile-choice-search input {
  width: 100%;
  min-height: 48px;
  border: 1px solid #d7cbb9;
  border-radius: 12px;
  padding: 11px 14px;
  background: #fff;
  font-size: 16px;
}

.dlwe-mobile-choice-search small {
  color: #756b5f;
  white-space: nowrap;
}

.dlwe-mobile-choice-list {
  min-height: 180px;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 10px;
  -webkit-overflow-scrolling: touch;
}

.dlwe-mobile-choice-option {
  display: flex;
  width: 100%;
  min-height: 56px;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 0;
  padding: 11px 13px;
  border: 0;
  border-bottom: 1px solid #eee7dd;
  border-radius: 10px;
  background: transparent;
  color: #28221c;
  text-align: left;
  cursor: pointer;
}

.dlwe-mobile-choice-option:hover,
.dlwe-mobile-choice-option:focus-visible,
.dlwe-mobile-choice-option:has(input:checked) {
  background: #f4ecdf;
}

.dlwe-mobile-choice-option > span {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.dlwe-mobile-choice-option strong {
  overflow: hidden;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dlwe-mobile-choice-option small {
  color: #776e64;
  font-size: 11px;
}

.dlwe-mobile-choice-option input {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  accent-color: #9b7942;
}

.dlwe-mobile-choice-option i {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  flex: 0 0 28px;
  border-radius: 999px;
  background: #6e845f;
  color: #fff;
  font-style: normal;
}

.dlwe-mobile-choice-dialog > footer {
  justify-content: flex-end;
  border-top: 1px solid #e7dfd3;
  padding-bottom: calc(17px + var(--dlwe-safe-bottom));
}

.dlwe-mobile-file-summary,
.dlwe-couple-file-summary {
  display: block;
  margin-top: 6px;
  color: #7b7267;
  font-size: 11px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.dlwe-mobile-file-summary.has-files,
.dlwe-couple-file-summary.has-file {
  color: #496451;
  font-weight: 700;
}

/* Render long lists incrementally without changing data or pagination. */
.dlwe-command-item,
.dlwe-roster-shift-card,
.dlwe-roster-availability-card,
.dlwe-notification-item,
.dlwe-document-activity-item,
.dlwe-task-card,
.dlwe-my-wedding-card,
.dlwe-couple-document-row,
.dlwe-couple-payment-row,
.dlwe-couple-meeting-row {
  content-visibility: auto;
  contain-intrinsic-size: auto 150px;
}

@media (max-width: 1024px) {
  :root { --dlwe-touch-target: 46px; }

  .dlwe-mobile-context-bar {
    position: sticky;
    top: calc(var(--wp-admin--admin-bar--height, 0px) + 72px);
    z-index: 980;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    gap: 10px;
    align-items: center;
    min-height: 58px;
    margin: -8px 0 20px;
    padding: 8px 10px;
    border: 1px solid rgba(177, 137, 76, .25);
    border-radius: 14px;
    background: rgba(255, 253, 249, .94);
    box-shadow: 0 8px 24px rgba(30, 24, 18, .08);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
  }

  .dlwe-mobile-context-menu,
  .dlwe-mobile-context-top {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 1px solid #d9cfbf;
    border-radius: 10px;
    background: #fff;
    color: #302920;
    padding: 8px 11px;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
  }

  .dlwe-mobile-context-title {
    display: grid;
    min-width: 0;
    gap: 1px;
  }

  .dlwe-mobile-context-title span {
    color: #817568;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
  }

  .dlwe-mobile-context-title strong {
    overflow: hidden;
    color: #2b251f;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 15px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .dlwe-mobile-connectivity {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #526858;
    font-size: 9px;
    font-weight: 800;
    white-space: nowrap;
  }

  .dlwe-mobile-connectivity i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #5d8067;
  }

  .dlwe-mobile-connectivity.is-slow { color: #8b682e; }
  .dlwe-mobile-connectivity.is-slow i { background: #bc8434; }
  .dlwe-mobile-connectivity.is-offline { color: #963e35; }
  .dlwe-mobile-connectivity.is-offline i { background: #a64a40; }

  body.dlwe-is-touch .dlwe-portal-shell button,
  body.dlwe-is-touch .dlwe-portal-shell a.dlwe-primary-button,
  body.dlwe-is-touch .dlwe-portal-shell a.dlwe-secondary-button,
  body.dlwe-is-touch .dlwe-portal-shell input:not([type="checkbox"]):not([type="radio"]),
  body.dlwe-is-touch .dlwe-portal-shell select,
  body.dlwe-is-touch .dlwe-portal-shell textarea {
    min-height: var(--dlwe-touch-target);
  }

  body.dlwe-is-touch .dlwe-portal-shell input[type="checkbox"],
  body.dlwe-is-touch .dlwe-portal-shell input[type="radio"] {
    width: 20px;
    height: 20px;
  }

  .dlwe-mobile-choice-button {
    display: grid;
    width: 100%;
    min-height: 48px;
    gap: 2px;
    margin-top: 7px;
    padding: 9px 12px;
    border: 1px dashed #bda77f;
    border-radius: 11px;
    background: #faf6ee;
    color: #554939;
    text-align: left;
    cursor: pointer;
  }

  .dlwe-mobile-choice-button span {
    color: #8b744e;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  .dlwe-mobile-choice-button strong {
    overflow: hidden;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .dlwe-mobile-table-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 10px 0 7px;
    padding: 7px 9px;
    border: 1px solid #e0d7c9;
    border-radius: 10px;
    background: #faf7f1;
    color: #71685e;
    font-size: 10px;
  }

  .dlwe-mobile-table-controls[hidden] { display: none !important; }

  .dlwe-mobile-table-controls > div { display: flex; gap: 6px; }

  .dlwe-mobile-table-controls button {
    display: grid;
    width: 38px;
    min-height: 36px !important;
    place-items: center;
    border: 1px solid #d7ccbb;
    border-radius: 8px;
    background: #fff;
    color: #443b32;
    cursor: pointer;
  }

  .dlwe-mobile-table-controls button:disabled { opacity: .35; }

  .dlwe-mobile-table-region {
    position: relative;
    scrollbar-width: thin;
    scrollbar-color: #b59a6c #eee8df;
  }

  .dlwe-mobile-table-region:focus-visible {
    outline: 3px solid rgba(181, 139, 73, .28);
    outline-offset: 3px;
  }

  .dlwe-mobile-table-region table thead th {
    position: sticky;
    top: 0;
    z-index: 3;
    background: #f6f1e9;
    box-shadow: inset 0 -1px 0 #dcd3c5;
  }

  .dlwe-portal-shell .dlwe-hr-tabs,
  .dlwe-portal-shell .dlwe-command-tabs,
  .dlwe-portal-shell .dlwe-roster-tabs,
  .dlwe-portal-shell .dlwe-task-tabs,
  .dlwe-portal-shell .dlwe-timeline-day-tabs,
  .dlwe-portal-shell .dlwe-couple-tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    max-width: 100%;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
  }

  .dlwe-portal-shell .dlwe-hr-tabs > *,
  .dlwe-portal-shell .dlwe-command-tabs > *,
  .dlwe-portal-shell .dlwe-roster-tabs > *,
  .dlwe-portal-shell .dlwe-task-tabs > *,
  .dlwe-portal-shell .dlwe-timeline-day-tabs > * {
    flex: 0 0 auto !important;
    scroll-snap-align: center;
  }

  .dlwe-portal-shell .dlwe-panel-header,
  .dlwe-portal-shell .dlwe-portal-header,
  .dlwe-portal-shell .dlwe-command-header,
  .dlwe-portal-shell .dlwe-roster-header,
  .dlwe-portal-shell .dlwe-table-heading,
  .dlwe-portal-shell .dlwe-task-dashboard-card-heading {
    gap: 16px;
  }

  .dlwe-portal-shell .dlwe-command-header-actions,
  .dlwe-portal-shell .dlwe-roster-header-actions,
  .dlwe-portal-shell .dlwe-document-centre-panel .dlwe-header-actions {
    width: 100%;
    max-width: none;
    justify-content: flex-start;
  }

  .dlwe-portal-shell .dlwe-command-item,
  .dlwe-portal-shell .dlwe-roster-shift-card {
    scroll-margin-top: 152px;
  }

  .dlwe-document-modal,
  .dlwe-calendar-modal,
  .dlwe-user-delete-modal,
  .dlwe-quick-actions-modal,
  .dlwe-reset-result-modal {
    padding: 16px !important;
  }

  .dlwe-document-modal-card,
  .dlwe-calendar-modal-card,
  .dlwe-user-delete-dialog,
  .dlwe-quick-actions-dialog,
  .dlwe-reset-result-dialog {
    max-height: calc(var(--dlwe-live-vh) - 32px) !important;
    overscroll-behavior: contain;
  }

  .dlwe-document-modal-card > header,
  .dlwe-document-modal-card > form > footer,
  .dlwe-calendar-modal-card > header,
  .dlwe-calendar-modal-actions {
    position: sticky;
    z-index: 5;
    background: #fffdf9;
  }

  .dlwe-document-modal-card > header,
  .dlwe-calendar-modal-card > header { top: 0; }

  .dlwe-document-modal-card > form > footer,
  .dlwe-calendar-modal-actions {
    bottom: 0;
    padding-bottom: calc(16px + var(--dlwe-safe-bottom));
  }

  /* Tablet wedding-day command layout. */
  body.dlwe-is-tablet.dlwe-is-landscape .dlwe-command-item-list,
  body.dlwe-is-tablet.dlwe-is-landscape .dlwe-roster-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.dlwe-is-tablet.dlwe-is-landscape .dlwe-command-item {
    grid-template-columns: 82px minmax(0, 1fr);
  }

  body.dlwe-is-tablet.dlwe-is-landscape .dlwe-command-summary {
    grid-template-columns: repeat(5, minmax(130px, 1fr));
    overflow-x: auto;
  }

  .dlwe-roster-availability-calendar {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .dlwe-roster-calendar-grid { min-width: 760px; }
}

@media (max-width: 760px) {
  :root { --dlwe-touch-target: 48px; }

  .dlwe-mobile-context-bar {
    top: calc(var(--wp-admin--admin-bar--height, 0px) + 66px);
    grid-template-columns: auto minmax(0, 1fr) auto;
    margin: -6px 0 16px;
  }

  .dlwe-mobile-connectivity { grid-column: 2; }
  .dlwe-mobile-context-top { grid-column: 3; grid-row: 1 / span 2; }
  .dlwe-mobile-context-menu { grid-row: 1 / span 2; }

  .dlwe-portal-shell .dlwe-main {
    padding-bottom: calc(36px + var(--dlwe-safe-bottom)) !important;
  }

  .dlwe-portal-shell .dlwe-header-actions,
  .dlwe-portal-shell .dlwe-command-header-actions,
  .dlwe-portal-shell .dlwe-roster-header-actions,
  .dlwe-portal-shell .dlwe-document-centre-panel .dlwe-header-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px !important;
  }

  .dlwe-portal-shell .dlwe-header-actions > *,
  .dlwe-portal-shell .dlwe-command-header-actions > *,
  .dlwe-portal-shell .dlwe-roster-header-actions > *,
  .dlwe-portal-shell .dlwe-document-centre-panel .dlwe-header-actions > * {
    width: 100% !important;
    min-width: 0 !important;
  }

  .dlwe-portal-shell .dlwe-summary-grid,
  .dlwe-portal-shell .dlwe-task-summary,
  .dlwe-portal-shell .dlwe-command-summary,
  .dlwe-portal-shell .dlwe-document-summary-grid,
  .dlwe-portal-shell .dlwe-roster-summary,
  .dlwe-portal-shell .dlwe-analytics-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .dlwe-portal-shell .dlwe-summary-card,
  .dlwe-portal-shell .dlwe-task-summary-card,
  .dlwe-portal-shell .dlwe-document-summary-card,
  .dlwe-portal-shell .dlwe-analytics-summary-card {
    min-height: 104px !important;
    padding: 14px !important;
  }

  .dlwe-portal-shell .dlwe-summary-card strong,
  .dlwe-portal-shell .dlwe-task-summary-card strong,
  .dlwe-portal-shell .dlwe-document-summary-card strong,
  .dlwe-portal-shell .dlwe-analytics-summary-card strong {
    font-size: clamp(20px, 7vw, 28px) !important;
  }

  .dlwe-command-tabs,
  .dlwe-roster-tabs {
    position: sticky;
    top: calc(var(--wp-admin--admin-bar--height, 0px) + 132px);
    z-index: 20;
    background: rgba(248, 244, 237, .96);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }

  .dlwe-command-item {
    gap: 12px !important;
    border-radius: 15px !important;
  }

  .dlwe-command-actions,
  .dlwe-roster-card-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px !important;
    margin-right: -4px;
    margin-left: -4px;
    padding: 10px 4px 2px;
    border-top: 1px solid #eee7dd;
    background: linear-gradient(to bottom, rgba(255,255,255,.8), #fff 28%);
  }

  .dlwe-command-actions > *,
  .dlwe-roster-card-actions > * {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: center;
  }

  .dlwe-command-title-row h3 { font-size: 19px; }
  .dlwe-command-time strong { font-size: 19px; }

  .dlwe-roster-shift-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .dlwe-document-toolbar,
  .dlwe-command-toolbar,
  .dlwe-roster-toolbar {
    grid-template-columns: 1fr !important;
  }

  .dlwe-document-modal-card,
  .dlwe-calendar-modal-card,
  .dlwe-user-delete-dialog,
  .dlwe-quick-actions-dialog,
  .dlwe-reset-result-dialog {
    width: 100% !important;
    max-width: none !important;
    border-radius: 18px !important;
  }

  .dlwe-document-modal-card > form,
  .dlwe-calendar-modal-card {
    -webkit-overflow-scrolling: touch;
  }

  .dlwe-document-version-item {
    grid-template-columns: 1fr !important;
  }

  .dlwe-document-version-item > div:last-child {
    justify-content: flex-start !important;
  }

  .dlwe-mobile-choice-finder {
    align-items: end;
    padding: 0;
  }

  .dlwe-mobile-choice-dialog {
    width: 100%;
    max-height: min(88dvh, var(--dlwe-live-vh));
    border-radius: 22px 22px 0 0;
    border-bottom: 0;
  }
}

@media (max-width: 620px) {
  .dlwe-mobile-context-menu span:last-child,
  .dlwe-mobile-context-top span,
  .dlwe-mobile-table-controls > span b {
    display: none;
  }

  .dlwe-mobile-context-menu,
  .dlwe-mobile-context-top {
    width: 44px;
    padding: 8px;
  }

  .dlwe-mobile-context-title strong { font-size: 14px; }

  .dlwe-portal-shell .dlwe-header-actions,
  .dlwe-portal-shell .dlwe-command-header-actions,
  .dlwe-portal-shell .dlwe-roster-header-actions,
  .dlwe-portal-shell .dlwe-document-centre-panel .dlwe-header-actions {
    grid-template-columns: 1fr 1fr !important;
  }

  .dlwe-portal-shell .dlwe-header-actions > :only-child,
  .dlwe-portal-shell .dlwe-header-actions > :last-child:nth-child(odd),
  .dlwe-portal-shell .dlwe-command-header-actions > :last-child:nth-child(odd),
  .dlwe-portal-shell .dlwe-roster-header-actions > :last-child:nth-child(odd),
  .dlwe-portal-shell .dlwe-document-centre-panel .dlwe-header-actions > :last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }

  .dlwe-portal-shell .dlwe-form-section,
  .dlwe-portal-shell .dlwe-table-card,
  .dlwe-portal-shell .dlwe-task-editor,
  .dlwe-portal-shell .dlwe-client-editor,
  .dlwe-portal-shell .dlwe-workspace-card,
  .dlwe-portal-shell .dlwe-document-toolbar-card,
  .dlwe-portal-shell .dlwe-document-activity-card,
  .dlwe-portal-shell .dlwe-analytics-section {
    border-radius: 14px !important;
  }

  .dlwe-portal-shell .dlwe-form-grid > *,
  .dlwe-portal-shell .dlwe-form-grid .dlwe-field,
  .dlwe-portal-shell .dlwe-field-wide,
  .dlwe-portal-shell .dlwe-field-full {
    min-width: 0;
    grid-column: 1 / -1 !important;
  }

  .dlwe-command-actions,
  .dlwe-roster-card-actions {
    grid-template-columns: 1fr 1fr !important;
  }

  .dlwe-roster-shift-heading,
  .dlwe-roster-availability-card,
  .dlwe-roster-conflict-card {
    gap: 10px !important;
  }

  /* Document tables become readable mobile cards instead of tiny columns. */
  .dlwe-mobile-card-table {
    min-width: 0 !important;
    border: 0 !important;
  }

  .dlwe-mobile-card-table thead { display: none !important; }
  .dlwe-mobile-card-table tbody,
  .dlwe-mobile-card-table tr,
  .dlwe-mobile-card-table td {
    display: block !important;
    width: 100% !important;
  }

  .dlwe-mobile-card-table tr {
    margin: 0 0 12px;
    padding: 12px;
    border: 1px solid #ded5c8;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 7px 18px rgba(31, 25, 18, .04);
  }

  .dlwe-mobile-card-table td {
    display: grid !important;
    grid-template-columns: minmax(88px, .36fr) minmax(0, .64fr);
    gap: 10px;
    min-width: 0 !important;
    padding: 8px 3px !important;
    border: 0 !important;
    border-bottom: 1px solid #eee7dd !important;
    text-align: left !important;
  }

  .dlwe-mobile-card-table td:last-child { border-bottom: 0 !important; }
  .dlwe-mobile-card-table td::before {
    content: attr(data-label);
    color: #7e7265;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
  }

  .dlwe-mobile-card-table .dlwe-document-row-actions {
    justify-content: flex-start !important;
  }

  .dlwe-mobile-choice-dialog > footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .dlwe-mobile-choice-dialog > footer #dlwe-mobile-choice-apply {
    grid-column: 1 / -1;
  }

  body.dlwe-mobile-keyboard-open .dlwe-mobile-context-bar,
  body.dlwe-mobile-keyboard-open .dlwe-command-tabs,
  body.dlwe-mobile-keyboard-open .dlwe-roster-tabs {
    position: static !important;
  }
}

/* Couple Portal phone and tablet refinements. */
.dlwe-couple-network-state {
  position: sticky;
  top: 0;
  z-index: 60;
  padding: 10px 18px;
  background: #8e3b32;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}

@media (max-width: 980px) {
  .dlwe-couple-main {
    width: min(100% - 28px, 920px);
    padding-top: 28px;
  }

  .dlwe-couple-tabs {
    position: sticky;
    top: 82px;
    z-index: 18;
    scroll-snap-type: x proximity;
    padding: 7px;
    background: rgba(255, 253, 249, .95);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
  }

  .dlwe-couple-tabs button { scroll-snap-align: center; }

  body.dlwe-is-touch .dlwe-couple-shell button,
  body.dlwe-is-touch .dlwe-couple-shell input,
  body.dlwe-is-touch .dlwe-couple-shell select,
  body.dlwe-is-touch .dlwe-couple-shell textarea,
  body.dlwe-is-touch .dlwe-couple-shell a.dlwe-button-link {
    min-height: 46px;
  }
}

@media (max-width: 680px) {
  .dlwe-couple-topbar {
    position: sticky;
    top: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 13px 15px;
  }

  .dlwe-couple-topbar > div:first-child { min-width: 0; }
  .dlwe-couple-topbar .dlwe-sidebar-brand { font-size: 21px !important; }
  .dlwe-couple-topbar .dlwe-sidebar-subtitle { font-size: 8px !important; }

  .dlwe-couple-user {
    width: auto;
    flex-direction: row;
  }

  .dlwe-couple-user > span:not(.dlwe-user-avatar) { display: none; }
  .dlwe-couple-user .dlwe-secondary-button { width: auto !important; min-width: 78px; }

  .dlwe-couple-main {
    width: calc(100% - 20px);
    padding: 18px 0 calc(32px + var(--dlwe-safe-bottom));
  }

  .dlwe-couple-hero {
    gap: 20px;
    padding: 24px 20px;
    border-radius: 0;
  }

  .dlwe-couple-hero h1 { font-size: clamp(34px, 12vw, 52px); }
  .dlwe-couple-hero .dlwe-muted { font-size: 14px; line-height: 1.6; }
  .dlwe-couple-countdown { padding: 18px; }

  .dlwe-couple-tabs {
    top: 68px;
    gap: 5px;
    margin: 14px 0;
    border-radius: 13px;
  }

  .dlwe-couple-tabs button {
    min-width: 112px;
    min-height: 44px;
    padding: 9px 11px;
    font-size: 12px;
  }

  .dlwe-couple-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    margin: 12px 0;
  }

  .dlwe-couple-summary-card {
    min-height: 105px;
    padding: 15px;
  }

  .dlwe-couple-summary-card strong { font-size: 20px; }

  .dlwe-couple-card {
    padding: 20px 16px;
    border-radius: 14px;
  }

  .dlwe-couple-card-heading { margin-bottom: 17px; padding-bottom: 13px; }
  .dlwe-couple-card-heading h2 { font-size: 25px; }

  .dlwe-couple-document-row,
  .dlwe-couple-payment-row,
  .dlwe-couple-meeting-row,
  .dlwe-couple-finance-document {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 11px !important;
    padding: 14px !important;
  }

  .dlwe-couple-document-row > .dlwe-button-link,
  .dlwe-couple-document-actions,
  .dlwe-couple-meeting-actions,
  .dlwe-couple-finance-actions,
  .dlwe-couple-payment-row > .dlwe-status-pill {
    grid-column: 1 / -1;
    width: 100%;
    justify-content: stretch;
  }

  .dlwe-couple-document-actions > *,
  .dlwe-couple-meeting-actions > *,
  .dlwe-couple-finance-actions > *,
  .dlwe-couple-document-row > .dlwe-button-link {
    width: 100% !important;
    justify-content: center;
  }

  .dlwe-couple-upload-form,
  .dlwe-couple-document-upload-grid {
    grid-template-columns: 1fr !important;
  }

  .dlwe-couple-progress-ring {
    width: 128px;
    height: 128px;
  }

  .dlwe-couple-progress-ring::before { width: 98px; height: 98px; }
  .dlwe-couple-progress-ring strong { font-size: 29px; }

  .dlwe-couple-footer { gap: 6px; font-size: 10px; }
}

@media (max-width: 420px) {
  .dlwe-couple-summary-grid { grid-template-columns: 1fr 1fr; }
  .dlwe-couple-summary-card span { font-size: 9px; }
  .dlwe-couple-summary-card small { font-size: 10px; }
  .dlwe-couple-document-row,
  .dlwe-couple-payment-row,
  .dlwe-couple-meeting-row { grid-template-columns: 1fr !important; }
  .dlwe-couple-document-icon { width: 40px; height: 40px; }
}

@media (prefers-reduced-motion: reduce) {
  .dlwe-mobile-choice-dialog,
  .dlwe-mobile-table-region,
  .dlwe-couple-tabs,
  .dlwe-command-tabs,
  .dlwe-roster-tabs {
    scroll-behavior: auto !important;
  }
}

@media print {
  .dlwe-mobile-context-bar,
  .dlwe-mobile-table-controls,
  .dlwe-mobile-choice-button,
  .dlwe-mobile-choice-finder,
  .dlwe-couple-network-state {
    display: none !important;
  }

  .dlwe-mobile-table-region {
    overflow: visible !important;
  }
}

/* Phase 10A loading, error and offline visibility refinements. */
@media (max-width: 1024px) {
  .dlwe-portal-shell .dlwe-form-loading {
    min-height: 96px;
    border: 1px solid #e2d9cc;
    border-radius: 14px;
    background: linear-gradient(100deg, #faf7f1 20%, #fff 38%, #faf7f1 56%);
    background-size: 220% 100%;
    animation: dlweMobileLoadingSweep 1.5s linear infinite;
  }

  .dlwe-portal-shell .dlwe-alert {
    scroll-margin-top: 150px;
    overflow-wrap: anywhere;
  }

  .dlwe-portal-shell button:disabled,
  .dlwe-portal-shell .is-loading {
    cursor: wait;
  }
}

@keyframes dlweMobileLoadingSweep {
  to { background-position-x: -220%; }
}

.dlwe-couple-network-state:not([hidden]) + .dlwe-couple-topbar {
  top: 36px;
}

@media (prefers-reduced-motion: reduce) {
  .dlwe-portal-shell .dlwe-form-loading { animation: none !important; }
}


/* Phase 10B — Security, Audit, Backups & Maintenance */
.dlwe-security-global-mode{display:flex;align-items:center;gap:14px;padding:12px 18px;margin:0 0 18px;border:1px solid #c7a86b;border-radius:14px;background:#fff8e8;box-shadow:0 8px 24px rgba(34,27,17,.06)}
.dlwe-security-global-mode strong{font-family:Georgia,serif;letter-spacing:.03em}
.dlwe-security-global-mode span{color:#66593f}
.dlwe-security-panel{--security-pass:#2f6b52;--security-warning:#9a6a16;--security-fail:#a23a38}
.dlwe-security-mode-banner{display:flex;align-items:center;gap:14px;padding:14px 18px;margin-bottom:18px;border-radius:14px;border:1px solid #d2b774;background:#fff8e7}
.dlwe-security-mode-banner strong{font-family:Georgia,serif;font-size:18px}
.dlwe-security-mode-banner.mode-full_maintenance,.dlwe-security-mode-banner.mode-read_only{border-color:#b76662;background:#fff1f0}
.dlwe-security-tabs{display:flex;gap:8px;overflow-x:auto;padding:5px;margin-bottom:20px;border:1px solid #ddd3c2;border-radius:16px;background:#f8f5ef;scrollbar-width:thin}
.dlwe-security-tabs button{flex:0 0 auto;border:0;background:transparent;padding:11px 17px;border-radius:11px;font:inherit;font-weight:700;color:#655d50;cursor:pointer}
.dlwe-security-tabs button.is-active{background:#1d1b18;color:#fff;box-shadow:0 6px 18px rgba(29,27,24,.18)}
.dlwe-security-tab-panel{animation:dlweSecurityFade .2s ease}
@keyframes dlweSecurityFade{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:none}}
.dlwe-security-overview-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(360px,1.2fr);gap:20px}
.dlwe-security-score-card{display:flex;flex-direction:column}
#dlwe-security-score{display:flex;align-items:center;justify-content:center;gap:24px;min-height:260px;padding:24px}
.dlwe-security-score-ring{--dlwe-security-score:0;position:relative;width:170px;height:170px;border-radius:50%;display:grid;place-items:center;text-align:center;background:conic-gradient(#1d1b18 calc(var(--dlwe-security-score) * 1%),#e8e2d7 0)}
.dlwe-security-score-ring:before{content:"";position:absolute;inset:13px;border-radius:50%;background:#fff}
.dlwe-security-score-ring strong,.dlwe-security-score-ring span{position:relative;z-index:1;display:block}
.dlwe-security-score-ring strong{font-family:Georgia,serif;font-size:39px}
.dlwe-security-score-ring span{font-size:12px;color:#6f675b;margin-top:-36px}
.dlwe-security-score-copy{display:grid;gap:9px}
.dlwe-security-score-copy p{margin:0;padding:10px 12px;border-radius:10px;background:#f7f3ec;font-weight:700;color:#575045}
.dlwe-security-event-list{display:grid;gap:9px}
.dlwe-security-event{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;border:1px solid #e5ddd0;border-left:4px solid #777;border-radius:12px;background:#fff}
.dlwe-security-event.severity-warning{border-left-color:var(--security-warning)}
.dlwe-security-event.severity-high,.dlwe-security-event.severity-critical{border-left-color:var(--security-fail)}
.dlwe-security-event div{display:grid;gap:2px}.dlwe-security-event span,.dlwe-security-event time{font-size:12px;color:#756d61}
.dlwe-security-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) repeat(3,minmax(150px,.35fr));gap:10px;margin:16px 0}
.dlwe-security-toolbar input,.dlwe-security-toolbar select{min-height:45px;border:1px solid #d8d0c2;border-radius:11px;padding:0 12px;background:#fff}
.dlwe-security-audit-table td small{display:block;color:#7b7368;margin-top:3px}
.dlwe-security-audit-table td:last-child{min-width:260px;white-space:normal}
.dlwe-security-pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:#ece8e0}
.dlwe-security-pill.severity-warning{background:#fff0ca;color:#755010}
.dlwe-security-pill.severity-high,.dlwe-security-pill.severity-critical{background:#f9d9d7;color:#812f2c}
.dlwe-security-backup-note{max-width:720px;margin-bottom:15px}
.dlwe-security-backup-list{display:grid;gap:14px}
.dlwe-security-backup-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:18px;border:1px solid #ddd4c5;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(38,31,20,.04)}
.dlwe-security-backup-card.status-partial,.dlwe-security-backup-card.status-validation_failed{border-color:#d7a87b;background:#fffaf4}
.dlwe-security-backup-main{display:flex;gap:14px;min-width:0}
.dlwe-security-backup-icon{width:46px;height:46px;display:grid;place-items:center;flex:0 0 46px;border-radius:13px;background:#1d1b18;color:#fff;font-family:Georgia,serif;font-size:20px}
.dlwe-security-backup-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;color:#756d61}
.dlwe-security-backup-card h3{margin:8px 0 4px;font-family:Georgia,serif}
.dlwe-security-backup-card p{margin:0;color:#6e665b}
.dlwe-security-backup-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.dlwe-security-error-copy{display:block;color:#8b3734;margin-top:7px}
.dlwe-danger-text{color:#9d312e!important}
.dlwe-security-settings-form{padding:22px}
.dlwe-security-warning{padding:15px 17px;margin:15px 0 20px;border:1px solid #dbbc81;border-radius:13px;background:#fff8e8}
.dlwe-security-warning p{margin:4px 0 0;color:#6f6045}
.dlwe-security-diagnostic-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;padding:20px 22px;border-radius:16px;background:#f2f5f1;border:1px solid #cbdacc}
.dlwe-security-diagnostic-hero.status-action-required{background:#fff1f0;border-color:#e0b1af}
.dlwe-security-diagnostic-hero.status-review{background:#fff8e8;border-color:#e0c88e}
.dlwe-security-diagnostic-hero div{display:flex;align-items:baseline;gap:12px}.dlwe-security-diagnostic-hero strong{font-family:Georgia,serif;font-size:38px}.dlwe-security-diagnostic-hero p{font-weight:800;text-align:right}.dlwe-security-diagnostic-hero small{display:block;font-weight:400;color:#786f63}
.dlwe-security-check-list{display:grid;gap:10px;margin-bottom:20px}
.dlwe-security-check{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;border:1px solid #ddd5c8;border-radius:13px;background:#fff}
.dlwe-security-check-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-weight:900;background:#e7f0ea;color:var(--security-pass)}
.dlwe-security-check.status-warning .dlwe-security-check-mark{background:#fff0ca;color:var(--security-warning)}
.dlwe-security-check.status-fail .dlwe-security-check-mark{background:#f9d9d7;color:var(--security-fail)}
.dlwe-security-check p{margin:3px 0 0;color:#6f675c}
.dlwe-security-maintenance-card{max-width:620px;margin:50px auto}
.dlwe-read-only-fieldset{opacity:.7;pointer-events:none}

@media (max-width:1100px){
  .dlwe-security-overview-grid{grid-template-columns:1fr}
  .dlwe-security-toolbar{grid-template-columns:1fr 1fr}
  .dlwe-security-backup-card{grid-template-columns:1fr}
  .dlwe-security-backup-actions{justify-content:flex-start}
}
@media (max-width:680px){
  .dlwe-security-global-mode{align-items:flex-start;flex-direction:column;gap:4px}
  .dlwe-security-toolbar{grid-template-columns:1fr}
  #dlwe-security-score{flex-direction:column}
  .dlwe-security-score-ring{width:145px;height:145px}
  .dlwe-security-backup-main{align-items:flex-start}
  .dlwe-security-backup-actions{display:grid;grid-template-columns:1fr 1fr}
  .dlwe-security-backup-actions a,.dlwe-security-backup-actions button{width:100%;justify-content:center}
  .dlwe-security-check{grid-template-columns:34px minmax(0,1fr)}
  .dlwe-security-check>.dlwe-status-pill{grid-column:2;justify-self:start}
  .dlwe-security-diagnostic-hero{align-items:flex-start;flex-direction:column}
  .dlwe-security-diagnostic-hero p{text-align:left}
}
@media print{
  body.dlwe-print-security-audit .dlwe-sidebar,
  body.dlwe-print-security-audit .dlwe-mobile-context-bar,
  body.dlwe-print-security-audit .dlwe-portal-header,
  body.dlwe-print-security-audit .dlwe-security-tabs,
  body.dlwe-print-security-audit .dlwe-security-toolbar,
  body.dlwe-print-security-audit .dlwe-security-tab-panel:not([data-security-panel="audit"]),
  body.dlwe-print-security-audit .dlwe-header-actions{display:none!important}
  body.dlwe-print-security-audit [data-dlwe-panel]{display:none!important}
  body.dlwe-print-security-audit [data-dlwe-panel="security-backups"]{display:block!important}
  body.dlwe-print-security-audit [data-security-panel="audit"]{display:block!important}
  body.dlwe-print-security-audit .dlwe-portal-main{padding:0!important}
  body.dlwe-print-security-audit .dlwe-table-scroll{overflow:visible}
  body.dlwe-print-security-audit table{font-size:9px}
}

/* Phase 10C - Production Launch Centre */
.dlwe-launch-panel{--launch-gold:#9b8250}
.dlwe-launch-release-banner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}
.dlwe-launch-release-banner>div{display:grid;gap:6px;border:1px solid #ddd4c5;border-radius:15px;background:linear-gradient(145deg,#fff,#faf7f1);padding:15px}
.dlwe-launch-release-banner span{color:#746c62;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.dlwe-launch-release-banner strong{font-family:Georgia,serif;font-size:21px;font-weight:500}
.dlwe-launch-progress-card{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(280px,2fr);align-items:center;gap:24px;border:1px solid #d9cfbd;border-radius:18px;background:#fbf8f2;padding:20px;margin-bottom:16px}
.dlwe-launch-progress-card>div:first-child{display:grid;gap:5px}
.dlwe-launch-progress-card strong{font-family:Georgia,serif;font-size:42px;font-weight:500;line-height:1}
.dlwe-launch-progress-card span{color:#6f675d;font-size:12px}
.dlwe-launch-progress-track,.dlwe-launch-mini-track{overflow:hidden;border-radius:99px;background:#e9e2d6}
.dlwe-launch-progress-track{height:15px}
.dlwe-launch-progress-track span,.dlwe-launch-mini-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#76623e,#b49a63);transition:width .25s ease}
.dlwe-launch-quick-links{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:20px}
.dlwe-launch-quick-links button{border:1px solid #d8d0c3;border-radius:99px;background:#fff;padding:9px 14px;color:#453f38;font:inherit;font-size:12px;cursor:pointer}
.dlwe-launch-quick-links button:hover{border-color:#9b8250;background:#fbf8f2}
.dlwe-launch-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.dlwe-launch-group{overflow:hidden;border:1px solid #ddd6ca;border-radius:16px;background:#fff}
.dlwe-launch-group>header{display:grid;gap:9px;border-bottom:1px solid #ebe5dc;background:#faf8f4;padding:13px 15px}
.dlwe-launch-group>header>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}
.dlwe-launch-group>header strong{font-family:Georgia,serif;font-size:16px;font-weight:500}
.dlwe-launch-group>header span{color:#716960;font-size:11px}
.dlwe-launch-mini-track{height:5px}
.dlwe-launch-check{display:block;border-bottom:1px solid #eee9e1;cursor:pointer}
.dlwe-launch-check:last-child{border-bottom:0}
.dlwe-launch-check input{position:absolute;opacity:0;pointer-events:none}
.dlwe-launch-check>span{display:grid;grid-template-columns:21px 1fr;align-items:start;gap:10px;padding:12px 14px;color:#4f4942;font-size:12px;line-height:1.5}
.dlwe-launch-check i{display:grid;width:19px;height:19px;place-items:center;border:1px solid #c9c0b2;border-radius:6px;background:#fff;margin-top:1px}
.dlwe-launch-check input:checked+span{background:#f8fbf8;color:#355340;text-decoration:none}
.dlwe-launch-check input:checked+span i{border-color:#547762;background:#547762}
.dlwe-launch-check input:checked+span i:after{content:'✓';color:#fff;font-size:12px;font-style:normal;font-weight:700}
.dlwe-launch-check input:focus-visible+span{outline:2px solid #9b8250;outline-offset:-2px}
.dlwe-launch-two-column{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;margin-top:20px}
.dlwe-launch-two-column>.dlwe-form-section{margin:0}
.dlwe-launch-two-column textarea{width:100%;min-height:210px;resize:vertical}
.dlwe-launch-signoff-message{display:grid;gap:3px;border:1px solid #ddd4c6;border-radius:13px;background:#faf8f4;padding:14px;margin-top:14px}
.dlwe-launch-signoff-message strong{font-family:Georgia,serif;font-size:17px;font-weight:500}
.dlwe-launch-signoff-message span{color:#6d655c;font-size:11px}
.dlwe-launch-plan{margin-top:20px}
.dlwe-launch-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.dlwe-launch-step-grid article{display:grid;align-content:start;gap:9px;border:1px solid #ddd5c8;border-radius:15px;background:#fff;padding:15px}
.dlwe-launch-step-grid article>span{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#3d3933;color:#fff;font-family:Georgia,serif}
.dlwe-launch-step-grid strong{font-family:Georgia,serif;font-size:16px;font-weight:500}
.dlwe-launch-step-grid p{margin:0;color:#665f56;font-size:11px;line-height:1.55}
@media(max-width:1050px){.dlwe-launch-release-banner,.dlwe-launch-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dlwe-launch-checklist{grid-template-columns:1fr}.dlwe-launch-two-column{grid-template-columns:1fr}}
@media(max-width:720px){.dlwe-launch-release-banner{grid-template-columns:repeat(2,minmax(0,1fr))}.dlwe-launch-progress-card{grid-template-columns:1fr;gap:14px}.dlwe-launch-progress-card strong{font-size:36px}.dlwe-launch-step-grid{grid-template-columns:1fr}.dlwe-launch-quick-links{display:grid;grid-template-columns:1fr 1fr}.dlwe-launch-quick-links button{border-radius:12px;text-align:left}}
@media print{body.dlwe-print-launch-centre .dlwe-sidebar,body.dlwe-print-launch-centre .dlwe-mobile-context-bar,body.dlwe-print-launch-centre .dlwe-header-actions,body.dlwe-print-launch-centre .dlwe-launch-quick-links,body.dlwe-print-launch-centre #dlwe-launch-reset{display:none!important}body.dlwe-print-launch-centre .dlwe-main,body.dlwe-print-launch-centre .dlwe-portal-main{padding:0!important}body.dlwe-print-launch-centre [data-dlwe-panel]{display:none!important}body.dlwe-print-launch-centre [data-dlwe-panel="launch-centre"]{display:block!important;position:static!important}body.dlwe-print-launch-centre .dlwe-launch-checklist{grid-template-columns:1fr 1fr}body.dlwe-print-launch-centre .dlwe-form-section,body.dlwe-print-launch-centre .dlwe-launch-group{break-inside:avoid;box-shadow:none}}


/* DLWE v5.0.1 hardening — explicit backup coverage */
.dlwe-security-backup-coverage{margin:0 0 18px}
.dlwe-security-coverage-card{border:1px solid rgba(134,103,52,.28);border-radius:18px;padding:18px;background:rgba(250,247,240,.86);display:grid;gap:16px}
.dlwe-security-coverage-card.needs-action{border-color:rgba(171,93,43,.45);background:rgba(255,247,238,.94)}
.dlwe-security-coverage-card.is-confirmed{border-color:rgba(71,119,79,.38);background:rgba(244,250,245,.94)}
.dlwe-security-coverage-card h3{margin:2px 0 6px}
.dlwe-security-coverage-card p{margin:0}
.dlwe-security-coverage-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.dlwe-security-coverage-columns strong{display:block;margin-bottom:8px}
.dlwe-security-coverage-columns ul{margin:0;padding-left:18px;display:grid;gap:5px}
@media (max-width:720px){.dlwe-security-coverage-columns{grid-template-columns:1fr}}

/* Dated Connect account approvals — v5.4.0 */
.dlwe-connect-approval-card{margin:24px 0;padding:24px;border:1px solid rgba(169,122,58,.24);border-radius:20px;background:linear-gradient(145deg,#fffdf9,#f8f2e8);box-shadow:0 15px 38px rgba(55,40,24,.08)}
.dlwe-connect-approval-card .dlwe-section-title-row{align-items:flex-start;gap:20px;margin-bottom:18px}
.dlwe-connect-approval-card .dlwe-section-title-row h2{margin-bottom:5px}
.dlwe-connect-approval-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px}
.dlwe-connect-approval-stat{padding:14px 16px;border:1px solid #e5dac9;border-radius:14px;background:#fff}
.dlwe-connect-approval-stat span{display:block;color:#7b7166;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.dlwe-connect-approval-stat strong{display:block;margin-top:5px;font:500 24px/1 Georgia,serif;color:#1c1813}
.dlwe-connect-approval-table td{vertical-align:middle}
.dlwe-connect-staff-cell{display:flex;align-items:center;gap:11px;min-width:210px}
.dlwe-connect-staff-avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto;background:#1c1813;color:#efd7aa;font-weight:800}
.dlwe-connect-staff-cell strong,.dlwe-connect-staff-cell small{display:block}.dlwe-connect-staff-cell small{margin-top:3px;color:#82776b}
.dlwe-connect-role-select{min-width:115px;height:40px;padding:0 10px;border:1px solid #d9cdbb;border-radius:10px;background:#fff;color:#1c1813}
.dlwe-connect-approval-actions{display:flex;flex-wrap:wrap;gap:7px;min-width:170px}
.dlwe-connect-approval-actions button{white-space:nowrap}
.dlwe-connect-status{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:10px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
.dlwe-connect-status.is-pending{background:#fff0d2;color:#885b16}.dlwe-connect-status.is-active{background:#e8f5ed;color:#2e714d}.dlwe-connect-status.is-suspended{background:#fce8e5;color:#983d35}.dlwe-connect-status.is-rejected{background:#f1ece5;color:#75695c}
@media(max-width:900px){.dlwe-connect-approval-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.dlwe-connect-approval-card{padding:18px}}
@media(max-width:560px){.dlwe-connect-approval-summary{grid-template-columns:1fr 1fr}.dlwe-connect-approval-card .dlwe-section-title-row{display:block}.dlwe-connect-approval-card .dlwe-section-title-row button{margin-top:12px;width:100%}}

/* ========================================================================
   DLWE PHASE 3 — LUXURY APPLICATION SHELL, GROUPED NAVIGATION & ROUTING
   ======================================================================== */
:root {
  --dlwe-luxury-ink: #15130f;
  --dlwe-luxury-warm: #f6f3ed;
  --dlwe-luxury-paper: #fffdfa;
  --dlwe-luxury-line: rgba(30, 25, 19, .12);
  --dlwe-luxury-champagne: #b79a67;
  --dlwe-luxury-muted: #756f66;
  --dlwe-app-radius: 14px;
}

html:has(body.dlwe-native-app-page),
body.dlwe-native-app-page {
  margin: 0 !important;
  min-height: 100%;
  background: var(--dlwe-luxury-warm) !important;
}

body.dlwe-native-app-page #wpadminbar {
  display: none !important;
}

html:has(body.dlwe-native-app-page) {
  margin-top: 0 !important;
}

body.dlwe-native-app-page .dlwe-portal-shell {
  min-height: 100dvh;
  width: 100%;
  max-width: none;
  margin: 0;
  background:
    radial-gradient(circle at 88% 4%, rgba(183, 154, 103, .09), transparent 25rem),
    var(--dlwe-luxury-warm);
}

body.dlwe-native-app-page .dlwe-main,
body.dlwe-native-app-page .dlwe-portal-main {
  min-width: 0;
}

.dlwe-portal-shell .dlwe-sidebar {
  background: linear-gradient(180deg, #171510 0%, #100f0c 100%);
  border-right: 1px solid rgba(255, 255, 255, .08);
  box-shadow: 22px 0 50px rgba(21, 19, 15, .08);
}

.dlwe-portal-shell .dlwe-sidebar-brand {
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 400;
  letter-spacing: .32em;
}

.dlwe-portal-shell .dlwe-sidebar-subtitle {
  color: rgba(255, 255, 255, .57);
  letter-spacing: .22em;
}

.dlwe-portal-shell .dlwe-nav {
  gap: 8px;
  padding-right: 5px;
}

.dlwe-nav-group {
  display: block;
  border-top: 1px solid rgba(255, 255, 255, .07);
  padding-top: 9px;
}

.dlwe-nav-group:first-child {
  border-top: 0;
  padding-top: 0;
}

.dlwe-nav-group-toggle {
  width: 100%;
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, .48);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px 6px;
  font: inherit;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .17em;
  text-transform: uppercase;
  cursor: default;
}

.dlwe-nav-group-toggle i {
  display: none;
  width: 7px;
  height: 7px;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: rotate(45deg);
  transition: transform .2s ease;
}

.dlwe-nav-group-items {
  display: grid;
  gap: 3px;
}

.dlwe-portal-shell .dlwe-nav-item {
  border: 1px solid transparent;
  border-radius: 9px;
  min-height: 40px;
  padding: 10px 13px 10px 16px;
  color: rgba(255, 255, 255, .74);
  transition: background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}

.dlwe-portal-shell .dlwe-nav-item:hover,
.dlwe-portal-shell .dlwe-nav-item:focus-visible {
  color: #fff;
  background: rgba(255, 255, 255, .065);
  border-color: rgba(255, 255, 255, .08);
  transform: translateX(2px);
}

.dlwe-portal-shell .dlwe-nav-item.is-active {
  color: #fff;
  background: linear-gradient(90deg, rgba(183, 154, 103, .24), rgba(183, 154, 103, .07));
  border-color: rgba(210, 183, 132, .24);
  box-shadow: inset 3px 0 0 var(--dlwe-luxury-champagne);
}

.dlwe-portal-shell .dlwe-nav-item.is-active::before {
  display: none;
}

.dlwe-portal-shell .dlwe-panel > .dlwe-portal-header,
.dlwe-portal-shell .dlwe-form-header {
  border-bottom-color: var(--dlwe-luxury-line);
}

.dlwe-portal-shell .dlwe-form-section,
.dlwe-portal-shell .dlwe-home-card,
.dlwe-portal-shell .dlwe-table-card,
.dlwe-portal-shell .dlwe-card {
  background: rgba(255, 253, 250, .92);
  border-color: var(--dlwe-luxury-line);
  border-radius: var(--dlwe-app-radius);
  box-shadow: 0 14px 34px rgba(27, 22, 16, .045);
}

.dlwe-portal-shell input,
.dlwe-portal-shell select,
.dlwe-portal-shell textarea {
  border-radius: 9px;
}

.dlwe-portal-shell .dlwe-primary-button {
  border-radius: 9px;
  letter-spacing: .04em;
}

.dlwe-portal-shell .dlwe-secondary-button {
  border-radius: 9px;
}

.dlwe-native-route-error {
  min-height: 100dvh;
  display: grid;
  place-content: center;
  text-align: center;
  background: var(--dlwe-luxury-warm);
  color: var(--dlwe-luxury-ink);
  padding: 32px;
}

.dlwe-native-route-error h1 {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(32px, 5vw, 58px);
  font-weight: 400;
  margin: 0 0 12px;
}

@media (max-width: 1024px) {
  body.dlwe-native-app-page .dlwe-portal-shell {
    min-height: var(--dlwe-live-vh, 100dvh);
  }

  .dlwe-portal-shell .dlwe-sidebar {
    box-shadow: 0 12px 35px rgba(21, 19, 15, .16);
  }

  .dlwe-nav-group {
    padding-top: 3px;
  }

  .dlwe-nav-group-toggle {
    cursor: pointer;
    min-height: 42px;
    color: rgba(255, 255, 255, .64);
    padding: 10px 13px;
  }

  .dlwe-nav-group-toggle i {
    display: block;
  }

  .dlwe-nav-group:not(.is-open) .dlwe-nav-group-items {
    display: none;
  }

  .dlwe-nav-group.is-open .dlwe-nav-group-toggle i {
    transform: rotate(225deg);
  }

  .dlwe-nav-group-items {
    padding-bottom: 5px;
  }

  .dlwe-portal-shell .dlwe-nav-item {
    min-height: 44px;
  }
}

@media (max-width: 620px) {
  body.dlwe-native-app-page .dlwe-main,
  body.dlwe-native-app-page .dlwe-portal-main {
    padding-left: max(14px, env(safe-area-inset-left));
    padding-right: max(14px, env(safe-area-inset-right));
    padding-bottom: max(24px, env(safe-area-inset-bottom));
  }

  .dlwe-portal-shell .dlwe-form-section,
  .dlwe-portal-shell .dlwe-home-card,
  .dlwe-portal-shell .dlwe-table-card,
  .dlwe-portal-shell .dlwe-card {
    border-radius: 11px;
  }

  .dlwe-portal-shell .dlwe-header-actions,
  .dlwe-portal-shell .dlwe-form-actions {
    gap: 8px;
  }

  .dlwe-portal-shell .dlwe-header-actions > *,
  .dlwe-portal-shell .dlwe-form-actions > * {
    min-height: 44px;
  }
}

/* Version 6.2.1 — compact dropdown navigation and route-scoped performance mode. */
.dlwe-portal-shell .dlwe-nav-group-toggle {
  cursor: pointer;
  min-height: 42px;
  color: rgba(255, 255, 255, .64);
  padding: 10px 13px;
}

.dlwe-portal-shell .dlwe-nav-group-toggle:hover,
.dlwe-portal-shell .dlwe-nav-group-toggle:focus-visible,
.dlwe-portal-shell .dlwe-nav-group.is-open > .dlwe-nav-group-toggle {
  color: #fff;
  background: rgba(255, 255, 255, .035);
}

.dlwe-portal-shell .dlwe-nav-group-toggle i {
  display: block;
}

.dlwe-portal-shell .dlwe-nav-group:not(.is-open) .dlwe-nav-group-items {
  display: none;
}

.dlwe-portal-shell .dlwe-nav-group.is-open .dlwe-nav-group-toggle i {
  transform: rotate(225deg);
}

.dlwe-portal-shell .dlwe-nav-group-items {
  padding: 2px 0 7px;
  animation: dlweNavGroupReveal .16s ease-out;
}

@keyframes dlweNavGroupReveal {
  from { opacity: 0; transform: translateY(-3px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (min-width: 1025px) {
  .dlwe-portal-shell .dlwe-nav {
    gap: 2px;
  }

  .dlwe-portal-shell .dlwe-nav-group {
    padding-top: 3px;
  }

  .dlwe-portal-shell .dlwe-nav-group-toggle {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .dlwe-portal-shell .dlwe-nav-item {
    min-height: 38px;
    padding-top: 9px;
    padding-bottom: 9px;
  }
}

/* Version 6.3.0 — native planning template library and generation workflow. */
.dlwe-checklist-template-card,
.dlwe-checklist-template-preview-card,
.dlwe-checklist-template-editor {
  border-color: rgba(179, 143, 82, 0.34);
}

.dlwe-checklist-template-actions {
  justify-content: flex-start;
}

.dlwe-template-preview-table td:nth-child(3) {
  min-width: 300px;
}

.dlwe-template-preview-table td strong,
.dlwe-template-preview-table td small,
.dlwe-template-preview-table td em {
  display: block;
}

.dlwe-template-preview-table td small {
  color: var(--dlwe-muted, #776f65);
  margin-top: 5px;
  max-width: 560px;
  line-height: 1.45;
}

.dlwe-template-preview-table td em {
  color: #86663a;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .08em;
  margin-top: 7px;
  text-transform: uppercase;
}

.dlwe-template-preview-table tr.is-existing {
  opacity: .62;
}

.dlwe-template-preview-table select {
  min-width: 210px;
}

.dlwe-template-editor-toolbar {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin: 0 0 18px;
}

.dlwe-template-editor-toolbar strong {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(20px, 2vw, 27px);
  font-weight: 400;
}

.dlwe-template-editor-table td:nth-child(1) {
  min-width: 190px;
}

.dlwe-template-editor-table td:nth-child(2) {
  min-width: 360px;
}

.dlwe-template-editor-table input[type="text"],
.dlwe-template-editor-table input[type="number"],
.dlwe-template-editor-table textarea,
.dlwe-template-editor-table select {
  margin: 0;
  width: 100%;
}

.dlwe-template-editor-table textarea {
  margin-top: 8px;
  min-height: 64px;
  resize: vertical;
}

.dlwe-template-editor-table input[type="checkbox"],
.dlwe-template-preview-table input[type="checkbox"] {
  height: 20px;
  min-height: 20px;
  width: 20px;
}

@media (max-width: 760px) {
  .dlwe-checklist-template-actions .dlwe-primary-button,
  .dlwe-checklist-template-actions .dlwe-secondary-button {
    flex: 1 1 100%;
    width: 100%;
  }

  .dlwe-template-editor-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .dlwe-template-preview-table td:nth-child(3),
  .dlwe-template-editor-table td:nth-child(1),
  .dlwe-template-editor-table td:nth-child(2) {
    min-width: 250px;
  }
}


/* Version 6.3.1 — native checklist workspace and manual timeline builder. */
.dlwe-checklist-workspace {
  margin: 22px 0 28px;
  padding: clamp(18px, 2.2vw, 30px);
  border: 1px solid rgba(179, 145, 82, .28);
  border-radius: 18px;
  background: rgba(255, 253, 248, .92);
  box-shadow: 0 18px 55px rgba(31, 27, 22, .06);
}
.dlwe-checklist-native-title { display:block; margin:10px 0 5px; font-family:Georgia,serif; font-size:17px; line-height:1.25; color:#1c1915; }
.dlwe-checklist-live-table td > small { display:block; margin-top:6px; line-height:1.45; color:#726c63; }
.dlwe-checklist-live-table td > em { display:block; margin-top:7px; font-size:10px; font-style:normal; letter-spacing:.12em; text-transform:uppercase; color:#9b783e; }
.dlwe-checklist-progress-control { display:flex; align-items:center; gap:7px; margin-top:9px; }
.dlwe-checklist-progress-control input { width:76px; min-height:38px; }
.dlwe-checklist-progress-control span { font-weight:700; }
.dlwe-checklist-live-table [data-label="Action"] .dlwe-table-link { display:block; margin-top:9px; }

.dlwe-native-timeline-builder { border-color:rgba(179,145,82,.4); background:linear-gradient(145deg,#fffdf8 0%,#f8f1e6 100%); }
.dlwe-native-timeline-toolbar { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 18px; }
.dlwe-timeline-manual-editor { display:grid; gap:14px; }
.dlwe-timeline-manual-row { border:1px solid rgba(32,28,23,.14); border-radius:16px; background:#fffdfa; overflow:hidden; box-shadow:0 10px 28px rgba(35,30,24,.045); }
.dlwe-timeline-manual-row > header { display:flex; justify-content:space-between; gap:16px; align-items:center; padding:14px 16px; background:#201c17; color:#fff; }
.dlwe-timeline-manual-row > header span { display:block; font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:#d7ba7e; }
.dlwe-timeline-manual-row > header strong { display:block; margin-top:3px; font-family:Georgia,serif; font-size:17px; font-weight:400; }
.dlwe-timeline-row-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; }
.dlwe-timeline-row-actions button { min-height:34px; padding:6px 10px; border:1px solid rgba(255,255,255,.2); border-radius:8px; background:rgba(255,255,255,.06); color:#fff; font-size:10px; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; }
.dlwe-timeline-row-actions button:hover { background:rgba(255,255,255,.14); }
.dlwe-timeline-row-actions button.is-danger { color:#ffb3ad; }
.dlwe-timeline-manual-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; padding:18px; }
.dlwe-timeline-manual-grid label { display:grid; gap:7px; min-width:0; }
.dlwe-timeline-manual-grid label > span { font-size:10px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; color:#6d655b; }
.dlwe-timeline-manual-grid .is-wide { grid-column:span 2; }
.dlwe-timeline-manual-grid input,.dlwe-timeline-manual-grid select,.dlwe-timeline-manual-grid textarea { width:100%; min-height:44px; border:1px solid #d9d0c4; border-radius:9px; background:#fff; padding:10px 12px; color:#1d1a16; }
.dlwe-native-timeline-save-grid { display:grid; grid-template-columns:1fr; gap:18px; align-items:end; margin-top:18px; }
.dlwe-timeline-notify-check { min-height:50px; padding:14px 16px; border:1px solid #ddd2c3; border-radius:10px; background:#fff; }
.dlwe-optional-import-card { margin-top:22px; border-style:dashed; background:rgba(255,255,255,.58); }

@media (max-width: 1050px) {
  .dlwe-timeline-manual-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 720px) {
  .dlwe-checklist-workspace { padding:14px; border-radius:14px; }
  .dlwe-checklist-live-scroll { overflow:visible; }
  .dlwe-checklist-live-table,.dlwe-checklist-live-table tbody,.dlwe-checklist-live-table tr,.dlwe-checklist-live-table td { display:block; width:100%; }
  .dlwe-checklist-live-table thead { display:none; }
  .dlwe-checklist-live-table tr { margin:0 0 14px; padding:14px; border:1px solid #ded4c6; border-radius:14px; background:#fff; }
  .dlwe-checklist-live-table td { padding:10px 0; border:0; }
  .dlwe-checklist-live-table td::before { content:attr(data-label); display:block; margin-bottom:6px; font-size:9px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#9b783e; }
  .dlwe-checklist-live-table select,.dlwe-checklist-live-table textarea { width:100%; }
  .dlwe-native-timeline-toolbar .dlwe-primary-button,.dlwe-native-timeline-toolbar .dlwe-secondary-button { flex:1 1 100%; }
  .dlwe-timeline-manual-row > header { align-items:flex-start; flex-direction:column; }
  .dlwe-timeline-row-actions { justify-content:flex-start; }
  .dlwe-timeline-manual-grid { grid-template-columns:1fr; padding:14px; }
  .dlwe-timeline-manual-grid .is-wide { grid-column:auto; }
  .dlwe-native-timeline-save-grid { grid-template-columns:1fr; }
}

/* Version 6.4.2 — viewport-mounted responsive meeting editor */
#dlwe-meeting-form-modal.dlwe-calendar-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: var(--dlwe-meeting-modal-height, 100dvh);
  max-width: none;
  max-height: none;
  margin: 0;
  padding: clamp(10px, 2vw, 24px);
  overflow: hidden;
  transform: none !important;
  isolation: isolate;
}

#dlwe-meeting-form-modal[hidden] {
  display: none !important;
}

#dlwe-meeting-form-modal .dlwe-calendar-modal-backdrop {
  position: fixed;
  inset: 0;
}

#dlwe-meeting-form-modal .dlwe-meeting-form-card {
  position: relative;
  inset: auto;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  width: min(860px, calc(100vw - clamp(20px, 4vw, 48px)));
  height: min(900px, calc(var(--dlwe-meeting-modal-height, 100dvh) - clamp(20px, 4vw, 48px)));
  max-width: 100%;
  max-height: none !important;
  min-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden !important;
  border-radius: 18px;
  background: #fffdf9;
  transform: none !important;
}

#dlwe-meeting-form-modal .dlwe-meeting-modal-header {
  position: relative;
  min-width: 0;
  padding: 24px 72px 20px 28px;
  border-bottom: 1px solid #e5dccf;
  background: #fffdf9;
}

#dlwe-meeting-form-modal .dlwe-meeting-modal-header .dlwe-eyebrow,
#dlwe-meeting-form-modal .dlwe-meeting-modal-header h2,
#dlwe-meeting-form-modal .dlwe-meeting-modal-header .dlwe-muted {
  margin-left: 0;
  margin-right: 0;
}

#dlwe-meeting-form-modal .dlwe-meeting-modal-header h2 {
  margin-top: 4px;
  margin-bottom: 8px;
}

#dlwe-meeting-form-modal .dlwe-meeting-modal-header .dlwe-muted {
  margin-bottom: 0;
}

#dlwe-meeting-form-modal .dlwe-calendar-modal-close {
  top: 20px;
  right: 24px;
  z-index: 5;
}

#dlwe-meeting-form-modal #dlwe-meeting-form {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  min-width: 0;
  min-height: 0;
  margin: 0;
  overflow: hidden;
}

#dlwe-meeting-form-modal .dlwe-meeting-modal-body {
  min-width: 0;
  min-height: 0;
  padding: 22px 28px 26px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  touch-action: pan-y;
  -webkit-overflow-scrolling: touch;
}

#dlwe-meeting-form-modal .dlwe-meeting-form-grid {
  margin-top: 0;
}

#dlwe-meeting-form-modal #dlwe-meeting-form-message {
  margin: 16px 0 0;
}

#dlwe-meeting-form-modal .dlwe-meeting-modal-footer {
  position: relative !important;
  inset: auto !important;
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  min-width: 0;
  margin: 0;
  padding: 16px 28px;
  border-top: 1px solid #e5dccf;
  background: #fffdf9;
  box-shadow: 0 -10px 24px rgba(31, 27, 22, .04);
}

#dlwe-meeting-form-modal .dlwe-meeting-attendees {
  max-height: none;
  overflow: visible;
}

@media (max-height: 760px) and (min-width: 761px) {
  #dlwe-meeting-form-modal.dlwe-calendar-modal {
    padding: 10px;
  }

  #dlwe-meeting-form-modal .dlwe-meeting-form-card {
    width: min(900px, calc(100vw - 20px));
    height: calc(var(--dlwe-meeting-modal-height, 100dvh) - 20px);
    border-radius: 12px;
  }

  #dlwe-meeting-form-modal .dlwe-meeting-modal-header {
    padding: 16px 64px 14px 22px;
  }

  #dlwe-meeting-form-modal .dlwe-meeting-modal-header h2 {
    margin-bottom: 4px;
    font-size: 25px;
  }

  #dlwe-meeting-form-modal .dlwe-meeting-modal-header .dlwe-muted {
    font-size: 12px;
  }

  #dlwe-meeting-form-modal .dlwe-calendar-modal-close {
    top: 13px;
    right: 18px;
  }

  #dlwe-meeting-form-modal .dlwe-meeting-modal-body {
    padding: 16px 22px 20px;
  }

  #dlwe-meeting-form-modal .dlwe-meeting-modal-footer {
    padding: 12px 22px;
  }

}

@media (max-width: 760px) {
  #dlwe-meeting-form-modal.dlwe-calendar-modal {
    align-items: stretch;
    padding: 0;
  }

  #dlwe-meeting-form-modal .dlwe-meeting-form-card {
    width: 100vw;
    height: var(--dlwe-meeting-modal-height, 100dvh);
    border: 0;
    border-radius: 0;
  }

  #dlwe-meeting-form-modal .dlwe-meeting-modal-header {
    padding: calc(18px + env(safe-area-inset-top)) 62px 16px 18px;
  }

  #dlwe-meeting-form-modal .dlwe-meeting-modal-header h2 {
    font-size: clamp(25px, 8vw, 31px);
  }

  #dlwe-meeting-form-modal .dlwe-calendar-modal-close {
    top: calc(14px + env(safe-area-inset-top));
    right: 16px;
  }

  #dlwe-meeting-form-modal .dlwe-meeting-modal-body {
    padding: 18px 16px 22px;
    scrollbar-gutter: auto;
  }

  #dlwe-meeting-form-modal .dlwe-meeting-form-grid {
    grid-template-columns: 1fr;
  }

  #dlwe-meeting-form-modal .dlwe-field,
  #dlwe-meeting-form-modal .dlwe-field-full {
    grid-column: auto;
  }

  #dlwe-meeting-form-modal .dlwe-meeting-attendees {
    grid-template-columns: 1fr;
    max-height: none;
  }

  #dlwe-meeting-form-modal .dlwe-meeting-modal-footer {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
  }

  #dlwe-meeting-form-modal .dlwe-meeting-modal-footer > * {
    width: 100%;
  }
}

@media (max-width: 420px) {
  #dlwe-meeting-form-modal .dlwe-meeting-modal-header .dlwe-muted {
    display: none;
  }

  #dlwe-meeting-form-modal .dlwe-meeting-modal-header {
    padding-bottom: 12px;
  }
}



/* Version 6.4.3 — luxury meeting editor visual system */
#dlwe-meeting-form-modal,
#dlwe-meeting-form-modal * {
  box-sizing: border-box;
}

#dlwe-meeting-form-modal .dlwe-meeting-form-card {
  width: min(900px, calc(100vw - clamp(24px, 5vw, 64px)));
  border: 1px solid rgba(121, 94, 55, .22);
  border-radius: 20px;
  background: #fbf8f2;
  box-shadow: 0 28px 90px rgba(22, 18, 13, .26);
  color: #1c1915;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

#dlwe-meeting-form-modal .dlwe-meeting-modal-header {
  padding: 24px 74px 22px 30px;
  border-bottom: 1px solid #e5dccf;
  background:
    radial-gradient(circle at 94% 5%, rgba(205, 171, 112, .16), transparent 34%),
    linear-gradient(145deg, #fffdf9 0%, #f8f1e7 100%);
}

#dlwe-meeting-form-modal .dlwe-meeting-modal-header .dlwe-eyebrow {
  margin: 0 0 6px;
  color: #8b6a3d;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .18em;
  line-height: 1.3;
  text-transform: uppercase;
}

#dlwe-meeting-form-modal .dlwe-meeting-modal-header h2 {
  margin: 0 0 7px;
  color: #171411;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(28px, 3vw, 36px);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: -.02em;
}

#dlwe-meeting-form-modal .dlwe-meeting-modal-header .dlwe-muted {
  max-width: 640px;
  margin: 0;
  color: #6e675e;
  font-size: 12.5px;
  line-height: 1.55;
}

#dlwe-meeting-form-modal .dlwe-calendar-modal-close {
  top: 20px;
  right: 24px;
  width: 38px;
  height: 38px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 1px solid #d9cdbd;
  border-radius: 50%;
  background: rgba(255,255,255,.78);
  color: #211d18;
  box-shadow: 0 6px 18px rgba(34,28,20,.06);
  font-size: 22px;
  line-height: 1;
}

#dlwe-meeting-form-modal .dlwe-calendar-modal-close:hover,
#dlwe-meeting-form-modal .dlwe-calendar-modal-close:focus-visible {
  border-color: #9a7747;
  background: #fff;
  outline: 3px solid rgba(167,131,79,.13);
}

#dlwe-meeting-form-modal .dlwe-meeting-modal-body {
  padding: 26px 30px 30px;
  background: #fbf8f2;
}

#dlwe-meeting-form-modal .dlwe-meeting-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 18px;
  margin: 0;
}

#dlwe-meeting-form-modal .dlwe-field,
#dlwe-meeting-form-modal .dlwe-field-full {
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin: 0;
}

#dlwe-meeting-form-modal .dlwe-field-full {
  grid-column: 1 / -1;
}

#dlwe-meeting-form-modal .dlwe-field > span,
#dlwe-meeting-form-modal .dlwe-field-full > span {
  display: block;
  margin: 0 0 8px;
  color: #5d554b;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .14em;
  line-height: 1.35;
  text-transform: uppercase;
}

#dlwe-meeting-form-modal input:not([type="checkbox"]):not([type="radio"]),
#dlwe-meeting-form-modal select,
#dlwe-meeting-form-modal textarea {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: #1d1915 !important;
  background: #fff !important;
  border: 1px solid #d4c8b8 !important;
  border-radius: 10px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8) !important;
  outline: none !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

#dlwe-meeting-form-modal input:not([type="checkbox"]):not([type="radio"]),
#dlwe-meeting-form-modal select {
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 14px !important;
}

#dlwe-meeting-form-modal select {
  padding-right: 38px !important;
  cursor: pointer;
}

#dlwe-meeting-form-modal textarea {
  min-height: 116px !important;
  padding: 13px 14px !important;
  resize: vertical;
}

#dlwe-meeting-form-modal #dlwe-meeting-title {
  height: 52px !important;
  min-height: 52px !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 18px !important;
}

#dlwe-meeting-form-modal input::placeholder,
#dlwe-meeting-form-modal textarea::placeholder {
  color: #999087;
  opacity: 1;
}

#dlwe-meeting-form-modal input:focus,
#dlwe-meeting-form-modal select:focus,
#dlwe-meeting-form-modal textarea:focus {
  border-color: #9b7847 !important;
  box-shadow: 0 0 0 3px rgba(167,131,79,.13) !important;
}

#dlwe-meeting-form-modal .dlwe-meeting-attendees {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  width: 100%;
  max-height: none;
  padding: 12px;
  overflow: visible;
  border: 1px solid #ddd1c1;
  border-radius: 12px;
  background: #f4eee5;
}

#dlwe-meeting-form-modal .dlwe-meeting-attendees label {
  min-height: 66px;
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 0;
  padding: 12px 13px;
  border: 1px solid #ded4c8;
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 4px 14px rgba(34,28,20,.025);
  cursor: pointer;
  transition: border-color 140ms ease, background 140ms ease, box-shadow 140ms ease;
}

#dlwe-meeting-form-modal .dlwe-meeting-attendees label:hover {
  border-color: #b69665;
  background: #fffdf9;
}

#dlwe-meeting-form-modal .dlwe-meeting-attendees label:has(input:checked) {
  border-color: #a37d47;
  background: #fff9ef;
  box-shadow: 0 0 0 2px rgba(167,131,79,.11);
}

#dlwe-meeting-form-modal .dlwe-meeting-attendees input[type="checkbox"] {
  flex: 0 0 auto;
  width: 18px !important;
  height: 18px !important;
  min-height: 0 !important;
  margin: 0 !important;
  accent-color: #8a6839;
}

#dlwe-meeting-form-modal .dlwe-meeting-attendees label > span {
  min-width: 0;
  margin: 0;
}

#dlwe-meeting-form-modal .dlwe-meeting-attendees strong {
  display: block;
  overflow: hidden;
  color: #241f19;
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .08em;
  line-height: 1.35;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

#dlwe-meeting-form-modal .dlwe-meeting-attendees small {
  display: block;
  margin-top: 4px;
  overflow: hidden;
  color: #80766a;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .11em;
  line-height: 1.35;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

#dlwe-meeting-form-modal #dlwe-meeting-form-message {
  margin: 18px 0 0;
  border-radius: 9px;
}

#dlwe-meeting-form-modal .dlwe-meeting-modal-footer {
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 10px;
  padding: 14px 30px;
  border-top: 1px solid #e1d7c9;
  background: rgba(255,253,249,.97);
  box-shadow: 0 -10px 28px rgba(31,27,22,.045);
}

#dlwe-meeting-form-modal .dlwe-meeting-modal-footer .dlwe-primary-button,
#dlwe-meeting-form-modal .dlwe-meeting-modal-footer .dlwe-secondary-button {
  width: auto !important;
  min-width: 148px;
  min-height: 46px;
  margin: 0;
  padding: 11px 18px;
  border-radius: 9px !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .11em;
  line-height: 1.25;
  text-transform: uppercase;
  white-space: nowrap;
}

#dlwe-meeting-form-modal .dlwe-meeting-modal-footer .dlwe-secondary-button {
  order: 1;
  color: #26211b !important;
  background: #fff !important;
  border-color: #d5c8b7 !important;
}

#dlwe-meeting-form-modal .dlwe-meeting-modal-footer .dlwe-primary-button {
  order: 2;
  min-width: 230px;
  color: #fff !important;
  background: #191714 !important;
  border-color: #191714 !important;
}

#dlwe-meeting-form-modal .dlwe-meeting-modal-footer .dlwe-primary-button:hover,
#dlwe-meeting-form-modal .dlwe-meeting-modal-footer .dlwe-primary-button:focus-visible {
  color: #1a1713 !important;
  background: #d6b778 !important;
  border-color: #d6b778 !important;
}

@media (max-height: 760px) and (min-width: 761px) {
  #dlwe-meeting-form-modal .dlwe-meeting-modal-header {
    padding: 16px 66px 14px 22px;
  }

  #dlwe-meeting-form-modal .dlwe-meeting-modal-header h2 {
    font-size: 28px;
  }

  #dlwe-meeting-form-modal .dlwe-meeting-modal-body {
    padding: 18px 22px 22px;
  }

  #dlwe-meeting-form-modal .dlwe-meeting-form-grid {
    gap: 15px 16px;
  }

  #dlwe-meeting-form-modal input:not([type="checkbox"]):not([type="radio"]),
  #dlwe-meeting-form-modal select {
    height: 44px !important;
    min-height: 44px !important;
  }

  #dlwe-meeting-form-modal #dlwe-meeting-title {
    height: 48px !important;
    min-height: 48px !important;
  }

  #dlwe-meeting-form-modal .dlwe-meeting-modal-footer {
    min-height: 66px;
    padding: 10px 22px;
  }
}

@media (max-width: 760px) {
  #dlwe-meeting-form-modal .dlwe-meeting-form-card {
    border-radius: 0;
  }

  #dlwe-meeting-form-modal .dlwe-meeting-modal-header {
    padding: calc(18px + env(safe-area-inset-top)) 62px 16px 18px;
  }

  #dlwe-meeting-form-modal .dlwe-meeting-modal-body {
    padding: 18px 16px 24px;
  }

  #dlwe-meeting-form-modal .dlwe-meeting-form-grid,
  #dlwe-meeting-form-modal .dlwe-meeting-attendees {
    grid-template-columns: 1fr;
  }

  #dlwe-meeting-form-modal .dlwe-meeting-modal-footer {
    min-height: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
  }

  #dlwe-meeting-form-modal .dlwe-meeting-modal-footer .dlwe-primary-button,
  #dlwe-meeting-form-modal .dlwe-meeting-modal-footer .dlwe-secondary-button {
    width: 100% !important;
    min-width: 0;
  }

  #dlwe-meeting-form-modal .dlwe-meeting-modal-footer .dlwe-primary-button {
    order: 1;
  }

  #dlwe-meeting-form-modal .dlwe-meeting-modal-footer .dlwe-secondary-button {
    order: 2;
  }
}

/* Version 6.5.1 — responsive professional Document Centre editor */
#dlwe-document-modal,
#dlwe-document-modal * {
  box-sizing: border-box;
}

#dlwe-document-modal.dlwe-document-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147482000 !important;
  display: grid;
  place-items: center;
  width: 100vw;
  height: var(--dlwe-document-modal-height, 100dvh);
  max-width: none;
  max-height: none;
  margin: 0;
  padding: clamp(12px, 2vw, 24px);
  overflow: hidden;
  transform: none !important;
  isolation: isolate;
}

#dlwe-document-modal[hidden] {
  display: none !important;
}

#dlwe-document-modal .dlwe-document-modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(16, 13, 10, .68);
  backdrop-filter: blur(5px);
}

#dlwe-document-modal .dlwe-document-modal-card {
  position: relative;
  inset: auto;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  width: min(980px, calc(100vw - clamp(24px, 5vw, 64px)));
  height: min(920px, calc(var(--dlwe-document-modal-height, 100dvh) - clamp(24px, 4vw, 48px)));
  max-width: 100%;
  max-height: none !important;
  min-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden !important;
  border: 1px solid rgba(121, 94, 55, .22);
  border-radius: 20px;
  background: #fbf8f2;
  box-shadow: 0 28px 90px rgba(22, 18, 13, .28);
  color: #1c1915;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  transform: none !important;
}

#dlwe-document-modal .dlwe-document-modal-header {
  position: relative !important;
  top: auto !important;
  z-index: 4;
  display: block;
  min-width: 0;
  margin: 0;
  padding: 23px 76px 20px 30px;
  border: 0;
  border-bottom: 1px solid #e5dccf;
  background:
    radial-gradient(circle at 94% 5%, rgba(205, 171, 112, .16), transparent 34%),
    linear-gradient(145deg, #fffdf9 0%, #f8f1e7 100%);
}

#dlwe-document-modal .dlwe-document-modal-header .dlwe-eyebrow {
  margin: 0 0 6px;
  color: #8b6a3d;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .18em;
  line-height: 1.3;
  text-transform: uppercase;
}

#dlwe-document-modal .dlwe-document-modal-header h2 {
  margin: 0 0 7px;
  color: #171411;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(28px, 3vw, 36px);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: -.02em;
}

#dlwe-document-modal .dlwe-document-modal-header .dlwe-muted {
  max-width: 680px;
  margin: 0;
  color: #6e675e;
  font-size: 12.5px;
  line-height: 1.5;
}

#dlwe-document-modal .dlwe-document-modal-header .dlwe-icon-button {
  position: absolute;
  top: 20px;
  right: 24px;
  z-index: 5;
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  min-width: 38px;
  min-height: 38px;
  margin: 0;
  padding: 0;
  border: 1px solid #d9cdbd;
  border-radius: 50%;
  background: rgba(255, 255, 255, .82);
  color: #211d18;
  box-shadow: 0 6px 18px rgba(34, 28, 20, .06);
  font-size: 22px;
  line-height: 1;
}

#dlwe-document-modal .dlwe-document-modal-header .dlwe-icon-button:hover,
#dlwe-document-modal .dlwe-document-modal-header .dlwe-icon-button:focus-visible {
  border-color: #9a7747;
  background: #fff;
  outline: 3px solid rgba(167, 131, 79, .13);
}

#dlwe-document-modal #dlwe-document-form {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  min-width: 0;
  min-height: 0;
  margin: 0;
  overflow: hidden;
}

#dlwe-document-modal .dlwe-document-modal-body {
  min-width: 0;
  min-height: 0;
  padding: 26px 30px 30px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  touch-action: pan-y;
  -webkit-overflow-scrolling: touch;
  background: #fbf8f2;
}

#dlwe-document-modal .dlwe-document-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 18px;
  width: 100%;
  margin: 0;
  padding: 0;
}

#dlwe-document-modal .dlwe-document-field {
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin: 0;
}

#dlwe-document-modal .dlwe-document-field-full {
  grid-column: 1 / -1;
}

#dlwe-document-modal .dlwe-document-field > span {
  display: block;
  margin: 0 0 8px;
  color: #5d554b;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .14em;
  line-height: 1.35;
  text-transform: uppercase;
}

#dlwe-document-modal .dlwe-document-field > span small {
  display: block;
  margin-top: 4px;
  color: #8a8177;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.45;
  text-transform: none;
}

#dlwe-document-modal input:not([type="checkbox"]):not([type="radio"]),
#dlwe-document-modal select,
#dlwe-document-modal textarea {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: #1d1915 !important;
  background: #fff !important;
  border: 1px solid #d4c8b8 !important;
  border-radius: 10px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8) !important;
  outline: none !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

#dlwe-document-modal input:not([type="checkbox"]):not([type="radio"]),
#dlwe-document-modal select {
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 14px !important;
}

#dlwe-document-modal select {
  padding-right: 38px !important;
  cursor: pointer;
}

#dlwe-document-modal textarea {
  min-height: 122px !important;
  padding: 13px 14px !important;
  resize: vertical;
}

#dlwe-document-modal #dlwe_document_title {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 17px !important;
}

#dlwe-document-modal input::placeholder,
#dlwe-document-modal textarea::placeholder {
  color: #999087;
  opacity: 1;
}

#dlwe-document-modal input:focus,
#dlwe-document-modal select:focus,
#dlwe-document-modal textarea:focus {
  border-color: #9b7847 !important;
  box-shadow: 0 0 0 3px rgba(167, 131, 79, .13) !important;
}

#dlwe-document-modal .dlwe-document-checkbox-field {
  display: flex;
  align-items: center;
  align-self: end;
  gap: 10px;
  min-height: 48px;
  margin: 0;
  padding: 12px 14px;
  border: 1px solid #d9cebf;
  border-radius: 10px;
  background: #fff;
  color: #332d26;
  cursor: pointer;
}

#dlwe-document-modal .dlwe-document-checkbox-field input[type="checkbox"] {
  flex: 0 0 auto;
  width: 18px !important;
  height: 18px !important;
  min-height: 0 !important;
  margin: 0 !important;
  accent-color: #8a6839;
}

#dlwe-document-modal .dlwe-document-checkbox-field span {
  margin: 0;
  color: #332d26;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .03em;
  line-height: 1.35;
  text-transform: none;
}

#dlwe-document-modal .dlwe-document-file-field input[type="file"] {
  height: auto !important;
  min-height: 62px !important;
  padding: 11px !important;
  border-style: dashed !important;
  background: #fffdf9 !important;
  cursor: pointer;
}

#dlwe-document-modal .dlwe-document-file-field input[type="file"]::file-selector-button {
  margin: 0 12px 0 0;
  padding: 10px 14px;
  border: 1px solid #cdbda8;
  border-radius: 8px;
  background: #f2eadf;
  color: #29231c;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
}

#dlwe-document-modal .dlwe-document-version-history {
  margin: 24px 0 0;
  padding: 18px;
  border: 1px solid #e5ddcf;
  border-radius: 12px;
  background: #fff;
}

#dlwe-document-modal .dlwe-document-modal-footer {
  position: relative !important;
  inset: auto !important;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 10px;
  min-width: 0;
  min-height: 76px;
  margin: 0;
  padding: 14px 30px;
  border: 0;
  border-top: 1px solid #e1d7c9;
  background: rgba(255, 253, 249, .98);
  box-shadow: 0 -10px 28px rgba(31, 27, 22, .045);
}

#dlwe-document-modal .dlwe-document-modal-footer .dlwe-primary-button,
#dlwe-document-modal .dlwe-document-modal-footer .dlwe-secondary-button {
  width: auto !important;
  min-width: 148px;
  min-height: 46px;
  margin: 0;
  padding: 11px 18px;
  border-radius: 9px !important;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .11em;
  line-height: 1.25;
  text-transform: uppercase;
  white-space: nowrap;
}

#dlwe-document-modal .dlwe-document-modal-footer .dlwe-secondary-button {
  order: 1;
  color: #26211b !important;
  background: #fff !important;
  border-color: #d5c8b7 !important;
}

#dlwe-document-modal .dlwe-document-modal-footer .dlwe-primary-button {
  order: 2;
  min-width: 190px;
  color: #fff !important;
  background: #191714 !important;
  border-color: #191714 !important;
}

#dlwe-document-modal .dlwe-document-modal-footer .dlwe-primary-button:hover,
#dlwe-document-modal .dlwe-document-modal-footer .dlwe-primary-button:focus-visible {
  color: #1a1713 !important;
  background: #d6b778 !important;
  border-color: #d6b778 !important;
}

body.dlwe-document-modal-open {
  overflow: hidden !important;
}

@media (max-height: 760px) and (min-width: 761px) {
  #dlwe-document-modal.dlwe-document-modal {
    padding: 10px;
  }

  #dlwe-document-modal .dlwe-document-modal-card {
    width: min(1020px, calc(100vw - 20px));
    height: calc(var(--dlwe-document-modal-height, 100dvh) - 20px);
    border-radius: 13px;
  }

  #dlwe-document-modal .dlwe-document-modal-header {
    padding: 16px 66px 14px 22px;
  }

  #dlwe-document-modal .dlwe-document-modal-header h2 {
    font-size: 28px;
  }

  #dlwe-document-modal .dlwe-document-modal-header .dlwe-muted {
    font-size: 11.5px;
  }

  #dlwe-document-modal .dlwe-document-modal-header .dlwe-icon-button {
    top: 13px;
    right: 18px;
  }

  #dlwe-document-modal .dlwe-document-modal-body {
    padding: 18px 22px 22px;
  }

  #dlwe-document-modal .dlwe-document-form-grid {
    gap: 15px 16px;
  }

  #dlwe-document-modal input:not([type="checkbox"]):not([type="radio"]),
  #dlwe-document-modal select {
    height: 44px !important;
    min-height: 44px !important;
  }

  #dlwe-document-modal .dlwe-document-checkbox-field {
    min-height: 44px;
  }

  #dlwe-document-modal .dlwe-document-modal-footer {
    min-height: 66px;
    padding: 10px 22px;
  }
}

@media (max-width: 760px) {
  #dlwe-document-modal.dlwe-document-modal {
    align-items: stretch;
    padding: 0;
  }

  #dlwe-document-modal .dlwe-document-modal-card {
    width: 100vw;
    height: var(--dlwe-document-modal-height, 100dvh);
    border: 0;
    border-radius: 0;
  }

  #dlwe-document-modal .dlwe-document-modal-header {
    padding: calc(18px + env(safe-area-inset-top)) 62px 16px 18px;
  }

  #dlwe-document-modal .dlwe-document-modal-header h2 {
    font-size: clamp(25px, 8vw, 31px);
  }

  #dlwe-document-modal .dlwe-document-modal-header .dlwe-icon-button {
    top: calc(14px + env(safe-area-inset-top));
    right: 16px;
  }

  #dlwe-document-modal .dlwe-document-modal-body {
    padding: 18px 16px 24px;
    scrollbar-gutter: auto;
  }

  #dlwe-document-modal .dlwe-document-form-grid {
    grid-template-columns: 1fr;
  }

  #dlwe-document-modal .dlwe-document-field,
  #dlwe-document-modal .dlwe-document-field-full,
  #dlwe-document-modal .dlwe-document-checkbox-field {
    grid-column: auto;
  }

  #dlwe-document-modal .dlwe-document-modal-footer {
    min-height: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
  }

  #dlwe-document-modal .dlwe-document-modal-footer .dlwe-primary-button,
  #dlwe-document-modal .dlwe-document-modal-footer .dlwe-secondary-button {
    width: 100% !important;
    min-width: 0;
  }

  #dlwe-document-modal .dlwe-document-modal-footer .dlwe-primary-button {
    order: 1;
  }

  #dlwe-document-modal .dlwe-document-modal-footer .dlwe-secondary-button {
    order: 2;
  }
}

@media (max-width: 420px) {
  #dlwe-document-modal .dlwe-document-modal-header .dlwe-muted {
    display: none;
  }

  #dlwe-document-modal .dlwe-document-modal-header {
    padding-bottom: 12px;
  }
}

/* ========================================================================
   DLWE Native Finance v6.6.1 — Phase 7 responsive invoice/procurement UI
   Repairs missing grid primitives and prevents non-index section headings
   from collapsing into the 36px indexed-heading column.
   ======================================================================== */

/* Shared responsive grids used by the Phase 7 finance editors. */
.dlwe-portal-shell .dlwe-grid {
  width: 100%;
  min-width: 0;
  display: grid !important;
  align-items: start;
  gap: 18px 20px;
}

.dlwe-portal-shell .dlwe-grid > * {
  min-width: 0;
}

.dlwe-portal-shell .dlwe-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.dlwe-portal-shell .dlwe-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.dlwe-portal-shell .dlwe-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.dlwe-portal-shell .dlwe-grid .dlwe-field-full {
  grid-column: 1 / -1 !important;
}

/* Phase 7 headings do not use the numbered-circle markup used elsewhere. */
.dlwe-portal-shell .dlwe-client-invoices-panel .dlwe-form-section-heading:not(.dlwe-collection-heading-row),
.dlwe-portal-shell [data-dlwe-panel="purchase-orders"] .dlwe-form-section-heading,
.dlwe-portal-shell [data-dlwe-panel="vendor-payments"] .dlwe-form-section-heading {
  display: block !important;
  grid-template-columns: minmax(0, 1fr) !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 0 23px !important;
  padding: 0 0 18px !important;
  text-align: left !important;
}

.dlwe-portal-shell .dlwe-client-invoices-panel .dlwe-form-section-heading:not(.dlwe-collection-heading-row) > *,
.dlwe-portal-shell [data-dlwe-panel="purchase-orders"] .dlwe-form-section-heading > *,
.dlwe-portal-shell [data-dlwe-panel="vendor-payments"] .dlwe-form-section-heading > * {
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  grid-column: 1 !important;
}

.dlwe-portal-shell .dlwe-client-invoices-panel .dlwe-form-section-heading:not(.dlwe-collection-heading-row) .dlwe-eyebrow,
.dlwe-portal-shell [data-dlwe-panel="purchase-orders"] .dlwe-form-section-heading .dlwe-eyebrow,
.dlwe-portal-shell [data-dlwe-panel="vendor-payments"] .dlwe-form-section-heading .dlwe-eyebrow {
  display: block !important;
  margin-bottom: 8px !important;
  white-space: normal !important;
}

/* Collection dashboard heading is a title row, not an indexed form heading. */
.dlwe-portal-shell .dlwe-client-invoices-panel .dlwe-collection-heading-row {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 24px !important;
  width: 100% !important;
}

.dlwe-portal-shell .dlwe-client-invoices-panel .dlwe-collection-heading-row > div {
  width: auto !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

.dlwe-portal-shell .dlwe-client-invoices-panel .dlwe-collection-heading-row > small {
  width: auto !important;
  min-width: 220px !important;
  flex: 0 0 auto !important;
}

/* Phase 7 metric cards use direct label/value/helper children. */
.dlwe-portal-shell .dlwe-budget-report-summary-card > span,
.dlwe-portal-shell .dlwe-budget-report-summary-card > strong,
.dlwe-portal-shell .dlwe-budget-report-summary-card > small {
  display: block;
  width: 100%;
}

.dlwe-portal-shell .dlwe-budget-report-summary-card > span {
  margin: 0 0 9px;
  color: var(--dlwe-brand-muted, #6b665f);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .11em;
  line-height: 1.35;
  text-transform: uppercase;
}

.dlwe-portal-shell .dlwe-budget-report-summary-card > strong {
  margin: 0 0 7px;
  color: var(--dlwe-brand-ink, #171512);
  font-family: var(--dlwe-brand-display, Georgia, "Times New Roman", serif);
  font-size: clamp(24px, 2.2vw, 32px);
  font-weight: 400;
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.dlwe-portal-shell .dlwe-budget-report-summary-card > small {
  color: var(--dlwe-brand-muted, #6b665f);
  font-size: 11.5px;
  line-height: 1.5;
}

/* Keep editor content comfortably separated from the fixed action bar. */
.dlwe-portal-shell .dlwe-client-invoices-panel .dlwe-budget-editor,
.dlwe-portal-shell [data-dlwe-panel="purchase-orders"] .dlwe-budget-editor,
.dlwe-portal-shell [data-dlwe-panel="vendor-payments"] .dlwe-budget-editor {
  width: 100%;
  min-width: 0;
  padding-bottom: 92px;
}

.dlwe-portal-shell .dlwe-client-invoices-panel .dlwe-form-actions,
.dlwe-portal-shell [data-dlwe-panel="purchase-orders"] .dlwe-form-actions,
.dlwe-portal-shell [data-dlwe-panel="vendor-payments"] .dlwe-form-actions {
  gap: 10px !important;
  flex-wrap: wrap !important;
}

@media (max-width: 1180px) {
  .dlwe-portal-shell .dlwe-grid-3,
  .dlwe-portal-shell .dlwe-grid-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .dlwe-portal-shell .dlwe-grid-2,
  .dlwe-portal-shell .dlwe-grid-3,
  .dlwe-portal-shell .dlwe-grid-4 {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .dlwe-portal-shell .dlwe-grid .dlwe-field-full {
    grid-column: auto !important;
  }

  .dlwe-portal-shell .dlwe-client-invoices-panel .dlwe-collection-heading-row {
    display: block !important;
  }

  .dlwe-portal-shell .dlwe-client-invoices-panel .dlwe-collection-heading-row > small {
    min-width: 0 !important;
    max-width: 100% !important;
    margin-top: 12px !important;
  }

  .dlwe-portal-shell .dlwe-client-invoices-panel .dlwe-form-actions,
  .dlwe-portal-shell [data-dlwe-panel="purchase-orders"] .dlwe-form-actions,
  .dlwe-portal-shell [data-dlwe-panel="vendor-payments"] .dlwe-form-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .dlwe-portal-shell .dlwe-client-invoices-panel .dlwe-form-actions > button,
  .dlwe-portal-shell [data-dlwe-panel="purchase-orders"] .dlwe-form-actions > button,
  .dlwe-portal-shell [data-dlwe-panel="vendor-payments"] .dlwe-form-actions > button {
    width: 100% !important;
  }
}


/* v6.6.7 vendor payment purchase-order allocation */
.dlwe-vp-allocation-section{margin-top:18px}
.dlwe-vp-allocation-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 14px}
.dlwe-vp-allocation-summary>div{display:grid;gap:6px;padding:14px 16px;border:1px solid #e1d8c9;border-radius:14px;background:#fbf8f2}
.dlwe-vp-allocation-summary span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#766b60;font-weight:700}
.dlwe-vp-allocation-summary strong{font-family:Georgia,'Times New Roman',serif;font-size:24px;font-weight:400;color:#171411}
.dlwe-vp-allocation-section .dlwe-empty-state{display:grid;gap:6px;padding:18px;border:1px dashed #d7c8ae;border-radius:15px;background:#fbf8f2;color:#766b60}
.dlwe-vp-allocation-section .dlwe-empty-state strong{color:#171411}
@media(max-width:760px){.dlwe-vp-allocation-summary{grid-template-columns:1fr}}

/* ========================================================================
   DLWE Native UI Quality Guard v6.6.9
   Global structural formatting rules for every staff-portal module.
   These rules classify indexed headings separately from ordinary title rows,
   prevent narrow-column text collapse, and preserve responsive layouts for
   future dynamically inserted modules and controls.
   ======================================================================== */

/* Every panel and card must be allowed to shrink inside the application grid. */
.dlwe-portal-shell [data-dlwe-panel],
.dlwe-portal-shell [data-dlwe-panel] > *,
.dlwe-portal-shell .dlwe-form-section,
.dlwe-portal-shell .dlwe-form-section > *,
.dlwe-portal-shell .dlwe-table-card,
.dlwe-portal-shell .dlwe-budget-report-card,
.dlwe-portal-shell .dlwe-task-dashboard-card,
.dlwe-portal-shell .dlwe-grid,
.dlwe-portal-shell .dlwe-grid > *,
.dlwe-portal-shell .dlwe-form-grid,
.dlwe-portal-shell .dlwe-form-grid > * {
  min-width: 0;
  max-width: 100%;
}

/* Shared page headers must wrap rather than push controls outside the canvas. */
.dlwe-portal-shell .dlwe-portal-header {
  min-width: 0;
  gap: 22px;
}

.dlwe-portal-shell .dlwe-portal-header > div:first-child {
  min-width: 0;
  flex: 1 1 520px;
}

.dlwe-portal-shell .dlwe-header-actions {
  min-width: 0;
  max-width: 100%;
  flex-wrap: wrap !important;
  align-items: center;
  justify-content: flex-end;
}

/*
 * The historical indexed heading pattern is:
 *   <span>01</span><div>...</div>
 * All other heading patterns are ordinary title rows and must never inherit
 * the fixed 36px index column. The :has rules prevent a flash before JS runs;
 * the dlwe-ui-heading-* classes provide the same protection to dynamic nodes.
 */
.dlwe-portal-shell .dlwe-form-section-heading,
.dlwe-portal-shell .dlwe-form-section-heading * {
  box-sizing: border-box;
}

.dlwe-portal-shell .dlwe-form-section-heading h2,
.dlwe-portal-shell .dlwe-form-section-heading h3,
.dlwe-portal-shell .dlwe-form-section-heading p,
.dlwe-portal-shell .dlwe-form-section-heading small,
.dlwe-portal-shell .dlwe-form-section-heading .dlwe-eyebrow {
  min-width: 0;
  max-width: 100%;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  white-space: normal !important;
}

/* Indexed form step. */
.dlwe-portal-shell .dlwe-form-section-heading:has(> span:first-child + div),
.dlwe-portal-shell .dlwe-form-section-heading.dlwe-ui-heading-indexed {
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) !important;
  align-items: start !important;
  justify-content: start !important;
  gap: 15px !important;
  width: 100% !important;
  text-align: left !important;
}

.dlwe-portal-shell .dlwe-form-section-heading:has(> span:first-child + div) > span:first-child,
.dlwe-portal-shell .dlwe-form-section-heading.dlwe-ui-heading-indexed > span:first-child {
  grid-column: 1;
  grid-row: 1;
}

.dlwe-portal-shell .dlwe-form-section-heading:has(> span:first-child + div) > div:nth-child(2),
.dlwe-portal-shell .dlwe-form-section-heading.dlwe-ui-heading-indexed > div:nth-child(2) {
  grid-column: 2;
  grid-row: 1;
  width: auto !important;
  min-width: 0 !important;
}

/* Optional action block on an indexed heading stays aligned with the copy. */
.dlwe-portal-shell .dlwe-form-section-heading:has(> span:first-child + div) > div:nth-child(n+3),
.dlwe-portal-shell .dlwe-form-section-heading.dlwe-ui-heading-indexed > div:nth-child(n+3) {
  grid-column: 2;
  min-width: 0 !important;
}

/* Ordinary title row: copy on the left, badge/action/meta on the right. */
.dlwe-portal-shell .dlwe-form-section-heading:has(> div:first-child):not(:has(> span:first-child + div)),
.dlwe-portal-shell .dlwe-form-section-heading.dlwe-ui-heading-row {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 14px 22px !important;
  width: 100% !important;
  text-align: left !important;
}

.dlwe-portal-shell .dlwe-form-section-heading:has(> div:first-child):not(:has(> span:first-child + div)) > div:first-child,
.dlwe-portal-shell .dlwe-form-section-heading.dlwe-ui-heading-row > div:first-child {
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  flex: 1 1 360px !important;
}

.dlwe-portal-shell .dlwe-form-section-heading:has(> div:first-child):not(:has(> span:first-child + div)) > :not(div:first-child),
.dlwe-portal-shell .dlwe-form-section-heading.dlwe-ui-heading-row > :not(div:first-child) {
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  flex: 0 1 auto !important;
}

/* Ordinary stacked heading: direct eyebrow + title + helper copy. */
.dlwe-portal-shell .dlwe-form-section-heading:not(:has(> div:first-child)):not(:has(> span:first-child + div)),
.dlwe-portal-shell .dlwe-form-section-heading.dlwe-ui-heading-stacked {
  display: block !important;
  grid-template-columns: none !important;
  width: 100% !important;
  text-align: left !important;
}

.dlwe-portal-shell .dlwe-form-section-heading:not(:has(> div:first-child)):not(:has(> span:first-child + div)) > *,
.dlwe-portal-shell .dlwe-form-section-heading.dlwe-ui-heading-stacked > * {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 760px !important;
  grid-column: auto !important;
}

.dlwe-portal-shell .dlwe-form-section-heading:not(:has(> div:first-child)):not(:has(> span:first-child + div)) > .dlwe-eyebrow,
.dlwe-portal-shell .dlwe-form-section-heading.dlwe-ui-heading-stacked > .dlwe-eyebrow {
  margin: 0 0 8px !important;
}

.dlwe-portal-shell .dlwe-form-section-heading:not(:has(> div:first-child)):not(:has(> span:first-child + div)) > h2,
.dlwe-portal-shell .dlwe-form-section-heading.dlwe-ui-heading-stacked > h2 {
  margin: 0 0 7px !important;
}

/* Shared grids and fields: future modules inherit the same breakpoints. */
.dlwe-portal-shell .dlwe-grid,
.dlwe-portal-shell .dlwe-form-grid,
.dlwe-portal-shell .dlwe-review-grid {
  width: 100%;
}

.dlwe-portal-shell input,
.dlwe-portal-shell select,
.dlwe-portal-shell textarea {
  max-width: 100%;
}

.dlwe-portal-shell textarea {
  resize: vertical;
}

.dlwe-portal-shell .dlwe-table-scroll {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}

.dlwe-portal-shell .dlwe-table-scroll table {
  width: 100%;
}

.dlwe-portal-shell .dlwe-form-actions {
  min-width: 0;
  max-width: 100%;
  flex-wrap: wrap !important;
}

/* Financial screens share the same structural guard. */
.dlwe-portal-shell .dlwe-financial-overview-panel .dlwe-financial-filter-section,
.dlwe-portal-shell .dlwe-cash-flow-panel .dlwe-financial-filter-section,
.dlwe-portal-shell .dlwe-financial-reports-panel .dlwe-financial-filter-section {
  min-height: 0 !important;
}

@media (max-width: 1180px) {
  .dlwe-portal-shell .dlwe-portal-header {
    flex-wrap: wrap !important;
  }

  .dlwe-portal-shell .dlwe-header-actions {
    width: 100%;
    justify-content: flex-start !important;
  }

  .dlwe-portal-shell .dlwe-grid-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .dlwe-portal-shell .dlwe-form-section,
  .dlwe-portal-shell .dlwe-table-card,
  .dlwe-portal-shell .dlwe-budget-report-card,
  .dlwe-portal-shell .dlwe-task-dashboard-card {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .dlwe-portal-shell .dlwe-portal-header > div:first-child,
  .dlwe-portal-shell .dlwe-form-section-heading:has(> div:first-child):not(:has(> span:first-child + div)) > div:first-child,
  .dlwe-portal-shell .dlwe-form-section-heading.dlwe-ui-heading-row > div:first-child {
    flex-basis: 100% !important;
  }

  .dlwe-portal-shell .dlwe-header-actions,
  .dlwe-portal-shell .dlwe-form-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
  }

  .dlwe-portal-shell .dlwe-header-actions > *,
  .dlwe-portal-shell .dlwe-form-actions > * {
    width: 100% !important;
    max-width: none !important;
  }

  .dlwe-portal-shell .dlwe-grid-2,
  .dlwe-portal-shell .dlwe-grid-3,
  .dlwe-portal-shell .dlwe-grid-4,
  .dlwe-portal-shell .dlwe-form-grid,
  .dlwe-portal-shell .dlwe-review-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .dlwe-portal-shell .dlwe-form-section-heading:has(> span:first-child + div),
  .dlwe-portal-shell .dlwe-form-section-heading.dlwe-ui-heading-indexed {
    grid-template-columns: 32px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  .dlwe-portal-shell .dlwe-form-section-heading:has(> span:first-child + div) > span:first-child,
  .dlwe-portal-shell .dlwe-form-section-heading.dlwe-ui-heading-indexed > span:first-child {
    width: 30px !important;
    height: 30px !important;
  }
}


/* v6.6.14 — Global empty-state readability guard.
 * Keep title and helper copy on separate lines across every module.
 */
.dlwe-portal-shell .dlwe-empty-state > strong,
.dlwe-portal-shell .dlwe-empty-state > span {
  display: block;
  width: 100%;
}

.dlwe-portal-shell .dlwe-empty-state > strong + span {
  margin-top: 4px;
}

/* ========================================================================== 
   v6.7.1 — Phase 8A Staff Rosters & Daily Dashboard Attendance
   ========================================================================== */
.dlwe-portal-shell .dlwe-home-clock-compact {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding-top: 20px;
  border-top: 1px solid rgba(73, 61, 47, 0.12);
}

.dlwe-portal-shell .dlwe-home-clock-compact .dlwe-home-clock-active-shift {
  flex: 1 1 auto;
  min-width: 0;
}

.dlwe-portal-shell .dlwe-home-clock-compact .dlwe-home-clock-action {
  flex: 0 0 auto;
  min-width: 168px;
}

.dlwe-home-clock-modal[hidden] {
  display: none !important;
}

.dlwe-home-clock-modal .dlwe-home-clock-modal-card {
  width: min(720px, calc(100vw - 32px));
  max-height: min(760px, calc(100vh - 32px));
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.dlwe-home-clock-modal .dlwe-home-clock-modal-header {
  padding: 28px 30px 18px;
  border-bottom: 1px solid rgba(73, 61, 47, 0.10);
}

.dlwe-home-clock-modal .dlwe-home-clock-modal-header h2 {
  margin: 4px 42px 6px 0;
  font-family: var(--dlwe-serif, Georgia, "Times New Roman", serif);
  font-size: clamp(28px, 3vw, 38px);
  font-weight: 400;
  line-height: 1.1;
}

.dlwe-home-clock-modal .dlwe-home-clock-modal-header p:last-child {
  margin: 0;
}

.dlwe-home-clock-modal .dlwe-home-clock-modal-body {
  overflow-y: auto;
  padding: 24px 30px;
  overscroll-behavior: contain;
}

.dlwe-home-clock-modal .dlwe-home-clock-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dlwe-home-clock-modal .dlwe-home-clock-shift-field,
.dlwe-home-clock-modal .dlwe-home-clock-notes-field {
  grid-column: 1 / -1;
}

.dlwe-home-clock-modal .dlwe-home-clock-modal-actions {
  position: static;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 18px 30px;
  border-top: 1px solid rgba(73, 61, 47, 0.10);
  background: #fffdf9;
}

.dlwe-portal-shell .dlwe-roster-logistics-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 12px 0 0;
}

.dlwe-portal-shell .dlwe-roster-logistics-chips span {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 5px 9px;
  border: 1px solid rgba(181, 139, 73, 0.28);
  border-radius: 999px;
  background: #faf6ee;
  color: #775d33;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

@media (max-width: 720px) {
  .dlwe-portal-shell .dlwe-home-clock-compact {
    align-items: stretch;
    flex-direction: column;
  }
  .dlwe-portal-shell .dlwe-home-clock-compact .dlwe-home-clock-action {
    width: 100%;
  }
  .dlwe-home-clock-modal {
    padding: 10px !important;
    align-items: flex-end !important;
  }
  .dlwe-home-clock-modal .dlwe-home-clock-modal-card {
    width: 100%;
    max-height: calc(100dvh - 20px);
    border-radius: 18px 18px 12px 12px;
  }
  .dlwe-home-clock-modal .dlwe-home-clock-modal-header,
  .dlwe-home-clock-modal .dlwe-home-clock-modal-body,
  .dlwe-home-clock-modal .dlwe-home-clock-modal-actions {
    padding-left: 20px;
    padding-right: 20px;
  }
  .dlwe-home-clock-modal .dlwe-home-clock-fields {
    grid-template-columns: 1fr;
  }
  .dlwe-home-clock-modal .dlwe-home-clock-shift-field,
  .dlwe-home-clock-modal .dlwe-home-clock-notes-field {
    grid-column: auto;
  }
  .dlwe-home-clock-modal .dlwe-home-clock-modal-actions {
    flex-direction: column-reverse;
  }
  .dlwe-home-clock-modal .dlwe-home-clock-modal-actions > button {
    width: 100%;
  }
}


/* ==========================================================================
   v6.7.2 — Daily office attendance with optional multi-wedding context
   ========================================================================== */
.dlwe-home-clock-modal .dlwe-home-clock-weddings-field,
.dlwe-home-clock-modal .dlwe-home-clock-notes-field {
  grid-column: 1 / -1;
}

.dlwe-home-clock-modal .dlwe-home-clock-weddings-field > span {
  display: block;
  margin-bottom: 8px;
  color: var(--dlwe-text, #17130f);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.dlwe-home-clock-modal .dlwe-home-clock-weddings-field > span small,
.dlwe-home-clock-modal .dlwe-home-clock-helper {
  color: var(--dlwe-muted, #827a70);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .04em;
  text-transform: none;
}

.dlwe-home-clock-modal .dlwe-home-clock-wedding-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  max-height: 190px;
  overflow-y: auto;
  padding: 8px;
  border: 1px solid rgba(122, 100, 71, .28);
  border-radius: 10px;
  background: rgba(255,255,255,.64);
}

.dlwe-home-clock-modal .dlwe-home-clock-wedding-option {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(122, 100, 71, .15);
  border-radius: 8px;
  background: #fffdf9;
  cursor: pointer;
}

.dlwe-home-clock-modal .dlwe-home-clock-wedding-option:hover {
  border-color: rgba(181, 139, 73, .45);
}

.dlwe-home-clock-modal .dlwe-home-clock-wedding-option input {
  flex: 0 0 auto;
  margin: 0;
}

.dlwe-home-clock-modal .dlwe-home-clock-wedding-option span {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--dlwe-text, #17130f);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}

.dlwe-home-clock-modal .dlwe-home-clock-helper {
  display: block;
  margin-top: 7px;
  line-height: 1.45;
}

.dlwe-home-clock-modal .dlwe-home-clock-wedding-empty {
  grid-column: 1 / -1;
  padding: 12px;
  color: var(--dlwe-muted, #827a70);
  font-size: 12px;
}

@media (max-width: 720px) {
  .dlwe-home-clock-modal .dlwe-home-clock-wedding-options {
    grid-template-columns: 1fr;
  }
}


/* ==========================================================================
   v6.7.3 — Attendance persistence + Clock In modal alignment
   ========================================================================== */
.dlwe-portal-shell .dlwe-home-clock-modal .dlwe-home-clock-modal-card {
  width: min(620px, calc(100vw - 32px));
  max-height: min(720px, calc(100dvh - 32px));
  padding: 0;
}

.dlwe-portal-shell .dlwe-home-clock-modal .dlwe-home-clock-modal-header {
  padding: 24px 26px 16px;
}

.dlwe-portal-shell .dlwe-home-clock-modal .dlwe-home-clock-modal-body {
  padding: 20px 26px 22px;
}

.dlwe-portal-shell .dlwe-home-clock-modal .dlwe-home-clock-fields {
  gap: 16px;
}

.dlwe-portal-shell .dlwe-home-clock-modal .dlwe-home-clock-wedding-options {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 8px;
  max-height: 176px;
}

.dlwe-portal-shell .dlwe-home-clock-modal .dlwe-home-clock-wedding-option {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  min-height: 48px;
  padding: 10px 12px;
}

.dlwe-portal-shell .dlwe-home-clock-modal .dlwe-home-clock-wedding-option input[type="checkbox"] {
  width: 18px;
  height: 18px;
  min-width: 18px;
  flex: 0 0 18px;
  margin: 0;
  padding: 0;
}

.dlwe-portal-shell .dlwe-home-clock-modal .dlwe-home-clock-wedding-option span {
  flex: 1 1 auto;
  text-align: left;
}

.dlwe-portal-shell .dlwe-home-clock-modal .dlwe-home-clock-modal-actions {
  padding: 16px 26px 20px;
}

@media (max-width: 720px) {
  .dlwe-portal-shell .dlwe-home-clock-modal .dlwe-home-clock-modal-card {
    width: 100%;
    max-height: calc(100dvh - 20px);
  }

  .dlwe-portal-shell .dlwe-home-clock-modal .dlwe-home-clock-modal-header {
    padding: 22px 20px 14px;
  }

  .dlwe-portal-shell .dlwe-home-clock-modal .dlwe-home-clock-modal-body {
    padding: 18px 20px 20px;
  }

  .dlwe-portal-shell .dlwe-home-clock-modal .dlwe-home-clock-modal-actions {
    padding: 14px 20px 18px;
  }

  .dlwe-portal-shell .dlwe-home-clock-modal .dlwe-home-clock-wedding-options {
    grid-template-columns: 1fr;
  }
}


/* ==========================================================================
   v6.7.4 — Luxury executive dashboard header + self-service profile
   ========================================================================== */
.dlwe-portal-shell .dlwe-home-executive-header {
  grid-template-columns: minmax(360px, 1fr) auto !important;
  align-items: center !important;
  gap: 26px !important;
  margin-bottom: 22px !important;
  padding-bottom: 22px !important;
}

.dlwe-portal-shell .dlwe-home-executive-header .dlwe-home-heading-block {
  min-width: 0;
  max-width: 760px;
}

.dlwe-portal-shell .dlwe-home-executive-header h1 {
  font-size: clamp(34px, 3.45vw, 52px) !important;
}

.dlwe-portal-shell .dlwe-home-header-utilities {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: flex-end !important;
  gap: 9px !important;
  width: auto !important;
  max-width: none !important;
}

.dlwe-portal-shell .dlwe-home-profile-trigger {
  appearance: none;
  min-width: 235px;
  max-width: 286px;
  min-height: 66px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 11px;
  padding: 9px 11px;
  color: var(--dlwe-brand-ink, #171411);
  background:
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(250,246,238,.90));
  border: 1px solid rgba(183, 148, 94, .34);
  border-radius: 13px;
  box-shadow: 0 8px 24px rgba(34, 27, 19, .055);
  cursor: pointer;
  text-align: left;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.dlwe-portal-shell .dlwe-home-profile-trigger:hover,
.dlwe-portal-shell .dlwe-home-profile-trigger:focus-visible {
  border-color: rgba(166, 124, 62, .58);
  box-shadow: 0 12px 30px rgba(34, 27, 19, .09);
  transform: translateY(-1px);
  outline: none;
}

.dlwe-portal-shell .dlwe-home-profile-avatar {
  width: 44px !important;
  height: 44px !important;
  flex: 0 0 44px !important;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--dlwe-serif, Georgia, "Times New Roman", serif);
  font-size: 15px;
  letter-spacing: .05em;
}

.dlwe-portal-shell .dlwe-home-profile-avatar img,
.dlwe-portal-shell .dlwe-home-profile-photo-preview img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.dlwe-portal-shell .dlwe-home-profile-copy {
  min-width: 0;
}

.dlwe-portal-shell .dlwe-home-profile-copy strong,
.dlwe-portal-shell .dlwe-home-profile-copy small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dlwe-portal-shell .dlwe-home-profile-copy strong {
  color: #1a1714;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.25;
}

.dlwe-portal-shell .dlwe-home-profile-copy small {
  margin-top: 4px;
  color: #80776d;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .02em;
  line-height: 1.3;
}

.dlwe-portal-shell .dlwe-home-profile-chevron {
  color: #a27b42;
  font-size: 16px;
  line-height: 1;
  text-align: center;
}

.dlwe-portal-shell .dlwe-home-header-time {
  min-width: 138px;
  min-height: 66px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 9px 14px;
  color: #fffaf1;
  background:
    linear-gradient(145deg, #1e1a16 0%, #151310 100%);
  border: 1px solid rgba(197, 160, 101, .38);
  border-radius: 13px;
  box-shadow: 0 9px 25px rgba(24, 20, 16, .12);
}

.dlwe-portal-shell .dlwe-home-header-time span,
.dlwe-portal-shell .dlwe-home-header-time small {
  display: block;
  color: rgba(255, 250, 241, .58);
  font-family: var(--dlwe-sans, Arial, sans-serif);
}

.dlwe-portal-shell .dlwe-home-header-time span {
  margin-bottom: 3px;
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .2em;
  text-transform: uppercase;
}

.dlwe-portal-shell .dlwe-home-header-time strong {
  display: block;
  color: #e5c78f;
  font-family: var(--dlwe-serif, Georgia, "Times New Roman", serif);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.1;
  white-space: nowrap;
}

.dlwe-portal-shell .dlwe-home-header-time small {
  margin-top: 3px;
  font-size: 8px;
  white-space: nowrap;
}

.dlwe-portal-shell .dlwe-home-header-workday {
  min-width: 306px;
  min-height: 66px;
  display: grid;
  grid-template-columns: 10px minmax(92px, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 8px 9px 8px 13px;
  background: rgba(255, 253, 249, .92);
  border: 1px solid rgba(183, 148, 94, .30);
  border-radius: 13px;
  box-shadow: 0 8px 24px rgba(34, 27, 19, .045);
}

.dlwe-portal-shell .dlwe-home-workday-indicator {
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 50%;
  background: #b9afa3;
  box-shadow: 0 0 0 4px rgba(185, 175, 163, .12);
}

.dlwe-portal-shell .dlwe-home-workday-indicator.is-active {
  background: #2e8c5a;
  box-shadow: 0 0 0 4px rgba(46, 140, 90, .13);
}

.dlwe-portal-shell .dlwe-home-workday-indicator.is-ready {
  background: #b28a4e;
  box-shadow: 0 0 0 4px rgba(178, 138, 78, .12);
}

.dlwe-portal-shell .dlwe-home-workday-indicator.is-complete {
  background: #777064;
  box-shadow: 0 0 0 4px rgba(119, 112, 100, .10);
}

.dlwe-portal-shell .dlwe-home-workday-indicator.is-unavailable {
  background: #a85a52;
  box-shadow: 0 0 0 4px rgba(168, 90, 82, .10);
}

.dlwe-portal-shell .dlwe-home-workday-copy {
  min-width: 0;
}

.dlwe-portal-shell .dlwe-home-workday-copy small,
.dlwe-portal-shell .dlwe-home-workday-copy strong {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dlwe-portal-shell .dlwe-home-workday-copy small {
  color: #8a8177;
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.dlwe-portal-shell .dlwe-home-workday-copy strong {
  margin-top: 4px;
  color: #27221d;
  font-size: 9px;
  font-weight: 650;
}

.dlwe-portal-shell .dlwe-home-header-workday .dlwe-home-clock-action {
  min-width: 92px;
  min-height: 46px;
  padding: 10px 14px;
  border-radius: 9px;
  font-size: 9px;
  letter-spacing: .12em;
}

.dlwe-portal-shell .dlwe-home-header-workday .dlwe-home-clock-action:disabled {
  opacity: .54;
}

.dlwe-portal-shell .dlwe-home-refresh-button {
  min-width: 78px;
  min-height: 66px;
  padding: 0 13px !important;
  border-radius: 13px !important;
}

.dlwe-portal-shell .dlwe-home-header-alert {
  margin: -9px 0 18px;
  border-radius: 10px;
}

.dlwe-portal-shell #dlwe-home-content > .dlwe-home-hero:first-child {
  margin-top: 0;
}

/* My Profile modal ------------------------------------------------------- */
.dlwe-home-profile-modal[hidden] {
  display: none !important;
}

.dlwe-home-profile-modal .dlwe-home-profile-modal-card {
  width: min(700px, calc(100vw - 32px));
  max-height: min(790px, calc(100dvh - 32px));
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 0;
}

.dlwe-home-profile-modal .dlwe-home-profile-modal-header {
  padding: 27px 30px 18px;
  border-bottom: 1px solid rgba(73, 61, 47, .10);
}

.dlwe-home-profile-modal .dlwe-home-profile-modal-header h2 {
  margin: 4px 42px 6px 0;
  color: #171411;
  font-family: var(--dlwe-serif, Georgia, "Times New Roman", serif);
  font-size: clamp(30px, 3vw, 40px);
  font-weight: 400;
  line-height: 1.08;
  letter-spacing: -.02em;
}

.dlwe-home-profile-modal .dlwe-home-profile-modal-header p:last-child {
  margin: 0;
}

.dlwe-home-profile-modal .dlwe-home-profile-modal-body {
  overflow-y: auto;
  padding: 24px 30px 26px;
  overscroll-behavior: contain;
}

.dlwe-home-profile-modal .dlwe-home-profile-form {
  display: grid;
  gap: 22px;
}

.dlwe-home-profile-modal .dlwe-home-profile-photo-row {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  padding: 18px;
  background:
    linear-gradient(145deg, rgba(251,247,240,.95), rgba(255,255,255,.9));
  border: 1px solid rgba(181, 139, 73, .23);
  border-radius: 14px;
}

.dlwe-home-profile-modal .dlwe-home-profile-photo-preview {
  width: 92px;
  height: 92px;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #2c241b;
  background: #f5ead4;
  border: 1px solid #d9ba82;
  border-radius: 50%;
  font-family: var(--dlwe-serif, Georgia, "Times New Roman", serif);
  font-size: 26px;
  letter-spacing: .05em;
}

.dlwe-home-profile-modal .dlwe-home-profile-photo-copy strong,
.dlwe-home-profile-modal .dlwe-home-profile-photo-copy small {
  display: block;
}

.dlwe-home-profile-modal .dlwe-home-profile-photo-copy strong {
  color: #1b1713;
  font-size: 13px;
}

.dlwe-home-profile-modal .dlwe-home-profile-photo-copy small {
  margin-top: 5px;
  color: #847a70;
  font-size: 10px;
  line-height: 1.45;
}

.dlwe-home-profile-modal .dlwe-home-profile-photo-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 13px;
  margin-top: 13px;
}

.dlwe-home-profile-modal .dlwe-home-profile-photo-button {
  cursor: pointer;
}

.dlwe-home-profile-modal .dlwe-home-profile-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
}

.dlwe-home-profile-modal .dlwe-home-profile-grid label {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin: 0;
}

.dlwe-home-profile-modal .dlwe-home-profile-grid label > span {
  color: #665f57;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.dlwe-home-profile-modal .dlwe-home-profile-grid label > span small {
  color: #8b8176;
  font-size: 8px;
  font-weight: 500;
  letter-spacing: .05em;
  text-transform: none;
}

.dlwe-home-profile-modal .dlwe-home-profile-grid input {
  width: 100%;
  min-width: 0;
  height: 48px;
  padding: 0 14px;
  color: #231f1a;
  background: #fff;
  border: 1px solid #d9cdbd;
  border-radius: 10px;
  box-shadow: none;
  font-size: 12px;
}

.dlwe-home-profile-modal .dlwe-home-profile-grid input:focus {
  border-color: #b58b49;
  outline: none;
  box-shadow: 0 0 0 3px rgba(181, 139, 73, .11);
}

.dlwe-home-profile-modal .dlwe-home-profile-grid input[readonly] {
  color: #766e64;
  background: #f7f3ed;
  border-color: #e2d9cc;
  cursor: default;
}

.dlwe-home-profile-modal .dlwe-home-profile-admin-note {
  margin: -3px 0 0;
  padding: 11px 13px;
  color: #746b61;
  background: #faf7f1;
  border-left: 2px solid #c39b5c;
  font-size: 10px;
  line-height: 1.55;
}

.dlwe-home-profile-modal .dlwe-home-profile-modal-actions {
  position: static;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 17px 30px 21px;
  background: #fffdf9;
  border-top: 1px solid rgba(73, 61, 47, .10);
}

/* Preserve one premium horizontal utility rail on desktop. */
@media (max-width: 1580px) {
  .dlwe-portal-shell .dlwe-home-executive-header {
    grid-template-columns: 1fr !important;
    align-items: start !important;
  }

  .dlwe-portal-shell .dlwe-home-header-utilities {
    width: 100% !important;
    justify-content: flex-start !important;
  }

  .dlwe-portal-shell .dlwe-home-profile-trigger {
    flex: 1 1 240px;
    max-width: 310px;
  }

  .dlwe-portal-shell .dlwe-home-header-workday {
    flex: 1 1 300px;
  }
}

@media (max-width: 980px) {
  .dlwe-portal-shell .dlwe-home-header-utilities {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: stretch !important;
  }

  .dlwe-portal-shell .dlwe-home-profile-trigger {
    width: 100%;
    max-width: none;
  }

  .dlwe-portal-shell .dlwe-home-header-time {
    min-width: 148px;
  }

  .dlwe-portal-shell .dlwe-home-header-workday {
    grid-column: 1 / -1;
    width: 100%;
  }

  .dlwe-portal-shell .dlwe-home-refresh-button {
    grid-column: 1 / -1;
    min-height: 46px;
  }
}

@media (max-width: 720px) {
  .dlwe-portal-shell .dlwe-home-executive-header {
    gap: 18px !important;
    margin-bottom: 18px !important;
    padding-bottom: 18px !important;
  }

  .dlwe-portal-shell .dlwe-home-executive-header h1 {
    font-size: clamp(31px, 10vw, 42px) !important;
  }

  .dlwe-portal-shell .dlwe-home-header-utilities {
    grid-template-columns: 1fr !important;
  }

  .dlwe-portal-shell .dlwe-home-profile-trigger,
  .dlwe-portal-shell .dlwe-home-header-time,
  .dlwe-portal-shell .dlwe-home-header-workday,
  .dlwe-portal-shell .dlwe-home-refresh-button {
    grid-column: auto;
    width: 100%;
    max-width: none;
  }

  .dlwe-portal-shell .dlwe-home-header-time {
    min-height: 58px;
    text-align: left;
  }

  .dlwe-portal-shell .dlwe-home-header-workday {
    grid-template-columns: 10px minmax(0, 1fr) auto;
  }

  .dlwe-home-profile-modal {
    padding: 10px !important;
    align-items: flex-end !important;
  }

  .dlwe-home-profile-modal .dlwe-home-profile-modal-card {
    width: 100%;
    max-height: calc(100dvh - 20px);
    border-radius: 18px 18px 12px 12px;
  }

  .dlwe-home-profile-modal .dlwe-home-profile-modal-header,
  .dlwe-home-profile-modal .dlwe-home-profile-modal-body,
  .dlwe-home-profile-modal .dlwe-home-profile-modal-actions {
    padding-left: 20px;
    padding-right: 20px;
  }

  .dlwe-home-profile-modal .dlwe-home-profile-photo-row {
    grid-template-columns: 72px minmax(0, 1fr);
    padding: 15px;
  }

  .dlwe-home-profile-modal .dlwe-home-profile-photo-preview {
    width: 72px;
    height: 72px;
    font-size: 21px;
  }

  .dlwe-home-profile-modal .dlwe-home-profile-grid {
    grid-template-columns: 1fr;
  }

  .dlwe-home-profile-modal .dlwe-home-profile-modal-actions {
    flex-direction: column-reverse;
  }

  .dlwe-home-profile-modal .dlwe-home-profile-modal-actions > button {
    width: 100%;
  }
}


/* ========================================================================== 
   v6.7.5 — Luxury Glass Backdrop System
   Keep every portal popup visually connected to the workspace. The page
   behind a modal is softly blurred and warmed rather than covered by black.
   ========================================================================== */
:root {
  --dlwe-modal-glass: rgba(250, 247, 241, 0.24);
  --dlwe-modal-blur: 13px;
}

/* Calendar-based dialogs: Clock In/Out, My Profile, meetings and event detail. */
.dlwe-calendar-modal .dlwe-calendar-modal-backdrop,
#dlwe-document-modal .dlwe-document-modal-backdrop,
.dlwe-document-modal .dlwe-document-modal-backdrop,
.dlwe-mobile-choice-backdrop {
  background: var(--dlwe-modal-glass) !important;
  -webkit-backdrop-filter: blur(var(--dlwe-modal-blur)) saturate(.88) brightness(.98) !important;
  backdrop-filter: blur(var(--dlwe-modal-blur)) saturate(.88) brightness(.98) !important;
}

/* Modals where the full-screen container itself is the backdrop. */
.dlwe-quick-actions-modal,
.dlwe-reset-result-modal,
.dlwe-user-delete-modal {
  background: var(--dlwe-modal-glass) !important;
  -webkit-backdrop-filter: blur(var(--dlwe-modal-blur)) saturate(.88) brightness(.98) !important;
  backdrop-filter: blur(var(--dlwe-modal-blur)) saturate(.88) brightness(.98) !important;
}

/* Preserve depth without returning the heavy black-overlay feeling. */
.dlwe-calendar-modal-card,
.dlwe-quick-actions-dialog,
.dlwe-reset-result-dialog,
.dlwe-user-delete-dialog,
.dlwe-mobile-choice-dialog,
#dlwe-document-modal .dlwe-document-modal-card {
  box-shadow: 0 26px 72px rgba(42, 34, 25, .16) !important;
}

/* Browsers without backdrop-filter still receive a light neutral veil. */
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .dlwe-calendar-modal .dlwe-calendar-modal-backdrop,
  #dlwe-document-modal .dlwe-document-modal-backdrop,
  .dlwe-document-modal .dlwe-document-modal-backdrop,
  .dlwe-mobile-choice-backdrop,
  .dlwe-quick-actions-modal,
  .dlwe-reset-result-modal,
  .dlwe-user-delete-modal {
    background: rgba(244, 240, 233, .84) !important;
  }
}


/* ========================================================================== 
   v6.7.6 — Executive Header Collision Guard + Profile Photo Control Polish
   ========================================================================== */

/* Keep the editorial greeting inside its own grid column at every desktop size. */
.dlwe-portal-shell .dlwe-home-executive-header .dlwe-home-heading-block {
  min-width: 0 !important;
  max-width: none !important;
  overflow: hidden !important;
}

.dlwe-portal-shell .dlwe-home-executive-header h1 {
  width: 100% !important;
  max-width: 100% !important;
  margin-right: 0 !important;
  font-size: clamp(30px, 3vw, 48px) !important;
  line-height: .98 !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

/* Preserve the requested one-line executive rail on normal desktop/laptop widths. */
@media (min-width: 1121px) {
  .dlwe-portal-shell .dlwe-home-executive-header {
    grid-template-columns: minmax(300px, 1fr) minmax(670px, auto) !important;
    align-items: center !important;
    gap: 22px !important;
  }

  .dlwe-portal-shell .dlwe-home-header-utilities {
    width: auto !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(190px, 220px) 132px minmax(280px, 1fr) 78px !important;
    align-items: stretch !important;
    gap: 8px !important;
  }

  .dlwe-portal-shell .dlwe-home-profile-trigger {
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
  }

  .dlwe-portal-shell .dlwe-home-header-time {
    min-width: 0 !important;
    width: 100% !important;
  }

  .dlwe-portal-shell .dlwe-home-header-workday {
    min-width: 0 !important;
    width: 100% !important;
  }

  .dlwe-portal-shell .dlwe-home-refresh-button {
    min-width: 0 !important;
    width: 78px !important;
  }
}

/* At narrower widths, stack deliberately instead of allowing any collision. */
@media (max-width: 1120px) {
  .dlwe-portal-shell .dlwe-home-executive-header {
    grid-template-columns: 1fr !important;
    align-items: start !important;
  }

  .dlwe-portal-shell .dlwe-home-header-utilities {
    width: 100% !important;
    max-width: none !important;
  }
}

/* Browser-native file input text must never bleed into the luxury upload control. */
.dlwe-home-profile-modal .dlwe-home-profile-photo-button {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 118px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

.dlwe-home-profile-modal .dlwe-home-profile-photo-button input[type="file"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  min-width: 1px !important;
  max-width: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  opacity: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  pointer-events: none !important;
}

.dlwe-home-profile-modal .dlwe-home-profile-photo-actions {
  gap: 10px 16px !important;
}

.dlwe-home-profile-modal .dlwe-home-profile-photo-actions .dlwe-text-button {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

@media (max-width: 560px) {
  .dlwe-home-profile-modal .dlwe-home-profile-photo-actions {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

/* ========================================================================== 
   v6.8.0 — DLWE Brand System
   Brand source: DLWE Fonts & Colors document.
   Beauty Friday is referenced only as a preferred local display face; no font
   binary is bundled. Cormorant SC / Book Antiqua / Palatino / Georgia provide
   production-safe fallbacks until licensed brand font assets are supplied.
   ========================================================================== */
:root {
  /* DLWE documented palette */
  --dlwe-rosegold: #B76E78;
  --dlwe-parrot-pink: #D998A3;
  --dlwe-pale-pink: #F6DFE1;
  --dlwe-queen-pink: #EFD1D5;
  --dlwe-cameo-pink: #EBBEC4;
  --dlwe-pastel-pink: #D8A2A9;
  --dlwe-sage: #BFAA8C;
  --dlwe-dark-vanilla: #D1C0A8;
  --dlwe-white-coffee: #E8DED1;
  --dlwe-beaver: #A0816C;
  --dlwe-light-french-beige: #C8AD7E;

  /* Brand typography stacks. No font file is bundled. */
  --dlwe-font-display: "Beauty Friday", "Cormorant SC", "Book Antiqua", "Palatino Linotype", Palatino, Georgia, serif;
  --dlwe-font-serif: "Book Antiqua", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;
  --dlwe-font-label: "Cormorant SC", "Book Antiqua", "Palatino Linotype", Palatino, Georgia, serif;
  --dlwe-font-ui: "Book Antiqua", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;

  /* Existing token mapping so older modules inherit the brand automatically. */
  --dlwe-black: #191415;
  --dlwe-charcoal: #2E2728;
  --dlwe-cream: #FAF6F4;
  --dlwe-white: #FFFDFC;
  --dlwe-surface: #FFFDFC;
  --dlwe-champagne: var(--dlwe-rosegold);
  --dlwe-champagne-soft: var(--dlwe-pale-pink);
  --dlwe-border: #E3D6D4;
  --dlwe-border-light: #F0E8E6;
  --dlwe-muted: #766C69;
  --dlwe-success: #456E59;
  --dlwe-error: #914B50;
  --dlwe-warning: #9A7349;
  --dlwe-shadow: 0 22px 56px rgba(59, 41, 43, .075);
  --dlwe-shadow-soft: 0 10px 28px rgba(59, 41, 43, .05);
  --dlwe-modal-glass: rgba(246, 223, 225, .16);
  --dlwe-modal-blur: 16px;
}

/* Brand-level operational tokens. */
.dlwe-portal-shell {
  --dlwe-pro-ink: #1A1516;
  --dlwe-pro-copy: #514849;
  --dlwe-pro-muted: #7A6F6D;
  --dlwe-pro-canvas: #F9F5F3;
  --dlwe-pro-surface: #FFFDFC;
  --dlwe-pro-surface-strong: #FFFFFF;
  --dlwe-pro-line: #E2D4D2;
  --dlwe-pro-line-soft: #F0E6E4;
  --dlwe-pro-accent: var(--dlwe-rosegold);
  --dlwe-pro-accent-dark: #8E535D;
  --dlwe-pro-accent-soft: #F8E9EB;
  --dlwe-pro-danger: #914B50;
  --dlwe-pro-success: #456E59;
  --dlwe-pro-warning: #9A7349;
  --dlwe-pro-radius: 12px;
  --dlwe-pro-radius-sm: 8px;
  --dlwe-pro-shadow: 0 18px 46px rgba(63, 43, 45, .075);
  --dlwe-pro-shadow-soft: 0 8px 24px rgba(63, 43, 45, .045);
  background:
    radial-gradient(circle at 96% -4%, rgba(217, 152, 163, .10), transparent 26%),
    var(--dlwe-pro-canvas);
  border-color: #E8DEDB;
  box-shadow: 0 26px 76px rgba(48, 34, 35, .10);
}

/* Typography: Book Antiqua is the operational face; display stack is reserved
   for brand moments so dense finance/HR screens stay highly readable. */
.dlwe-portal-shell,
.dlwe-auth-shell,
.dlwe-access-card,
.dlwe-portal-shell button,
.dlwe-portal-shell input,
.dlwe-portal-shell select,
.dlwe-portal-shell textarea,
.dlwe-auth-shell button,
.dlwe-auth-shell input,
.dlwe-auth-shell select,
.dlwe-auth-shell textarea {
  font-family: var(--dlwe-font-ui) !important;
}

.dlwe-portal-shell .dlwe-main h1,
.dlwe-portal-shell .dlwe-main h2,
.dlwe-portal-shell .dlwe-main h3,
.dlwe-auth-shell h1,
.dlwe-auth-shell h2,
.dlwe-access-card h1,
.dlwe-access-card h2,
.dlwe-home-profile-modal h2,
.dlwe-calendar-modal-card h2,
.dlwe-document-modal-card h2,
.dlwe-quick-actions-dialog h2,
.dlwe-reset-result-dialog h2,
.dlwe-user-delete-dialog h2 {
  font-family: var(--dlwe-font-serif) !important;
  font-weight: 400 !important;
}

.dlwe-sidebar-brand,
.dlwe-brand,
.dlwe-home-executive-header h1,
.dlwe-home-hero h2 {
  font-family: var(--dlwe-font-display) !important;
  font-weight: 400 !important;
}

.dlwe-eyebrow,
.dlwe-sidebar-subtitle,
.dlwe-nav-section-label,
.dlwe-nav-group-toggle,
.dlwe-form-section-heading > span,
.dlwe-field label,
.dlwe-form-grid label,
.dlwe-data-table th,
.dlwe-task-dashboard-table th,
.dlwe-report-table th,
.dlwe-checklist-table th,
.dlwe-checklist-template-table th,
.dlwe-timeline-table th,
.dlwe-home-workday-copy small,
.dlwe-home-header-time span {
  font-family: var(--dlwe-font-label) !important;
  font-variant-caps: all-small-caps;
  letter-spacing: .13em !important;
}

/* Sidebar: black-tie base with restrained rose-gold brand detail. */
.dlwe-sidebar {
  background:
    linear-gradient(180deg, rgba(183, 110, 120, .035), transparent 22%),
    linear-gradient(180deg, #1A1516 0%, #100D0E 100%) !important;
  border-right-color: rgba(246, 223, 225, .08) !important;
}

.dlwe-sidebar-brand {
  color: #FFF9F7 !important;
}

.dlwe-sidebar-subtitle {
  color: var(--dlwe-dark-vanilla) !important;
}

.dlwe-nav-section-label,
.dlwe-nav-group-toggle {
  color: rgba(232, 222, 209, .58) !important;
}

.dlwe-nav-item::before {
  background: var(--dlwe-rosegold) !important;
}

.dlwe-nav-item:hover,
.dlwe-nav-item:focus-visible {
  background: rgba(246, 223, 225, .055) !important;
  border-color: rgba(246, 223, 225, .08) !important;
}

.dlwe-nav-item.is-active {
  background: linear-gradient(90deg, rgba(183, 110, 120, .18), rgba(183, 110, 120, .07)) !important;
  border-color: rgba(183, 110, 120, .24) !important;
}

.dlwe-nav-item .dlwe-nav-badge {
  color: #241B1D !important;
  background: var(--dlwe-queen-pink) !important;
}

/* Header & dashboard brand moments. */
.dlwe-main {
  background:
    radial-gradient(circle at 100% 0, rgba(217, 152, 163, .10), transparent 29%),
    radial-gradient(circle at 20% 12%, rgba(232, 222, 209, .28), transparent 31%),
    var(--dlwe-pro-canvas) !important;
}

.dlwe-portal-header,
.dlwe-home-executive-header {
  border-bottom-color: rgba(183, 110, 120, .20) !important;
}

.dlwe-eyebrow {
  color: var(--dlwe-pro-accent-dark) !important;
}

.dlwe-home-hero {
  background:
    radial-gradient(circle at 93% 18%, rgba(217, 152, 163, .13), transparent 24%),
    linear-gradient(125deg, rgba(183, 110, 120, .12), transparent 40%),
    #1B1516 !important;
  border-color: rgba(183, 110, 120, .32) !important;
  box-shadow: 0 22px 58px rgba(45, 29, 32, .14) !important;
}

.dlwe-home-hero::after {
  background: linear-gradient(90deg, var(--dlwe-rosegold), var(--dlwe-light-french-beige)) !important;
}

.dlwe-home-role-badge {
  color: #2A1D20 !important;
  background: linear-gradient(135deg, var(--dlwe-queen-pink), var(--dlwe-dark-vanilla)) !important;
}

.dlwe-home-metric,
.dlwe-timeline-summary > div,
.dlwe-checklist-settings {
  border-top-color: var(--dlwe-rosegold) !important;
}

.dlwe-home-action:hover,
.dlwe-home-action:focus-visible,
.dlwe-checklist-module-option:hover {
  border-color: rgba(183, 110, 120, .58) !important;
  box-shadow: 0 15px 34px rgba(89, 55, 61, .09) !important;
}

.dlwe-home-list-row:hover,
.dlwe-data-table tbody tr:hover td,
.dlwe-task-dashboard-table tbody tr:hover td,
.dlwe-report-table tbody tr:hover td,
.dlwe-checklist-table tbody tr:hover td,
.dlwe-checklist-template-table tbody tr:hover td,
.dlwe-timeline-table tbody tr:hover td {
  background: #FCF1F3 !important;
}

/* Executive utility rail. */
.dlwe-portal-shell .dlwe-home-profile-trigger,
.dlwe-portal-shell .dlwe-home-header-workday {
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(250,245,243,.92)) !important;
  border-color: rgba(183, 110, 120, .30) !important;
  box-shadow: 0 9px 26px rgba(73, 48, 52, .055) !important;
}

.dlwe-portal-shell .dlwe-home-profile-trigger:hover,
.dlwe-portal-shell .dlwe-home-profile-trigger:focus-visible {
  border-color: rgba(183, 110, 120, .64) !important;
  box-shadow: 0 13px 32px rgba(73, 48, 52, .09) !important;
}

.dlwe-portal-shell .dlwe-home-profile-avatar,
.dlwe-home-profile-modal .dlwe-home-profile-photo-preview {
  color: #3A2428 !important;
  background: linear-gradient(145deg, var(--dlwe-pale-pink), #FFF9F8) !important;
  border-color: rgba(183, 110, 120, .58) !important;
}

.dlwe-portal-shell .dlwe-home-profile-chevron {
  color: var(--dlwe-rosegold) !important;
}

.dlwe-portal-shell .dlwe-home-header-time {
  color: #FFF9F7 !important;
  background:
    linear-gradient(145deg, rgba(183,110,120,.08), transparent 55%),
    #1B1516 !important;
  border-color: rgba(217, 152, 163, .38) !important;
}

.dlwe-portal-shell .dlwe-home-header-time strong {
  color: var(--dlwe-queen-pink) !important;
  font-family: var(--dlwe-font-serif) !important;
}

/* Buttons and interactions. */
.dlwe-primary-button,
.dlwe-panel .dlwe-primary-button,
.dlwe-home-clock-action,
.dlwe-quick-actions-dialog .dlwe-primary-button,
.dlwe-calendar-modal-actions .dlwe-primary-button,
.dlwe-document-modal-card .dlwe-primary-button {
  color: #FFFDFC !important;
  background: #1B1516 !important;
  border-color: #1B1516 !important;
  box-shadow: 0 8px 20px rgba(39, 24, 27, .11) !important;
}

.dlwe-primary-button:hover,
.dlwe-primary-button:focus-visible,
.dlwe-panel .dlwe-primary-button:hover,
.dlwe-panel .dlwe-primary-button:focus-visible,
.dlwe-home-clock-action:hover,
.dlwe-home-clock-action:focus-visible {
  color: #FFFFFF !important;
  background: var(--dlwe-rosegold) !important;
  border-color: var(--dlwe-rosegold) !important;
  box-shadow: 0 10px 24px rgba(183, 110, 120, .24) !important;
}

.dlwe-secondary-button,
.dlwe-panel .dlwe-secondary-button {
  color: #2B2224 !important;
  background: rgba(255, 253, 252, .90) !important;
  border-color: rgba(183, 110, 120, .34) !important;
}

.dlwe-secondary-button:hover,
.dlwe-secondary-button:focus-visible,
.dlwe-panel .dlwe-secondary-button:hover,
.dlwe-panel .dlwe-secondary-button:focus-visible {
  color: #5F343C !important;
  background: var(--dlwe-pale-pink) !important;
  border-color: var(--dlwe-rosegold) !important;
}

.dlwe-text-button {
  color: var(--dlwe-pro-accent-dark) !important;
}

.dlwe-text-button:hover,
.dlwe-text-button:focus-visible {
  color: var(--dlwe-rosegold) !important;
}

/* Forms: warm white surfaces with brand focus rings. */
.dlwe-panel input:not([type="checkbox"]):not([type="radio"]),
.dlwe-panel select,
.dlwe-panel textarea,
.dlwe-home-profile-grid input,
.dlwe-home-clock-modal input,
.dlwe-home-clock-modal select,
.dlwe-home-clock-modal textarea,
.dlwe-document-modal-card input,
.dlwe-document-modal-card select,
.dlwe-document-modal-card textarea {
  border-color: #DED0CD !important;
  background: #FFFDFC !important;
}

.dlwe-panel input:focus,
.dlwe-panel select:focus,
.dlwe-panel textarea:focus,
.dlwe-home-profile-grid input:focus,
.dlwe-home-clock-modal input:focus,
.dlwe-home-clock-modal select:focus,
.dlwe-home-clock-modal textarea:focus,
.dlwe-document-modal-card input:focus,
.dlwe-document-modal-card select:focus,
.dlwe-document-modal-card textarea:focus {
  border-color: var(--dlwe-rosegold) !important;
  box-shadow: 0 0 0 3px rgba(183, 110, 120, .12) !important;
}

input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--dlwe-rosegold);
}

.dlwe-checklist-module-option:has(input:checked) {
  background: var(--dlwe-pale-pink) !important;
  border-color: rgba(183, 110, 120, .55) !important;
  box-shadow: inset 3px 0 0 var(--dlwe-rosegold) !important;
}

/* Card and table language. */
.dlwe-form-section,
.dlwe-report-card,
.dlwe-report-filter-card,
.dlwe-task-dashboard-card,
.dlwe-checklist-settings,
.dlwe-checklist-preview-section,
.dlwe-checklist-template-editor,
.dlwe-checklist-progress-section,
.dlwe-timeline-top-grid > *,
.dlwe-hr-manager-form,
.dlwe-home-card,
.dlwe-home-metric,
.dlwe-home-action,
.dlwe-checklist-progress-card,
.dlwe-timeline-summary > div,
.dlwe-document-summary-card,
.dlwe-document-toolbar-card,
.dlwe-document-activity-card {
  background: rgba(255, 253, 252, .96) !important;
  border-color: var(--dlwe-pro-line) !important;
}

.dlwe-task-dashboard-table th,
.dlwe-data-table th,
.dlwe-report-table th,
.dlwe-checklist-table th,
.dlwe-checklist-template-table th,
.dlwe-timeline-table th {
  color: rgba(255, 249, 247, .92) !important;
  background: #20191B !important;
  border-color: #39292D !important;
  box-shadow: inset 0 -2px 0 rgba(183, 110, 120, .42);
}

.dlwe-task-dashboard-table tbody tr:nth-child(even) td,
.dlwe-data-table tbody tr:nth-child(even) td,
.dlwe-report-table tbody tr:nth-child(even) td,
.dlwe-checklist-table tbody tr:nth-child(even) td,
.dlwe-checklist-template-table tbody tr:nth-child(even) td,
.dlwe-timeline-table tbody tr:nth-child(even) td {
  background: #FFFAF9 !important;
}

/* Popups: same glass rule everywhere, now gently tinted with the brand palette. */
.dlwe-calendar-modal .dlwe-calendar-modal-backdrop,
#dlwe-document-modal .dlwe-document-modal-backdrop,
.dlwe-document-modal .dlwe-document-modal-backdrop,
.dlwe-mobile-choice-backdrop,
.dlwe-quick-actions-modal,
.dlwe-reset-result-modal,
.dlwe-user-delete-modal {
  background: rgba(246, 223, 225, .15) !important;
  -webkit-backdrop-filter: blur(16px) saturate(.92) brightness(1.01) !important;
  backdrop-filter: blur(16px) saturate(.92) brightness(1.01) !important;
}

.dlwe-calendar-modal-card,
.dlwe-quick-actions-dialog,
.dlwe-reset-result-dialog,
.dlwe-user-delete-dialog,
.dlwe-mobile-choice-dialog,
#dlwe-document-modal .dlwe-document-modal-card,
.dlwe-home-profile-modal .dlwe-home-profile-modal-card {
  background: #FFFDFC !important;
  border-color: rgba(183, 110, 120, .26) !important;
  box-shadow: 0 30px 90px rgba(64, 42, 46, .17) !important;
}

.dlwe-home-profile-modal .dlwe-home-profile-photo-row {
  background: linear-gradient(145deg, rgba(246,223,225,.42), rgba(255,253,252,.94)) !important;
  border-color: rgba(183, 110, 120, .26) !important;
}

.dlwe-home-profile-modal .dlwe-home-profile-admin-note {
  background: #FFF8F7 !important;
  border-left-color: var(--dlwe-rosegold) !important;
}

.dlwe-home-clock-modal .dlwe-home-clock-wedding-option {
  background: #FFFDFC !important;
  border-color: rgba(183, 110, 120, .18) !important;
}

.dlwe-home-clock-modal .dlwe-home-clock-wedding-option:hover {
  background: #FFF5F6 !important;
  border-color: rgba(183, 110, 120, .52) !important;
}

/* Authentication screens follow the same brand system. */
.dlwe-auth-shell {
  background:
    radial-gradient(circle at 18% 8%, rgba(217, 152, 163, .18), transparent 34%),
    radial-gradient(circle at 88% 88%, rgba(200, 173, 126, .13), transparent 30%),
    linear-gradient(145deg, #FCF8F6 0%, #F1E9E6 100%) !important;
}

.dlwe-login-card,
.dlwe-access-card {
  background: rgba(255, 253, 252, .97) !important;
  border-color: rgba(183, 110, 120, .25) !important;
  box-shadow: 0 28px 76px rgba(62, 41, 45, .13) !important;
}

.dlwe-brand-subtitle {
  color: var(--dlwe-pro-accent-dark) !important;
  font-family: var(--dlwe-font-label) !important;
  font-variant-caps: all-small-caps;
}

.dlwe-divider {
  background: linear-gradient(90deg, var(--dlwe-rosegold), var(--dlwe-light-french-beige)) !important;
}

/* Readability safeguard: keep semantic states semantic. Brand pink is never used
   to signal success/error/warning, preventing visual ambiguity in operations. */
.dlwe-alert.is-success,
.dlwe-status-pill.is-success,
.dlwe-status-pill.dlwe-status-published,
.dlwe-status-pill.dlwe-status-accepted,
.dlwe-status-pill.dlwe-status-available,
.dlwe-status-pill.dlwe-status-completed {
  --dlwe-state-color: var(--dlwe-success);
}

@media (prefers-reduced-motion: reduce) {
  .dlwe-portal-shell *,
  .dlwe-auth-shell * {
    scroll-behavior: auto !important;
  }
}

/* ========================================================================== 
   v6.8.1 — Sidebar Readability & Luxury Hierarchy
   The branded Cormorant/small-caps treatment was visually too delicate at
   operational navigation sizes. Keep the editorial character, but increase
   optical size, weight and contrast so the sidebar is effortless to scan.
   ========================================================================== */
.dlwe-portal-shell .dlwe-sidebar-subtitle {
  font-size: 9.5px !important;
  font-weight: 700 !important;
  letter-spacing: .20em !important;
  color: rgba(209, 192, 168, .92) !important;
}

.dlwe-portal-shell .dlwe-nav-section-label,
.dlwe-portal-shell .dlwe-nav-group-toggle {
  font-family: var(--dlwe-font-label) !important;
  font-variant-caps: normal !important;
  text-transform: uppercase !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .12em !important;
  color: rgba(232, 222, 209, .78) !important;
}

.dlwe-portal-shell .dlwe-nav-group-toggle {
  min-height: 50px !important;
  padding: 13px 13px 12px !important;
}

.dlwe-portal-shell .dlwe-nav-group-toggle:hover,
.dlwe-portal-shell .dlwe-nav-group-toggle:focus-visible,
.dlwe-portal-shell .dlwe-nav-group.is-open > .dlwe-nav-group-toggle {
  color: #FFFDFC !important;
  background: rgba(246, 223, 225, .055) !important;
}

.dlwe-portal-shell .dlwe-nav-group-toggle i {
  width: 9px !important;
  height: 9px !important;
  flex: 0 0 9px !important;
  margin-left: 14px !important;
  border-right-width: 1.5px !important;
  border-bottom-width: 1.5px !important;
  color: rgba(209, 192, 168, .88) !important;
}

.dlwe-portal-shell .dlwe-nav-group {
  border-top-color: rgba(232, 222, 209, .10) !important;
}

.dlwe-portal-shell .dlwe-nav-item {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  color: rgba(255, 253, 252, .80) !important;
}

.dlwe-portal-shell .dlwe-nav-item > span:first-child {
  color: inherit !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  text-transform: none !important;
}

.dlwe-portal-shell .dlwe-nav-item:hover,
.dlwe-portal-shell .dlwe-nav-item:focus-visible,
.dlwe-portal-shell .dlwe-nav-item.is-active {
  color: #FFFDFC !important;
}

.dlwe-portal-shell .dlwe-nav-item.is-active {
  font-weight: 700 !important;
}

.dlwe-portal-shell .dlwe-logout-link {
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
}

@media (max-width: 1024px) {
  .dlwe-portal-shell .dlwe-nav-group-toggle {
    min-height: 52px !important;
    padding: 14px 13px !important;
    font-size: 12.5px !important;
  }

  .dlwe-portal-shell .dlwe-nav-item {
    min-height: 46px !important;
    font-size: 13.5px !important;
  }
}

@media (max-width: 560px) {
  .dlwe-portal-shell .dlwe-nav-group-toggle {
    font-size: 12px !important;
    letter-spacing: .105em !important;
  }

  .dlwe-portal-shell .dlwe-nav-item {
    font-size: 13px !important;
  }
}

/* v6.8.2 — Sidebar label polish: Finance & Procurement renamed to Finance in navigation markup. */

/* v6.9.0 — Rosters & Scheduling deployment system */
.dlwe-portal-shell .dlwe-roster-separation-note {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0 0 20px;
  padding: 14px 16px;
  border: 1px solid rgba(183,110,120,.28);
  border-left: 3px solid var(--dlwe-brand-rose-gold, #B76E78);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(246,223,225,.38), rgba(232,222,209,.22));
  color: var(--dlwe-ink, #171411);
}
.dlwe-portal-shell .dlwe-roster-separation-note strong {
  flex: 0 0 auto;
  font-family: "Cormorant SC", "Book Antiqua", Palatino, Georgia, serif;
  letter-spacing: .07em;
  color: var(--dlwe-brand-rose-gold, #B76E78);
}
.dlwe-portal-shell .dlwe-roster-separation-note span {
  line-height: 1.55;
  color: rgba(36,31,27,.72);
}
.dlwe-portal-shell .dlwe-roster-type-chip {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin: 0 0 8px;
  padding: 5px 9px;
  border: 1px solid rgba(183,110,120,.34);
  border-radius: 999px;
  background: rgba(246,223,225,.42);
  color: #8f4f59;
  font-family: "Cormorant SC", "Book Antiqua", Palatino, Georgia, serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.dlwe-portal-shell .dlwe-roster-table td:nth-child(3) .dlwe-roster-type-chip {
  display: flex;
  margin-bottom: 6px;
}
.dlwe-portal-shell .dlwe-status-acknowledged {
  background: rgba(191,170,140,.16);
  border-color: rgba(191,170,140,.45);
  color: #65523c;
}
.dlwe-portal-shell .dlwe-status-issue-reported {
  background: rgba(183,110,120,.12);
  border-color: rgba(183,110,120,.45);
  color: #8d4652;
}
.dlwe-portal-shell .dlwe-home-duty-list {
  display: grid;
  gap: 8px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(183,110,120,.18);
}
.dlwe-portal-shell .dlwe-home-duty-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
.dlwe-portal-shell .dlwe-home-duty-heading span {
  font-family: "Cormorant SC", "Book Antiqua", Palatino, Georgia, serif;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #6e4c50;
}
.dlwe-portal-shell .dlwe-home-duty-heading small {
  color: rgba(36,31,27,.55);
}
.dlwe-portal-shell .dlwe-home-duty-row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 11px 12px;
  border: 1px solid rgba(160,129,108,.18);
  border-radius: 10px;
  background: rgba(255,255,255,.54);
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.dlwe-portal-shell .dlwe-home-duty-row:hover {
  border-color: rgba(183,110,120,.38);
  background: rgba(246,223,225,.26);
}
.dlwe-portal-shell .dlwe-home-duty-row > span {
  min-width: 0;
  display: grid;
  gap: 3px;
}
.dlwe-portal-shell .dlwe-home-duty-row strong {
  font-size: 13px;
  line-height: 1.35;
}
.dlwe-portal-shell .dlwe-home-duty-row small {
  color: rgba(36,31,27,.62);
  line-height: 1.4;
}
.dlwe-portal-shell .dlwe-home-duty-row em {
  flex: 0 0 auto;
  font-style: normal;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #8d5961;
}
.dlwe-portal-shell .dlwe-home-attendance-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
  margin-top: 14px;
}
@media (max-width: 760px) {
  .dlwe-portal-shell .dlwe-roster-separation-note,
  .dlwe-portal-shell .dlwe-home-duty-heading {
    flex-direction: column;
  }
  .dlwe-portal-shell .dlwe-home-attendance-links {
    grid-template-columns: 1fr;
  }
  .dlwe-portal-shell .dlwe-home-duty-row {
    align-items: flex-start;
  }
}


/* v7.0.0 — Native Attendance, Leave & Working Hours */
.dlwe-hr-live-team-card,.dlwe-hr-audit-card,.dlwe-hr-policy-card{margin-top:24px}
.dlwe-hr-day-grid{display:grid;grid-template-columns:repeat(7,minmax(74px,1fr));gap:10px;margin-top:8px}
.dlwe-hr-day-grid label{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid rgba(183,110,120,.22);border-radius:12px;background:rgba(246,223,225,.20);font-weight:700;color:#241d1e;cursor:pointer}
.dlwe-hr-day-grid input{width:16px;height:16px;accent-color:#B76E78}
.dlwe-label-optional{font-size:.72em;font-weight:500;color:#8d7779;margin-left:4px}
.dlwe-hr-leave-balance{margin-bottom:16px}
[data-dlwe-hr-panel="schedule"] .dlwe-form-section{margin-top:22px}
[data-dlwe-hr-panel="schedule"] .dlwe-table-wrap{margin-top:18px}
@media(max-width:900px){.dlwe-hr-day-grid{grid-template-columns:repeat(4,minmax(72px,1fr))}}
@media(max-width:560px){.dlwe-hr-day-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ================================================================
   v7.1.0 — Wedding Day Command Centre
   Live luxury operations cockpit
   ================================================================ */
.dlwe-command-live-overview{
  margin:20px 0 22px;
  padding:22px;
  border:1px solid rgba(183,110,120,.24);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,253,249,.98),rgba(246,223,225,.25));
  box-shadow:0 16px 42px rgba(49,35,31,.055);
}
.dlwe-command-live-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.dlwe-command-live-heading h2{margin:2px 0 4px;font-size:26px;line-height:1.1}
.dlwe-command-live-clock{display:inline-flex;align-items:center;white-space:nowrap;padding:8px 12px;border:1px solid rgba(183,110,120,.25);border-radius:999px;background:#fff;color:#6d5651;font-size:12px;font-weight:700;letter-spacing:.05em}
.dlwe-command-now-next-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.dlwe-command-focus-card{min-width:0;padding:16px;border:1px solid #eadfda;border-radius:15px;background:rgba(255,255,255,.88)}
.dlwe-command-focus-label{margin-bottom:10px;color:var(--dlwe-rosegold,#B76E78);font-size:10px;font-weight:800;letter-spacing:.15em}
.dlwe-command-compact-item{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #eee5e1}
.dlwe-command-compact-item:last-child{border-bottom:0}
.dlwe-command-compact-item time{font-family:var(--dlwe-brand-display,Georgia,serif);font-size:17px;color:#28211e}
.dlwe-command-compact-item>div{display:flex;flex-direction:column;min-width:0;gap:2px}
.dlwe-command-compact-item strong{font-size:13px;line-height:1.25;color:#251f1d}
.dlwe-command-compact-item span{font-size:10px;color:#7d706b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dlwe-command-compact-item small{font-size:9px}
.dlwe-command-focus-empty{display:flex;min-height:70px;flex-direction:column;justify-content:center;gap:3px;color:#776b66}
.dlwe-command-focus-empty strong{font-size:13px;color:#3a302d}
.dlwe-command-focus-empty span{font-size:11px}
.dlwe-command-event-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.dlwe-command-event-card{padding:14px;border:1px solid #e8dfda;border-radius:14px;background:#fff;min-width:0}
.dlwe-command-event-card.is-attention{border-color:rgba(183,110,120,.55);box-shadow:inset 3px 0 0 var(--dlwe-rosegold,#B76E78)}
.dlwe-command-event-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.dlwe-command-event-card-head>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.dlwe-command-event-card-head span{font-size:10px;color:#8a746e;text-transform:uppercase;letter-spacing:.08em}
.dlwe-command-event-card-head strong{font-family:var(--dlwe-brand-display,Georgia,serif);font-size:18px;line-height:1.15;color:#28211f}
.dlwe-command-event-card p{margin:9px 0 0;font-size:10px;color:#766a65}
.dlwe-command-event-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}
.dlwe-command-event-stats span{display:flex;flex-direction:column;gap:1px;font-size:9px;color:#8a7c76}
.dlwe-command-event-stats b{font-size:13px;color:#3b302d}
.dlwe-command-coverage-section{margin-top:24px;padding-top:20px;border-top:1px solid #eadfda}
.dlwe-command-coverage-list,.dlwe-command-contact-list,.dlwe-command-transport-list,.dlwe-command-note-list{display:grid;gap:11px}
.dlwe-command-coverage-card{display:grid;grid-template-columns:minmax(180px,1.15fr) minmax(330px,1.6fr);gap:12px 20px;padding:14px 16px;border:1px solid #e5ddd8;border-radius:14px;background:#fff}
.dlwe-command-coverage-card.is-attention{border-color:rgba(183,110,120,.55);background:rgba(246,223,225,.18)}
.dlwe-command-coverage-card>div:first-child{display:flex;flex-direction:column;gap:2px}
.dlwe-command-coverage-card span,.dlwe-command-coverage-card small,.dlwe-command-coverage-card p{font-size:10px;color:#786c67;margin:0}
.dlwe-command-coverage-card strong{font-size:13px;color:#2d2522}
.dlwe-command-coverage-card p{grid-column:1/-1}
.dlwe-command-coverage-metrics{display:grid;grid-template-columns:repeat(4,minmax(65px,1fr));gap:7px}
.dlwe-command-coverage-metrics span{padding:7px 8px;border-radius:10px;background:#faf7f4;text-align:center}
.dlwe-command-coverage-metrics span.is-warning{background:#fff0ee;color:#8a413b}
.dlwe-command-coverage-metrics b{display:block;font-size:15px;color:#2e2522}
.dlwe-command-contact-card{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 14px;border:1px solid #e5ddd8;border-radius:13px;background:#fff}
.dlwe-command-contact-card>div:first-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.dlwe-command-contact-card span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--dlwe-rosegold,#B76E78)}
.dlwe-command-contact-card strong{font-size:13px;color:#2c2421}
.dlwe-command-contact-card small{font-size:10px;color:#786d67}
.dlwe-command-contact-card>div:last-child{display:flex;gap:8px;flex-wrap:wrap}
.dlwe-command-transport-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:13px 14px;border:1px solid #e5ddd8;border-radius:13px;background:#fff}
.dlwe-command-transport-card>div{display:flex;flex-direction:column;gap:2px}
.dlwe-command-transport-card span{font-size:9px;color:#8a756f}
.dlwe-command-transport-card strong{font-size:13px;color:#2d2522}
.dlwe-command-transport-card p,.dlwe-command-transport-card footer{grid-column:1/-1;margin:0;font-size:10px;color:#776b66}
.dlwe-command-note-layout{display:grid;grid-template-columns:minmax(330px,.85fr) minmax(0,1.15fr);gap:22px}
.dlwe-command-note-card{margin:0!important}
.dlwe-command-note{display:flex;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid #e5ddd8;border-radius:13px;background:#fff}
.dlwe-command-note.is-urgent{border-color:rgba(183,110,120,.58);background:rgba(246,223,225,.18);box-shadow:inset 3px 0 0 var(--dlwe-rosegold,#B76E78)}
.dlwe-command-note>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.dlwe-command-note span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#9a6a71}
.dlwe-command-note strong{font-size:13px;color:#2c2421}
.dlwe-command-note p,.dlwe-command-note>small{margin:0;font-size:10px;color:#776b66}
.dlwe-command-team-card small.is-approved,.dlwe-command-team-card small.is-progress{color:#356048}
.dlwe-command-team-card small.is-cancelled{color:#9a3f38}

@media (max-width:1200px){
  .dlwe-command-event-board{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dlwe-command-note-layout{grid-template-columns:1fr}
}
@media (max-width:860px){
  .dlwe-command-now-next-grid,.dlwe-command-event-board{grid-template-columns:1fr}
  .dlwe-command-live-heading{flex-direction:column}
  .dlwe-command-coverage-card{grid-template-columns:1fr}
  .dlwe-command-coverage-card p{grid-column:auto}
}
@media (max-width:560px){
  .dlwe-command-live-overview{padding:15px;border-radius:15px}
  .dlwe-command-compact-item{grid-template-columns:50px minmax(0,1fr)}
  .dlwe-command-compact-item small{grid-column:2;justify-self:start}
  .dlwe-command-event-stats,.dlwe-command-coverage-metrics{grid-template-columns:1fr 1fr}
  .dlwe-command-contact-card,.dlwe-command-note{align-items:flex-start;flex-direction:column}
}
.dlwe-command-summary{grid-template-columns:repeat(6,minmax(0,1fr))}
.dlwe-command-summary .is-live{border-color:rgba(183,110,120,.38);background:linear-gradient(145deg,#fff,rgba(246,223,225,.24))}
@media (max-width:1350px){.dlwe-command-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.dlwe-command-summary{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.dlwe-command-summary{grid-template-columns:1fr}}

/* ================================================================
   v7.1.1 — Command Centre UX & Event-Date Polish
   Full-width executive heading, dedicated control bar and true event days
   ================================================================ */
.dlwe-portal-shell .dlwe-command-header{
  display:block!important;
  padding-bottom:22px!important;
  margin-bottom:16px!important;
}
.dlwe-portal-shell .dlwe-command-header .dlwe-command-title-block{
  width:100%!important;
  max-width:1040px!important;
  flex:none!important;
}
.dlwe-portal-shell .dlwe-command-header h1{
  width:100%;
  max-width:980px;
  margin:5px 0 12px!important;
  font-size:clamp(46px,4.8vw,72px)!important;
  line-height:.94!important;
  letter-spacing:-.035em!important;
  text-wrap:balance;
}
.dlwe-portal-shell .dlwe-command-header .dlwe-muted{
  max-width:820px!important;
  font-size:14px!important;
  line-height:1.6!important;
}
.dlwe-command-controlbar{
  display:grid;
  grid-template-columns:minmax(420px,1fr) auto;
  gap:18px 24px;
  align-items:end;
  margin:0 0 22px;
  padding:16px 18px;
  border:1px solid rgba(183,110,120,.20);
  border-radius:16px;
  background:rgba(255,253,250,.88);
  box-shadow:0 12px 34px rgba(49,35,31,.045);
}
.dlwe-command-control-fields{
  display:grid;
  grid-template-columns:minmax(280px,1.35fr) minmax(240px,1fr);
  gap:12px;
  min-width:0;
}
.dlwe-command-control-field{
  display:grid;
  gap:7px;
  min-width:0;
}
.dlwe-command-control-field>span{
  color:#7b6668;
  font-family:var(--dlwe-brand-smallcaps,"Cormorant SC",Georgia,serif);
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.dlwe-command-control-field select{
  width:100%;
  min-width:0;
  height:46px;
  padding:0 38px 0 13px;
  border:1px solid rgba(160,129,108,.34);
  border-radius:11px;
  background:#fff;
  color:#241d1e;
  font-size:13px;
  font-weight:600;
}
.dlwe-command-control-field select:focus{
  border-color:rgba(183,110,120,.72);
  box-shadow:0 0 0 3px rgba(183,110,120,.10);
  outline:0;
}
.dlwe-command-control-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  min-width:0;
}
.dlwe-command-action-group{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.dlwe-command-action-group-secondary{
  padding-left:12px;
  border-left:1px solid rgba(160,129,108,.24);
}
.dlwe-command-control-actions .dlwe-compact-button{
  min-height:46px;
  white-space:nowrap;
}
.dlwe-portal-shell .dlwe-command-summary{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:10px!important;
  margin-bottom:18px!important;
}
.dlwe-portal-shell .dlwe-command-summary .dlwe-task-summary-card{
  min-height:112px!important;
  padding:14px 15px!important;
}
.dlwe-portal-shell .dlwe-command-summary .dlwe-task-summary-card span{
  font-size:10px!important;
  letter-spacing:.075em!important;
}
.dlwe-portal-shell .dlwe-command-summary .dlwe-task-summary-card strong{
  margin:9px 0 6px!important;
  font-size:clamp(27px,2.2vw,34px)!important;
}
.dlwe-portal-shell .dlwe-command-summary .dlwe-task-summary-card small{
  display:block;
  color:#796c68;
  font-size:9.5px;
  line-height:1.35;
}
.dlwe-command-now-next-grid>.dlwe-command-focus-card:first-child{
  border-color:rgba(183,110,120,.44);
  background:linear-gradient(145deg,#fff,rgba(246,223,225,.24));
  box-shadow:inset 3px 0 0 var(--dlwe-rosegold,#B76E78);
}
.dlwe-command-now-next-grid>.dlwe-command-focus-card:nth-child(2){
  background:rgba(255,255,255,.96);
}

@media(max-width:1180px){
  .dlwe-command-controlbar{grid-template-columns:1fr;align-items:stretch}
  .dlwe-command-control-actions{justify-content:space-between}
  .dlwe-portal-shell .dlwe-command-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .dlwe-portal-shell .dlwe-command-header h1{font-size:clamp(39px,12vw,54px)!important}
  .dlwe-command-controlbar{padding:14px;border-radius:14px}
  .dlwe-command-control-fields{grid-template-columns:1fr}
  .dlwe-command-control-actions{align-items:stretch;flex-direction:column}
  .dlwe-command-action-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .dlwe-command-action-group-secondary{padding-left:0;padding-top:10px;border-left:0;border-top:1px solid rgba(160,129,108,.24)}
  .dlwe-command-action-group .dlwe-compact-button{width:100%!important}
  .dlwe-portal-shell .dlwe-command-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:520px){
  .dlwe-command-action-group{grid-template-columns:1fr}
  .dlwe-portal-shell .dlwe-command-summary{grid-template-columns:1fr!important}
}


/* ============================================================
   v7.2.0 — DLWE HR, Leave, Permission & Luxury Payroll
   ============================================================ */
.dlwe-portal-shell [data-dlwe-panel="attendance-payroll"] .dlwe-hr-tabs{
  display:flex;gap:7px;flex-wrap:wrap;padding:7px;border:1px solid rgba(183,110,120,.18);border-radius:15px;background:rgba(255,253,250,.86);box-shadow:0 10px 30px rgba(54,39,34,.04);margin:0 0 22px;
}
.dlwe-portal-shell [data-dlwe-panel="attendance-payroll"] .dlwe-hr-tab{min-height:42px;padding:0 17px;border-radius:10px;font-weight:700;letter-spacing:.035em}
.dlwe-portal-shell [data-dlwe-panel="attendance-payroll"] .dlwe-hr-tab.is-active{background:#211c1c;color:#fff;box-shadow:0 8px 22px rgba(31,25,24,.12)}
.dlwe-hr-dashboard-clock-note{background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(246,223,225,.28));border-color:rgba(183,110,120,.24)!important}
.dlwe-compensation-card{border:1px solid rgba(183,110,120,.3)!important;background:linear-gradient(145deg,#fff,rgba(246,223,225,.18))!important;box-shadow:0 16px 44px rgba(79,53,51,.06)!important}
.dlwe-compensation-card .dlwe-form-section-heading>span{background:#B76E78!important;color:#fff!important}
.dlwe-portal-shell [data-dlwe-panel="attendance-payroll"] .dlwe-task-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.dlwe-portal-shell [data-dlwe-panel="attendance-payroll"] .dlwe-task-summary-card{min-height:108px;padding:16px 17px;border:1px solid rgba(191,170,140,.22);background:rgba(255,255,255,.94);box-shadow:0 10px 28px rgba(66,47,42,.035)}
.dlwe-portal-shell [data-dlwe-panel="attendance-payroll"] .dlwe-task-summary-card span{font-size:10px;font-weight:700;letter-spacing:.09em}
.dlwe-portal-shell [data-dlwe-panel="attendance-payroll"] .dlwe-task-summary-card strong{font-size:25px;line-height:1.05}
.dlwe-payslip-luxury{max-width:820px!important;margin:0 auto!important;padding:38px 42px!important;background:#fff!important;color:#211c1c!important;border:1px solid rgba(183,110,120,.28)!important;box-shadow:0 22px 70px rgba(44,31,29,.08)!important}
.dlwe-payslip-luxury header{border-bottom:1px solid rgba(183,110,120,.34)!important;padding-bottom:22px!important;margin-bottom:24px!important}
.dlwe-payslip-luxury header>div:first-child strong{color:#B76E78!important;font-size:23px!important;letter-spacing:.24em!important}
.dlwe-payslip-luxury header h1{font-family:var(--dlwe-brand-serif,"Book Antiqua",Palatino,Georgia,serif)!important;font-size:30px!important}
.dlwe-payslip-luxury h3{margin:25px 0 7px;color:#8c5e64;font-family:var(--dlwe-brand-smallcaps,"Cormorant SC",Georgia,serif);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.dlwe-payslip-luxury table{border-top:1px solid rgba(200,173,126,.2)}
.dlwe-payslip-luxury td{padding:10px 4px!important;border-bottom:1px solid rgba(232,222,209,.8)!important}
.dlwe-payslip-luxury tr.is-subtotal td{font-weight:700;background:rgba(246,223,225,.2)}
.dlwe-payslip-luxury tr.is-total td{background:#211c1c!important;color:#fff!important;font-size:17px!important;border:0!important;padding:15px 10px!important}
.dlwe-payslip-luxury .dlwe-payslip-meta{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px 18px!important;background:#fbf8f5!important;border:1px solid rgba(200,173,126,.2)!important;border-radius:12px!important;padding:16px!important}
.dlwe-payslip-luxury .dlwe-payslip-meta h3{grid-column:1/-1;margin:0 0 4px}
.dlwe-payslip-luxury footer{margin-top:24px!important;border-top:1px solid rgba(183,110,120,.24)!important;padding-top:15px!important;color:#6f6260!important}
@media(max-width:760px){
  .dlwe-portal-shell [data-dlwe-panel="attendance-payroll"] .dlwe-hr-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .dlwe-payslip-luxury{padding:24px 20px!important}.dlwe-payslip-luxury .dlwe-payslip-meta{grid-template-columns:1fr!important}
}
@media print{
  body.dlwe-print-payslip .dlwe-payslip-luxury{box-shadow:none!important;border:0!important;max-width:none!important;padding:0!important}
}


/* v7.2.1 — HR structure polish */
.dlwe-portal-shell .dlwe-panel[data-dlwe-panel="attendance-payroll"] > .dlwe-portal-header{padding-top:34px;margin-top:0;}
.dlwe-portal-shell .dlwe-panel[data-dlwe-panel="attendance-payroll"] > .dlwe-portal-header h1{line-height:.96;margin-top:4px;}
.dlwe-portal-shell .dlwe-hr-manager-form .dlwe-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px;}
.dlwe-portal-shell .dlwe-hr-manager-form .dlwe-field-full{grid-column:1/-1;}
.dlwe-portal-shell .dlwe-hr-manager-form textarea{min-height:84px;}
.dlwe-portal-shell .dlwe-hr-history-entry{background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(246,223,225,.22));}
.dlwe-portal-shell .dlwe-hr-history-entry .dlwe-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
.dlwe-portal-shell .dlwe-hr-history-entry .dlwe-field-full{grid-column:1/-1;}
@media(max-width:1100px){.dlwe-portal-shell .dlwe-hr-manager-form .dlwe-form-grid,.dlwe-portal-shell .dlwe-hr-history-entry .dlwe-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:720px){.dlwe-portal-shell .dlwe-hr-manager-form .dlwe-form-grid,.dlwe-portal-shell .dlwe-hr-history-entry .dlwe-form-grid{grid-template-columns:1fr;}.dlwe-portal-shell .dlwe-panel[data-dlwe-panel="attendance-payroll"] > .dlwe-portal-header{padding-top:24px;}}

/* v7.2.2 — Hourly wedding compensation */
.dlwe-user-compensation-section #dlwe_user_comp_wedding_day,.dlwe-user-compensation-section #dlwe_user_comp_wedding_night{font-variant-numeric:tabular-nums}


/* Version 7.3.0 — Phase 8E Wedding Day Run Sheet & Operations Builder */
.dlwe-portal-shell .dlwe-run-sheet-manual-row {
  border-color: rgba(183,110,120,.24);
  box-shadow: 0 14px 34px rgba(74,51,45,.055);
}
.dlwe-portal-shell .dlwe-run-sheet-manual-row > header {
  background: linear-gradient(135deg,#211c1c 0%,#352a28 100%);
}
.dlwe-portal-shell .dlwe-run-sheet-grid {
  grid-template-columns: repeat(4,minmax(0,1fr));
}
.dlwe-portal-shell .dlwe-command-milestones {
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:10px 0 4px;
}
.dlwe-portal-shell .dlwe-command-milestones span {
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 9px;
  border:1px solid rgba(191,170,140,.34);
  border-radius:999px;
  background:rgba(246,223,225,.46);
  color:#554844;
  font-size:10px;
  font-weight:700;
  letter-spacing:.045em;
}
.dlwe-portal-shell .dlwe-command-dependency {
  margin:10px 0;
  padding:9px 11px;
  border-left:3px solid #B76E78;
  background:rgba(246,223,225,.32);
  color:#564843;
}
@media (max-width:1050px){
  .dlwe-portal-shell .dlwe-run-sheet-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:720px){
  .dlwe-portal-shell .dlwe-run-sheet-grid{grid-template-columns:1fr;}
}
@media print {
  @page { size: A4 landscape; margin: 9mm; }
  body.dlwe-print-timeline .dlwe-run-sheet-print-event { break-inside:auto; }
  body.dlwe-print-timeline .dlwe-run-sheet-print-event table { table-layout:auto; }
  body.dlwe-print-timeline .dlwe-run-sheet-print-event th,
  body.dlwe-print-timeline .dlwe-run-sheet-print-event td { font-size:7.5px; padding:5px 6px; }
}

/* ========================================================================== 
   DLWE Portal Brand Assets, Dark Mode & Bilingual Preferences — v7.4.0
   Official supplied logo assets are used without alteration.
   ========================================================================== */

:root {
  --dlwe-official-rose: #B76E78;
  --dlwe-official-parrot: #D998A3;
  --dlwe-official-pale: #F6DFE1;
  --dlwe-official-queen: #EFD1D5;
  --dlwe-official-cameo: #EBBEC4;
  --dlwe-official-sage: #BFAA8C;
  --dlwe-official-vanilla: #D1C0A8;
  --dlwe-official-coffee: #E8DED1;
  --dlwe-official-beaver: #A0816C;
  --dlwe-official-beige: #C8AD7E;
}

.dlwe-official-logo {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.dlwe-sidebar-identity {
  min-height: 90px;
}

.dlwe-sidebar-logo-link {
  display: block;
  width: 100%;
  max-width: 190px;
  text-decoration: none !important;
}

.dlwe-official-logo-sidebar {
  width: 100%;
  max-height: 82px;
  object-fit: contain;
  object-position: left center;
}

.dlwe-sidebar-identity .dlwe-sidebar-subtitle {
  margin-top: 7px !important;
  padding-left: 2px;
}

body.dlwe-staff-login-page .dlwe-auth-logo {
  width: min(100%, 270px) !important;
  max-height: 112px !important;
  object-fit: contain !important;
  object-position: left center !important;
}

.dlwe-official-logo-access {
  width: min(100%, 265px);
  max-height: 105px;
  object-fit: contain;
  object-position: center;
  margin-inline: auto;
}

/* Preferences ------------------------------------------------------------ */
.dlwe-preferences {
  display: grid;
  gap: 12px;
  margin: 22px 0 4px;
  padding: 15px 12px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 10px;
  background: rgba(255,255,255,.025);
}

.dlwe-preference-group {
  display: grid;
  gap: 7px;
}

.dlwe-preference-label {
  color: rgba(255,255,255,.38);
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.dlwe-preference-segment {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  padding: 3px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background: rgba(0,0,0,.16);
}

.dlwe-preference-segment button {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 6px 7px;
  color: rgba(255,255,255,.58) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-family: var(--dlwe-brand-body, Montserrat, Arial, sans-serif) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: .09em;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
  transition: background .16s ease, color .16s ease, box-shadow .16s ease;
}

.dlwe-preference-segment button:hover,
.dlwe-preference-segment button:focus-visible {
  color: #fff !important;
  outline: none;
}

.dlwe-preference-segment button.is-active {
  color: #fff !important;
  background: linear-gradient(135deg, rgba(183,110,120,.38), rgba(200,173,126,.20)) !important;
  box-shadow: inset 0 0 0 1px rgba(217,152,163,.30) !important;
}

.dlwe-preference-icon {
  font-size: 11px;
  line-height: 1;
}

.dlwe-auth-preferences,
.dlwe-couple-preferences {
  position: fixed;
  z-index: 99999;
  top: max(16px, env(safe-area-inset-top));
  right: max(16px, env(safe-area-inset-right));
}

.dlwe-preferences-compact {
  width: auto;
  min-width: 220px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 8px;
  border-color: rgba(126,104,73,.20);
  background: rgba(255,253,249,.88);
  box-shadow: 0 12px 34px rgba(31,24,18,.10);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

.dlwe-preferences-compact .dlwe-preference-label {
  color: #83796c;
}

.dlwe-preferences-compact .dlwe-preference-segment {
  border-color: #e1d7c9;
  background: rgba(244,239,231,.78);
}

.dlwe-preferences-compact .dlwe-preference-segment button {
  color: #766d62 !important;
}

.dlwe-preferences-compact .dlwe-preference-segment button.is-active {
  color: #fff !important;
  background: linear-gradient(135deg, var(--dlwe-official-rose), #9c574d) !important;
  box-shadow: none !important;
}

/* Dark theme tokens ------------------------------------------------------ */
html[data-dlwe-theme="dark"] .dlwe-portal-shell {
  --dlwe-brand-ink: #f6efe8;
  --dlwe-brand-ink-soft: #eee3da;
  --dlwe-brand-copy: #d8cdc3;
  --dlwe-brand-muted: #a99d92;
  --dlwe-brand-ivory: #12100f;
  --dlwe-brand-paper: #1a1715;
  --dlwe-brand-paper-soft: #211d1a;
  --dlwe-brand-champagne: #d3aa86;
  --dlwe-brand-champagne-dark: #d998a3;
  --dlwe-brand-champagne-pale: #302321;
  --dlwe-brand-line: #3b332e;
  --dlwe-brand-line-soft: #302a26;
  --dlwe-brand-danger: #df8c86;
  --dlwe-brand-success: #82c59d;
  --dlwe-brand-warning: #d8ad6f;
  --dlwe-brand-shadow-xs: 0 4px 14px rgba(0,0,0,.18);
  --dlwe-brand-shadow-sm: 0 12px 32px rgba(0,0,0,.26);
  --dlwe-brand-shadow-md: 0 24px 70px rgba(0,0,0,.34);
  color: var(--dlwe-brand-copy) !important;
  background: #12100f !important;
  border-color: rgba(217,152,163,.17) !important;
  box-shadow: var(--dlwe-brand-shadow-md) !important;
}

html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page,
html[data-dlwe-theme="dark"] body.dlwe-couple-portal-page,
html[data-dlwe-theme="dark"] body.dlwe-staff-login-page {
  background: #0d0c0b !important;
  color: #d8cdc3 !important;
}

html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-sidebar {
  background:
    radial-gradient(circle at 18% 0%, rgba(183,110,120,.17), transparent 25%),
    linear-gradient(180deg, #100e0e 0%, #090808 100%) !important;
  border-right-color: rgba(217,152,163,.17) !important;
}

html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main {
  color: var(--dlwe-brand-copy) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(183,110,120,.10), transparent 27%),
    linear-gradient(180deg, #151210 0%, #100e0d 100%) !important;
}

html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main h1,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main h2,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main h3,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main h4,
html[data-dlwe-theme="dark"] .dlwe-portal-shell strong,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-metric-value,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-summary-card strong {
  color: #f6efe8 !important;
}

html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-muted,
html[data-dlwe-theme="dark"] .dlwe-portal-shell p,
html[data-dlwe-theme="dark"] .dlwe-portal-shell small,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-field-help,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-form-help {
  color: #aa9f95 !important;
}

html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-eyebrow,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-section-kicker,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-form-section-kicker {
  color: #d998a3 !important;
}

/* Dark panels/cards: intentionally broad to cover all existing and future modules. */
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main [class*="-card"],
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main [class*="-section"],
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main [class*="-panel"],
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main [class*="-summary"],
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main [class*="-metric"],
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main [class*="-toolbar"],
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main [class*="-filters"],
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main [class*="-filter-bar"],
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main [class*="-overview"],
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main [class*="-workspace"] {
  border-color: #3a312c !important;
}

html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main .dlwe-form-section,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main .dlwe-summary-card,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main .dlwe-metric-card,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main .dlwe-home-metric,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main .dlwe-table-card,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main .dlwe-workspace-card,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main .dlwe-command-card,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main .dlwe-analytics-card,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main .dlwe-report-card,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main .dlwe-settings-card,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main .dlwe-calendar-card,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main .dlwe-roster-card,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main .dlwe-hr-card,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main .dlwe-timeline-item,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main .dlwe-run-sheet-item,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main .dlwe-budget-card,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main .dlwe-finance-card,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main .dlwe-user-card,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main .dlwe-notification-card,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main .dlwe-document-card,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main .dlwe-task-card,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main .dlwe-approval-card {
  color: #d8cdc3 !important;
  background: #1a1715 !important;
  border-color: #3a312c !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.18) !important;
}

html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main input,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main select,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main textarea,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main .dlwe-input,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main .dlwe-select {
  color: #eee5dd !important;
  background: #161311 !important;
  border-color: #4a3e37 !important;
  caret-color: #d998a3;
}

html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main input::placeholder,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main textarea::placeholder {
  color: #776b63 !important;
  opacity: 1;
}

html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main input:focus,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main select:focus,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main textarea:focus {
  border-color: #b76e78 !important;
  box-shadow: 0 0 0 3px rgba(183,110,120,.13) !important;
  outline: none !important;
}

html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main label,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main th,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main legend {
  color: #c9bcb2 !important;
}

html[data-dlwe-theme="dark"] .dlwe-portal-shell table {
  color: #d7cbc1 !important;
  background: #171411 !important;
  border-color: #3a312c !important;
}

html[data-dlwe-theme="dark"] .dlwe-portal-shell thead th {
  color: #e9ddd5 !important;
  background: #211b18 !important;
  border-color: #4a3933 !important;
}

html[data-dlwe-theme="dark"] .dlwe-portal-shell tbody td {
  color: #cabdb3 !important;
  background: #171411 !important;
  border-color: #322a26 !important;
}

html[data-dlwe-theme="dark"] .dlwe-portal-shell tbody tr:nth-child(even) td {
  background: #1b1714 !important;
}

html[data-dlwe-theme="dark"] .dlwe-portal-shell tbody tr:hover td {
  background: #241d1a !important;
}

html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-primary-button,
html[data-dlwe-theme="dark"] .dlwe-portal-shell button.dlwe-primary-button {
  color: #fff !important;
  background: linear-gradient(135deg, #a95f69 0%, #7d413b 100%) !important;
  border-color: #b76e78 !important;
}

html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-secondary-button,
html[data-dlwe-theme="dark"] .dlwe-portal-shell button.dlwe-secondary-button {
  color: #e8ddd4 !important;
  background: #211c19 !important;
  border-color: #493b35 !important;
}

html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-secondary-button:hover,
html[data-dlwe-theme="dark"] .dlwe-portal-shell button.dlwe-secondary-button:hover {
  background: #2b2420 !important;
  border-color: #6a5048 !important;
}

html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-status-badge,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-home-pill,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-history-pill,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-chip,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-badge {
  border-color: #4b3c36 !important;
}

html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-calendar-modal-backdrop,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-modal-backdrop {
  background: rgba(7,6,6,.72) !important;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-calendar-modal-card,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-modal-card,
html[data-dlwe-theme="dark"] .dlwe-portal-shell [role="dialog"] {
  color: #ddd1c7 !important;
  background: #1c1816 !important;
  border-color: #493a34 !important;
  box-shadow: 0 28px 80px rgba(0,0,0,.48) !important;
}

html[data-dlwe-theme="dark"] .dlwe-portal-shell a:not(.dlwe-nav-item):not(.dlwe-primary-button) {
  color: #d998a3;
}

html[data-dlwe-theme="dark"] .dlwe-portal-shell hr,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-divider {
  border-color: #3a312c !important;
  background: #3a312c !important;
}

/* Login/auth dark mode ---------------------------------------------------- */
html[data-dlwe-theme="dark"] body.dlwe-staff-login-page .dlwe-auth-shell {
  --dlwe-auth-ink: #f7eee8;
  --dlwe-auth-ink-soft: #eadfd7;
  --dlwe-auth-copy: #cbbeb4;
  --dlwe-auth-muted: #978b82;
  --dlwe-auth-paper: #191614;
  --dlwe-auth-ivory: #100e0d;
  --dlwe-auth-gold: #d998a3;
  --dlwe-auth-gold-soft: #5c3937;
  --dlwe-auth-line: #40352f;
  background:
    radial-gradient(circle at 14% 8%, rgba(183,110,120,.17), transparent 30%),
    linear-gradient(135deg, #0f0d0c 0%, #151210 100%) !important;
  color: var(--dlwe-auth-copy) !important;
}

html[data-dlwe-theme="dark"] body.dlwe-staff-login-page .dlwe-auth-layout {
  background: #171412 !important;
  border-color: rgba(217,152,163,.19) !important;
  box-shadow: 0 34px 100px rgba(0,0,0,.42) !important;
}

html[data-dlwe-theme="dark"] body.dlwe-staff-login-page .dlwe-auth-form-panel,
html[data-dlwe-theme="dark"] body.dlwe-staff-login-page .dlwe-login-card,
html[data-dlwe-theme="dark"] .dlwe-access-card {
  color: #d6cac0 !important;
  background: #191614 !important;
  border-color: #40352f !important;
}

html[data-dlwe-theme="dark"] body.dlwe-staff-login-page .dlwe-login-card h1,
html[data-dlwe-theme="dark"] body.dlwe-staff-login-page .dlwe-login-card h2,
html[data-dlwe-theme="dark"] .dlwe-access-card h2 {
  color: #f6eee8 !important;
}

html[data-dlwe-theme="dark"] body.dlwe-staff-login-page input {
  color: #f0e7e0 !important;
  background: #110f0e !important;
  border-color: #4a3d36 !important;
}

html[data-dlwe-theme="dark"] body.dlwe-staff-login-page input::placeholder {
  color: #786c64 !important;
}

html[data-dlwe-theme="dark"] .dlwe-preferences-compact {
  border-color: rgba(217,152,163,.18);
  background: rgba(25,22,20,.90);
  box-shadow: 0 12px 34px rgba(0,0,0,.28);
}

html[data-dlwe-theme="dark"] .dlwe-preferences-compact .dlwe-preference-label {
  color: #8e8178;
}

html[data-dlwe-theme="dark"] .dlwe-preferences-compact .dlwe-preference-segment {
  border-color: #42362f;
  background: rgba(9,8,8,.56);
}

html[data-dlwe-theme="dark"] .dlwe-preferences-compact .dlwe-preference-segment button {
  color: #a99c92 !important;
}

html[data-dlwe-theme="dark"] .dlwe-preferences-compact .dlwe-preference-segment button.is-active {
  color: #fff !important;
}

/* Mobile preferences ----------------------------------------------------- */
@media (max-width: 720px) {
  .dlwe-sidebar-logo-link {
    max-width: 165px;
  }

  .dlwe-official-logo-sidebar {
    max-height: 68px;
  }

  .dlwe-auth-preferences,
  .dlwe-couple-preferences {
    position: relative;
    top: auto;
    right: auto;
    width: min(100%, 420px);
    margin: 12px auto 0;
    padding-inline: 14px;
  }

  .dlwe-preferences-compact {
    min-width: 0;
    width: 100%;
  }
}

/* Vietnamese copy is naturally longer: allow controls and tabs to breathe. */
html[data-dlwe-language="vi"] .dlwe-portal-shell .dlwe-nav-item,
html[data-dlwe-language="vi"] .dlwe-portal-shell button,
html[data-dlwe-language="vi"] .dlwe-portal-shell .dlwe-status-badge {
  letter-spacing: .02em;
}

html[data-dlwe-language="vi"] .dlwe-portal-shell .dlwe-nav-item {
  font-size: 11px !important;
}

html[data-dlwe-language="vi"] .dlwe-portal-shell .dlwe-tab-button,
html[data-dlwe-language="vi"] .dlwe-portal-shell [role="tab"] {
  white-space: normal !important;
  line-height: 1.25 !important;
}

/* Official logo sizing in printable operational documents ---------------- */
.dlwe-run-sheet-print-header .dlwe-print-brand-logo,
.dlwe-payslip-luxury .dlwe-print-brand-logo {
  display: block;
  width: 240px;
  max-width: 100%;
  max-height: 96px;
  object-fit: contain;
  object-position: left center;
}

@media print {
  .dlwe-run-sheet-print-header .dlwe-print-brand-logo,
  .dlwe-payslip-luxury .dlwe-print-brand-logo {
    width: 225px !important;
    max-height: 86px !important;
  }
}

/* v7.4.0 — official-logo refinements + couple-portal dark mode */
.dlwe-auth-story-mark .dlwe-auth-story-logo {
  display:block;
  width:86px;
  height:86px;
  object-fit:contain;
}
.dlwe-couple-brand-lockup {
  display:grid;
  gap:4px;
  align-items:start;
}
.dlwe-couple-brand-logo {
  width:220px;
  max-width:42vw;
  max-height:78px;
  object-fit:contain;
  object-position:left center;
}
html[data-dlwe-theme="dark"] body.dlwe-couple-portal-page,
html[data-dlwe-theme="dark"] body.dlwe-couple-login-page {
  background:#0d0c0b !important;
  color:#d8cdc3 !important;
}
html[data-dlwe-theme="dark"] .dlwe-couple-shell {
  color:#d8cdc3 !important;
  background:#100e0d !important;
}
html[data-dlwe-theme="dark"] .dlwe-couple-topbar {
  background:#100e0e !important;
  border-color:#342a26 !important;
}
html[data-dlwe-theme="dark"] .dlwe-couple-main {
  background:
    radial-gradient(circle at 100% 0%, rgba(183,110,120,.10), transparent 28%),
    linear-gradient(180deg,#151210 0%,#100e0d 100%) !important;
}
html[data-dlwe-theme="dark"] .dlwe-couple-card,
html[data-dlwe-theme="dark"] .dlwe-couple-summary-card,
html[data-dlwe-theme="dark"] .dlwe-couple-access-card,
html[data-dlwe-theme="dark"] .dlwe-couple-team-member,
html[data-dlwe-theme="dark"] .dlwe-couple-progress-panel,
html[data-dlwe-theme="dark"] .dlwe-couple-tabs,
html[data-dlwe-theme="dark"] .dlwe-couple-command-status-card {
  color:#d8cdc3 !important;
  background:#1a1715 !important;
  border-color:#3a312c !important;
  box-shadow:0 10px 30px rgba(0,0,0,.18) !important;
}
html[data-dlwe-theme="dark"] .dlwe-couple-shell h1,
html[data-dlwe-theme="dark"] .dlwe-couple-shell h2,
html[data-dlwe-theme="dark"] .dlwe-couple-shell h3,
html[data-dlwe-theme="dark"] .dlwe-couple-shell strong {
  color:#f6efe8 !important;
}
html[data-dlwe-theme="dark"] .dlwe-couple-shell p,
html[data-dlwe-theme="dark"] .dlwe-couple-shell small,
html[data-dlwe-theme="dark"] .dlwe-couple-shell .dlwe-muted {
  color:#aa9f95 !important;
}
html[data-dlwe-theme="dark"] .dlwe-couple-tabs button {
  color:#c8bbb1 !important;
  background:#191512 !important;
  border-color:#3a312c !important;
}
html[data-dlwe-theme="dark"] .dlwe-couple-tabs button.is-active {
  color:#fff !important;
  background:#7d413b !important;
  border-color:#b76e78 !important;
}
html[data-dlwe-theme="dark"] body.dlwe-couple-login-page .dlwe-auth-shell,
html[data-dlwe-theme="dark"] body.dlwe-couple-login-page .dlwe-auth-form-panel,
html[data-dlwe-theme="dark"] body.dlwe-couple-login-page .dlwe-login-card {
  color:#d6cac0 !important;
  background:#191614 !important;
  border-color:#40352f !important;
}
@media(max-width:720px){
  .dlwe-auth-story-mark .dlwe-auth-story-logo{width:68px;height:68px}
  .dlwe-couple-brand-logo{width:170px;max-width:55vw;max-height:62px}
}

/* ========================================================================== 
   v7.4.1 — Luxury dark theme + global header preferences
   ========================================================================== */

/* Top-header global preferences ----------------------------------------- */
.dlwe-global-preferences{
  position:relative;
  z-index:48;
  display:inline-flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
  padding:5px;
  border:1px solid rgba(91,72,60,.14);
  border-radius:999px;
  background:rgba(255,252,248,.90);
  box-shadow:0 10px 28px rgba(47,34,27,.07), inset 0 1px 0 rgba(255,255,255,.82);
  -webkit-backdrop-filter:blur(18px) saturate(120%);
  backdrop-filter:blur(18px) saturate(120%);
}
.dlwe-luxury-theme-toggle,
.dlwe-language-trigger{
  appearance:none;
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  color:#5f544c !important;
  min-height:34px;
  font-family:var(--dlwe-brand-body,Montserrat,Arial,sans-serif) !important;
  font-size:9px !important;
  font-weight:800 !important;
  letter-spacing:.07em;
  text-transform:uppercase;
  cursor:pointer;
}
.dlwe-luxury-theme-toggle{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:4px 8px 4px 7px !important;
  border-radius:999px !important;
}
.dlwe-luxury-theme-toggle:hover,
.dlwe-language-trigger:hover{background:rgba(183,110,120,.07) !important;color:#332b27 !important;}
.dlwe-theme-sun,.dlwe-theme-moon{font-size:11px;line-height:1;color:#9f8f83;}
.dlwe-theme-track{
  width:31px;
  height:17px;
  padding:2px;
  display:inline-flex;
  align-items:center;
  border:1px solid #d7c9bf;
  border-radius:999px;
  background:#eee8e1;
  transition:.2s ease;
}
.dlwe-theme-track i{
  display:block;
  width:11px;
  height:11px;
  border-radius:50%;
  background:linear-gradient(145deg,#b76e78,#8e5149);
  box-shadow:0 2px 6px rgba(97,54,50,.22);
  transform:translateX(0);
  transition:transform .22s cubic-bezier(.2,.8,.2,1),background .2s ease;
}
html[data-dlwe-theme="dark"] .dlwe-theme-track i{transform:translateX(14px);background:linear-gradient(145deg,#d8a2a9,#c8ad7e);}
.dlwe-theme-state{min-width:29px;text-align:left;}
.dlwe-luxury-language{position:relative;}
.dlwe-language-trigger{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-width:52px;
  padding:4px 8px !important;
  border-left:1px solid rgba(109,88,75,.12) !important;
  border-radius:999px !important;
}
.dlwe-language-current{white-space:nowrap;}
.dlwe-language-chevron{font-size:11px;opacity:.58;transform:translateY(-1px);}
.dlwe-language-popover{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  width:220px;
  padding:9px;
  border:1px solid #e0d5cc;
  border-radius:14px;
  background:rgba(255,252,248,.98);
  box-shadow:0 20px 54px rgba(45,30,23,.16);
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);
}
.dlwe-language-popover[hidden]{display:none!important;}
.dlwe-language-popover:before{
  content:"";
  position:absolute;
  right:20px;
  top:-5px;
  width:9px;height:9px;
  border-left:1px solid #e0d5cc;
  border-top:1px solid #e0d5cc;
  background:#fffaf6;
  transform:rotate(45deg);
}
.dlwe-language-popover-label{
  display:block;
  padding:5px 7px 8px;
  color:#97877b;
  font-size:8px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.dlwe-language-popover button{
  width:100%;
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr);
  align-items:center;
  gap:9px;
  min-height:49px;
  padding:7px 9px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:left!important;
  color:#453a34!important;
  cursor:pointer;
}
.dlwe-language-popover button:hover{background:#f5eeea!important;}
.dlwe-language-popover button.is-active{background:linear-gradient(135deg,rgba(183,110,120,.12),rgba(200,173,126,.10))!important;box-shadow:inset 0 0 0 1px rgba(183,110,120,.16)!important;}
.dlwe-language-option-code{font-size:10px;font-weight:850;letter-spacing:.06em;white-space:nowrap;}
.dlwe-language-popover strong{display:block!important;color:#392f2a!important;font-size:11px!important;font-weight:750!important;letter-spacing:0!important;text-transform:none!important;}
.dlwe-language-popover small{display:block!important;margin-top:1px;color:#94867c!important;font-size:9px!important;letter-spacing:0!important;text-transform:none!important;}
.dlwe-global-preferences + .dlwe-primary-button,
.dlwe-global-preferences + .dlwe-secondary-button{margin-left:2px;}

/* Luxury dark palette ---------------------------------------------------- */
html[data-dlwe-theme="dark"] .dlwe-portal-shell{
  --dlwe-luxury-dark-bg:#0b0909;
  --dlwe-luxury-dark-main:#100d0d;
  --dlwe-luxury-dark-surface:#171312;
  --dlwe-luxury-dark-surface-2:#1e1917;
  --dlwe-luxury-dark-surface-3:#261f1c;
  --dlwe-luxury-dark-line:#3c302c;
  --dlwe-luxury-dark-line-soft:#2d2522;
  --dlwe-luxury-dark-text:#f7eee8;
  --dlwe-luxury-dark-copy:#d2c4ba;
  --dlwe-luxury-dark-muted:#9d8f85;
  --dlwe-luxury-dark-rose:#d998a3;
  --dlwe-luxury-dark-champagne:#c8ad7e;
  background:var(--dlwe-luxury-dark-bg)!important;
}
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main{
  background:
    radial-gradient(900px 430px at 90% -10%,rgba(183,110,120,.095),transparent 64%),
    radial-gradient(680px 390px at 15% 12%,rgba(200,173,126,.045),transparent 66%),
    linear-gradient(180deg,#110e0e 0%,#0d0b0b 100%)!important;
}
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-panel{background:transparent!important;}

/* Header / hero surfaces */
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-portal-header,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-home-hero{
  color:var(--dlwe-luxury-dark-copy)!important;
}
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-home-hero{
  background:
    linear-gradient(135deg,rgba(35,27,24,.97),rgba(21,17,16,.98))!important;
  border-color:#42342f!important;
  box-shadow:0 18px 55px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.025)!important;
}
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-home-date-block{
  border-color:#433530!important;
  background:rgba(10,8,8,.26)!important;
}

/* Dashboard cards and quick actions */
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-home-section,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-home-card,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-home-metric,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-home-quick-action,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-home-quick-actions > *,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-home-list > *,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-home-attendance-summary,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-home-approval-item{
  color:var(--dlwe-luxury-dark-copy)!important;
  background:linear-gradient(145deg,#1b1715 0%,#151211 100%)!important;
  border-color:#3a2f2b!important;
  box-shadow:0 13px 34px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.018)!important;
}
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-home-metric:hover,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-home-quick-action:hover,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-home-list > *:hover{
  background:linear-gradient(145deg,#211a18 0%,#191513 100%)!important;
  border-color:#60483f!important;
}
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-home-metric > span,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-home-card-heading p,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-home-section-heading p{
  color:#bfaea3!important;
}
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-home-metric strong,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-home-card h3,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-home-section h2,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-home-quick-actions strong{
  color:#f8f0e9!important;
}
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-home-metric small,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-home-quick-actions small,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-home-list small{
  color:#9f9188!important;
}
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-text-button{
  color:#dda4ad!important;
}

/* Broad module surfaces: CRM, planning, finance, HR, roster, command centre. */
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main :is(
  .dlwe-card,.dlwe-panel-card,.dlwe-form-card,.dlwe-filter-card,.dlwe-table-card,.dlwe-summary-card,.dlwe-metric-card,
  .dlwe-workspace-card,.dlwe-document-card,.dlwe-vendor-card,.dlwe-client-card,.dlwe-task-card,.dlwe-approval-card,
  .dlwe-budget-card,.dlwe-finance-card,.dlwe-report-card,.dlwe-collection-card,.dlwe-invoice-card,.dlwe-expense-card,
  .dlwe-roster-card,.dlwe-roster-shift-card,.dlwe-hr-card,.dlwe-hr-summary-card,.dlwe-payroll-card,.dlwe-payslip-card,
  .dlwe-command-card,.dlwe-command-panel,.dlwe-incident-card,.dlwe-calendar-card,.dlwe-meeting-card,.dlwe-timeline-item,.dlwe-run-sheet-item,
  .dlwe-checklist-card,.dlwe-template-card,.dlwe-analytics-card,.dlwe-settings-card,.dlwe-status-card,.dlwe-profile-card
){
  color:var(--dlwe-luxury-dark-copy)!important;
  background:var(--dlwe-luxury-dark-surface)!important;
  border-color:var(--dlwe-luxury-dark-line)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.15)!important;
}
/* Catch legacy white inline surfaces without flattening colored status chips. */
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main :is(
  .dlwe-form-section,.dlwe-calendar-toolbar,.dlwe-client-toolbar,.dlwe-task-toolbar,.dlwe-vendor-toolbar,
  .dlwe-budget-report-toolbar,.dlwe-expense-history-toolbar,.dlwe-approval-toolbar,.dlwe-document-toolbar-card,
  .dlwe-native-timeline-toolbar,.dlwe-template-editor-toolbar,.dlwe-section-shell,.dlwe-content-section
){
  color:var(--dlwe-luxury-dark-copy)!important;
  background:var(--dlwe-luxury-dark-surface)!important;
  border-color:var(--dlwe-luxury-dark-line)!important;
}

/* Inputs, selects, dates, search, browser autofill */
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main input:not([type="checkbox"]):not([type="radio"]),
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main select,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main textarea{
  color:#eee3dc!important;
  background:#110f0e!important;
  border-color:#453833!important;
  caret-color:#d998a3!important;
}
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main input[readonly],
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main input:disabled,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main select:disabled,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main textarea:disabled{
  color:#a99a90!important;
  background:#171311!important;
  opacity:1!important;
}
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main input::placeholder,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main textarea::placeholder{color:#776b64!important;opacity:1!important;}
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main select option{background:#171311!important;color:#eee3dc!important;}
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main input:-webkit-autofill,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main input:-webkit-autofill:hover,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main input:-webkit-autofill:focus{
  -webkit-text-fill-color:#eee3dc!important;
  -webkit-box-shadow:0 0 0 1000px #110f0e inset!important;
  transition:background-color 9999s ease-in-out 0s;
}

/* Tables and list rows */
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main table{
  background:#151211!important;
  border-color:#362c28!important;
}
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main thead th{
  color:#e4d7cf!important;
  background:#211a18!important;
  border-color:#453630!important;
}
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main tbody td{
  color:#cdbfb5!important;
  background:#161311!important;
  border-color:#302724!important;
}
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main tbody tr:nth-child(even) td{background:#191513!important;}
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-main tbody tr:hover td{background:#211a18!important;}

/* Modal / dialog luxury treatment */
html[data-dlwe-theme="dark"] .dlwe-portal-shell :is(.dlwe-calendar-modal-card,.dlwe-modal-card,[role="dialog"]){
  background:linear-gradient(145deg,#1d1816,#151211)!important;
  border:1px solid #493832!important;
  box-shadow:0 34px 100px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
html[data-dlwe-theme="dark"] .dlwe-portal-shell :is(.dlwe-calendar-modal-backdrop,.dlwe-modal-backdrop){
  background:rgba(6,5,5,.76)!important;
  -webkit-backdrop-filter:blur(10px) saturate(75%);
  backdrop-filter:blur(10px) saturate(75%);
}

/* Status badges remain legible in dark mode. */
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-status-badge,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-chip,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-badge,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-home-pill{
  color:#d8cbc2!important;
  background:#241e1b!important;
  border-color:#493a34!important;
}
html[data-dlwe-theme="dark"] .dlwe-portal-shell :is(.is-success,.status-approved,.status-paid) .dlwe-status-badge,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-status-badge.is-success{color:#b7e2c6!important;background:#173023!important;border-color:#2d5940!important;}
html[data-dlwe-theme="dark"] .dlwe-portal-shell :is(.is-warning,.status-pending) .dlwe-status-badge,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-status-badge.is-warning{color:#edd09d!important;background:#332718!important;border-color:#665033!important;}
html[data-dlwe-theme="dark"] .dlwe-portal-shell :is(.is-danger,.status-overdue,.status-rejected) .dlwe-status-badge,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-status-badge.is-danger{color:#efb1ad!important;background:#351c1c!important;border-color:#693b39!important;}

/* Global preference bar dark variant */
html[data-dlwe-theme="dark"] .dlwe-global-preferences{
  border-color:rgba(217,152,163,.19);
  background:rgba(24,19,18,.92);
  box-shadow:0 14px 38px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025);
}
html[data-dlwe-theme="dark"] .dlwe-luxury-theme-toggle,
html[data-dlwe-theme="dark"] .dlwe-language-trigger{color:#cdbfb5!important;}
html[data-dlwe-theme="dark"] .dlwe-luxury-theme-toggle:hover,
html[data-dlwe-theme="dark"] .dlwe-language-trigger:hover{background:rgba(217,152,163,.08)!important;color:#fff!important;}
html[data-dlwe-theme="dark"] .dlwe-theme-sun,
html[data-dlwe-theme="dark"] .dlwe-theme-moon{color:#bfaea3;}
html[data-dlwe-theme="dark"] .dlwe-theme-track{background:#0f0d0c;border-color:#4a3a34;}
html[data-dlwe-theme="dark"] .dlwe-language-trigger{border-left-color:#3f322e!important;}
html[data-dlwe-theme="dark"] .dlwe-language-popover{
  border-color:#4a3933;
  background:rgba(27,22,20,.98);
  box-shadow:0 24px 70px rgba(0,0,0,.42);
}
html[data-dlwe-theme="dark"] .dlwe-language-popover:before{border-color:#4a3933;background:#1b1614;}
html[data-dlwe-theme="dark"] .dlwe-language-popover-label{color:#8f8178;}
html[data-dlwe-theme="dark"] .dlwe-language-popover button{color:#d8cbc2!important;}
html[data-dlwe-theme="dark"] .dlwe-language-popover button:hover{background:#261e1b!important;}
html[data-dlwe-theme="dark"] .dlwe-language-popover button.is-active{background:linear-gradient(135deg,rgba(183,110,120,.17),rgba(200,173,126,.08))!important;box-shadow:inset 0 0 0 1px rgba(217,152,163,.20)!important;}
html[data-dlwe-theme="dark"] .dlwe-language-popover strong{color:#f5ebe5!important;}
html[data-dlwe-theme="dark"] .dlwe-language-popover small{color:#95877e!important;}

/* Scrollbars — restrained, app-like. */
html[data-dlwe-theme="dark"] .dlwe-portal-shell *{scrollbar-color:#4b3a34 #151211;}
html[data-dlwe-theme="dark"] .dlwe-portal-shell *::-webkit-scrollbar{width:10px;height:10px;}
html[data-dlwe-theme="dark"] .dlwe-portal-shell *::-webkit-scrollbar-track{background:#151211;}
html[data-dlwe-theme="dark"] .dlwe-portal-shell *::-webkit-scrollbar-thumb{background:#493933;border:2px solid #151211;border-radius:999px;}
html[data-dlwe-theme="dark"] .dlwe-portal-shell *::-webkit-scrollbar-thumb:hover{background:#604940;}

/* Keep printed records professional and light regardless of UI theme. */
@media print{
  html[data-dlwe-theme="dark"],html[data-dlwe-theme="dark"] body{color-scheme:light!important;background:#fff!important;}
  .dlwe-global-preferences,.dlwe-auth-preferences,.dlwe-couple-preferences{display:none!important;}
  body.dlwe-print-payslip .dlwe-payslip-luxury,
  body.dlwe-print-timeline .dlwe-timeline-print-area{color:#111!important;background:#fff!important;}
}

@media(max-width:1180px){
  .dlwe-global-preferences{padding:4px;gap:4px;}
  .dlwe-theme-state{display:none;}
  .dlwe-luxury-theme-toggle{padding-inline:6px!important;}
}
@media(max-width:760px){
  .dlwe-portal-shell .dlwe-portal-header{position:relative;}
  .dlwe-global-preferences{order:-1;margin-left:auto;}
  .dlwe-language-popover{position:fixed;top:76px;right:14px;width:min(260px,calc(100vw - 28px));}
  .dlwe-luxury-theme-toggle{min-height:32px;}
  .dlwe-language-trigger{min-height:32px;min-width:48px;}
}


/* ========================================================================== 
   v7.4.3 — Executive utility rail, dark-surface polish & locale finishing
   ========================================================================== */

/* Keep the new global controls in the executive header without forcing any
   existing dashboard utility off-canvas. */
@media (min-width:1121px){
  .dlwe-portal-shell .dlwe-home-executive-header{
    grid-template-columns:minmax(280px,1fr) minmax(760px,auto)!important;
    gap:18px!important;
  }
  .dlwe-portal-shell .dlwe-home-header-utilities{
    display:grid!important;
    grid-template-columns:150px 145px 142px minmax(250px,280px) 48px!important;
    align-items:stretch!important;
    gap:7px!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    flex-wrap:nowrap!important;
  }
  .dlwe-portal-shell .dlwe-home-header-utilities > *{min-width:0!important;max-width:100%!important;}
  .dlwe-portal-shell .dlwe-global-preferences{
    width:150px!important;
    min-width:150px!important;
    max-width:150px!important;
    gap:3px!important;
    padding:4px!important;
    justify-content:center;
  }
  .dlwe-portal-shell .dlwe-luxury-theme-toggle{gap:3px!important;padding:4px 5px!important;}
  .dlwe-portal-shell .dlwe-theme-sun,.dlwe-portal-shell .dlwe-theme-moon{font-size:9px!important;}
  .dlwe-portal-shell .dlwe-theme-track{width:27px!important;height:16px!important;}
  .dlwe-portal-shell .dlwe-theme-track i{width:10px!important;height:10px!important;}
  html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-theme-track i{transform:translateX(11px)!important;}
  .dlwe-portal-shell .dlwe-theme-state{min-width:25px!important;font-size:8px!important;}
  .dlwe-portal-shell .dlwe-language-trigger{min-width:43px!important;padding:4px 5px!important;}
  .dlwe-portal-shell .dlwe-home-profile-trigger{
    min-width:0!important;width:145px!important;max-width:145px!important;
    grid-template-columns:36px minmax(0,1fr) 12px!important;
    gap:7px!important;padding:8px!important;
  }
  .dlwe-portal-shell .dlwe-home-profile-avatar{width:36px!important;height:36px!important;flex-basis:36px!important;font-size:13px!important;}
  .dlwe-portal-shell .dlwe-home-profile-copy strong{font-size:10px!important;}
  .dlwe-portal-shell .dlwe-home-profile-copy small{font-size:8px!important;}
  .dlwe-portal-shell .dlwe-home-header-time{width:142px!important;min-width:142px!important;padding:9px 11px!important;}
  .dlwe-portal-shell .dlwe-home-header-workday{
    width:auto!important;min-width:250px!important;max-width:280px!important;
    grid-template-columns:8px minmax(78px,1fr) 86px!important;
    gap:8px!important;padding:8px 8px 8px 11px!important;
  }
  .dlwe-portal-shell .dlwe-home-header-workday .dlwe-home-clock-action{min-width:86px!important;padding:9px 10px!important;}
  .dlwe-portal-shell .dlwe-home-refresh-button{
    width:48px!important;min-width:48px!important;max-width:48px!important;
    min-height:66px!important;padding:0!important;font-size:0!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
  }
  .dlwe-portal-shell .dlwe-home-refresh-button::before{content:"↻";font-size:19px;line-height:1;font-weight:400;letter-spacing:0;}
}

/* On mid-sized laptops keep all utilities together on a deliberate second rail
   instead of wrapping one control by itself. */
@media (min-width:1121px) and (max-width:1439px){
  .dlwe-portal-shell .dlwe-home-executive-header{grid-template-columns:1fr!important;align-items:start!important;}
  .dlwe-portal-shell .dlwe-home-header-utilities{justify-self:start!important;}
}

/* Remove browser-blue focus chrome and use the DLWE rose/champagne focus ring. */
.dlwe-luxury-theme-toggle:focus,.dlwe-language-trigger:focus{outline:none!important;}
.dlwe-luxury-theme-toggle:focus-visible,.dlwe-language-trigger:focus-visible{
  outline:none!important;
  box-shadow:0 0 0 2px rgba(183,110,120,.30)!important;
}

/* The executive profile and attendance surfaces must belong to dark mode too. */
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-home-profile-trigger,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-home-header-workday{
  color:#d7c9bf!important;
  background:linear-gradient(145deg,#1a1614,#131110)!important;
  border-color:#443530!important;
  box-shadow:0 11px 30px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.02)!important;
}
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-home-profile-trigger:hover,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-home-profile-trigger:focus-visible{
  border-color:#6b4d45!important;
  background:linear-gradient(145deg,#201917,#171311)!important;
}
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-home-profile-copy strong,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-home-workday-copy strong{color:#f7eee8!important;}
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-home-profile-copy small,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-home-workday-copy small{color:#9f9188!important;}
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-home-profile-chevron{color:#c8ad7e!important;}
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-home-refresh-button{
  color:#d8cbc2!important;background:#171312!important;border-color:#443530!important;
}
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-home-refresh-button:hover{
  color:#fff!important;background:#211a18!important;border-color:#60483f!important;
}

@media(max-width:1120px){
  .dlwe-portal-shell .dlwe-home-header-utilities .dlwe-global-preferences{order:-2;}
  .dlwe-portal-shell .dlwe-home-header-utilities .dlwe-home-profile-trigger{order:-1;}
}

/* ==========================================================================
   v7.4.4 — Portal-wide dark-mode consistency audit
   Every light-mode component surface used by the staff portal is remapped to
   the same warm-charcoal DLWE dark palette. This intentionally sits last in
   the stylesheet so older module-specific light backgrounds cannot win.
   ========================================================================== */
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell{
  color-scheme:dark;
  --dlwe-dark-canvas:#0f0d0c;
  --dlwe-dark-surface:#1a1715;
  --dlwe-dark-surface-2:#211d1a;
  --dlwe-dark-surface-3:#171411;
  --dlwe-dark-border:#3b332e;
  --dlwe-dark-border-strong:#4a3e37;
  --dlwe-dark-text:#f4ebe5;
  --dlwe-dark-copy:#d8cdc3;
  --dlwe-dark-muted:#9f9288;
  --dlwe-dark-rose:#d998a3;
  --dlwe-dark-champagne:#c8ad7e;
}
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-panel,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell [data-dlwe-panel]{color:var(--dlwe-dark-copy)!important;}

html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell #dlwe-document-modal .dlwe-document-modal-body,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell #dlwe-document-modal .dlwe-document-modal-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell #dlwe-document-modal .dlwe-document-modal-footer,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell #dlwe-document-modal .dlwe-document-modal-footer .dlwe-secondary-button,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell #dlwe-document-modal .dlwe-document-modal-header,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell #dlwe-document-modal .dlwe-document-modal-header .dlwe-icon-button,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell #dlwe-document-modal .dlwe-document-version-history,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell #dlwe-meeting-form-modal .dlwe-calendar-modal-close,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell #dlwe-meeting-form-modal .dlwe-meeting-attendees label,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell #dlwe-meeting-form-modal .dlwe-meeting-form-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell #dlwe-meeting-form-modal .dlwe-meeting-modal-body,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell #dlwe-meeting-form-modal .dlwe-meeting-modal-footer,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell #dlwe-meeting-form-modal .dlwe-meeting-modal-footer .dlwe-secondary-button,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell #dlwe-meeting-form-modal .dlwe-meeting-modal-header,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell #dlwe_client_additional_leads,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-access-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-alert,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-analytics-alert,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-analytics-alert.is-high,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-analytics-alert.is-low,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-analytics-financial-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-analytics-metric,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-analytics-metric.is-positive,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-analytics-risk-row,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-analytics-score-pill,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-analytics-score-pill.is-watch,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-analytics-section,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-analytics-summary-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-analytics-summary-card.is-positive,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-approval-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-approval-editor,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-approval-toolbar,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-budget-calculation .is-overrun,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-budget-command-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-budget-existing-file,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-budget-file-chip,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-budget-import-meta,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-budget-import-preview-summary span,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-budget-report-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-budget-report-list-item,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-budget-report-summary-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-budget-report-toolbar,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-budget-summary-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-agenda-item.is-confirmed,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-agenda-item.is-meeting,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-agenda-item.is-meeting-event,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-agenda-item.is-task,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-agenda-item.is-task-event,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-agenda-item.is-task-progress,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-agenda-item.is-task-review,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-all-day > span,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-event.is-confirmed,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-event.is-meeting,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-event.is-meeting-event,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-event.is-task,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-event.is-task-event,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-event.is-task-progress,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-event.is-task-review,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-filterbar,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-hour-label,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-icon-button,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-modal-actions,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-modal-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-modal-card > header,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-modal-close,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-month-day,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-month-day.is-outside,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-month-weekdays,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-stage-wrap,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-status-pill.is-confirmed,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-status-pill.is-meeting,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-status-pill.is-task,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-status-pill.is-task-progress,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-status-pill.is-task-review,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-summary article,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-toolbar,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-view-switch,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-week-all-day > span,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-week-day,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-week-header,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-week-hour-label,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-year-view,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-checklist-command-bar,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-checklist-detection-summary span,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-checklist-filter-grid,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-checklist-live-scroll,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-checklist-live-table tr,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-checklist-metric,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-checklist-module-option,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-checklist-preview-scroll,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-checklist-preview-section,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-checklist-progress-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-checklist-progress-section,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-checklist-settings,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-checklist-switch,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-checklist-table,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-checklist-template-editor,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-checklist-workspace,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-client-approval-dashboard-insight-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-client-approval-dashboard-register,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-client-assignment-row,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-client-date-summary,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-client-editor,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-client-summary > div,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-client-toolbar,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-collection-dashboard-section,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-collection-heading-row > small,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-collection-history-list article,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-collection-metric-list > div:not(.dlwe-empty-state),
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-collection-reminder-status > span,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-collection-reminder-status > strong,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-command-actions,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-command-client-safe,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-command-client-safe-section,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-command-completion,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-command-contact-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-command-controlbar,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-command-coverage-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-command-coverage-metrics span,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-command-department-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-command-event-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-command-focus-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-command-issue,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-command-item,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-command-item.is-urgent,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-command-live-clock,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-command-live-overview,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-command-meta>span,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-command-note,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-command-now-next-grid>.dlwe-command-focus-card:first-child,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-command-now-next-grid>.dlwe-command-focus-card:nth-child(2),
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-command-summary .is-live,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-command-tabs,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-command-team-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-command-transport-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-command-vendor-line,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-communication-follow-up-toggle .dlwe-checkbox-option,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-compensation-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-connect-approval-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-connect-approval-stat,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-document-activity-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-document-modal-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-document-modal-card > form > footer,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-document-modal-card > header,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-document-row-actions button,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-document-summary-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-document-toolbar-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-document-version-history,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-empty-cell,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-empty-state,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-expense-history-toolbar,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-feature-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-finance-alert,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-financial-breakdown-row,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-form-actions,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-form-loading,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-form-section,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-header-actions .dlwe-secondary-button,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-history-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-history-metric,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-home-action,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-home-action-line,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-home-attendance-status,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-home-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-home-clock-modal .dlwe-home-clock-modal-actions,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-home-clock-modal .dlwe-home-clock-wedding-option,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-home-clock-modal .dlwe-home-clock-wedding-options,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-home-clock-panel,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-home-clock-unavailable,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-home-duty-row,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-home-empty,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-home-header-workday,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-home-metric,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-home-mini-stats div,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-home-profile-avatar,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-home-profile-modal .dlwe-home-profile-admin-note,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-home-profile-modal .dlwe-home-profile-modal-actions,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-home-profile-modal .dlwe-home-profile-modal-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-home-profile-modal .dlwe-home-profile-photo-preview,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-home-profile-modal .dlwe-home-profile-photo-row,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-home-profile-trigger,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-home-quick-actions-empty,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-hr-dashboard-clock-note,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-hr-history-entry,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-hr-manager-form,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-hr-payroll-toolbar,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-hr-tab.is-active,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-hr-tabs,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-icon-button,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-inline-month,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-invoice-collection-summary,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-invoice-line,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-invoice-totals,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-language-popover,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-language-popover:before,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-launch-check i,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-launch-group,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-launch-group>header,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-launch-progress-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-launch-quick-links button,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-launch-release-banner>div,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-launch-signoff-message,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-launch-step-grid article,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-login-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main .dlwe-workspace-alert,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main .dlwe-workspace-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main .dlwe-workspace-control-actions .dlwe-secondary-button,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main .dlwe-workspace-control-panel,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main .dlwe-workspace-currency-list > div,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main .dlwe-workspace-detail,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main .dlwe-workspace-detail:nth-child(4n+3),
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main .dlwe-workspace-detail:nth-child(4n+4),
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main .dlwe-workspace-detail:nth-child(even),
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main .dlwe-workspace-detail:nth-child(n),
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main .dlwe-workspace-document-status,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main .dlwe-workspace-empty-block,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main .dlwe-workspace-mini-metrics > div,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main .dlwe-workspace-summary-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main .dlwe-workspace-team-row,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main .dlwe-workspace-timeline-summary > div,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-meeting-attendees,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-meeting-attendees label,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-meeting-note-action-row,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-meeting-note-card-actions > div,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-meeting-note-card-files a,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-meeting-note-client-response,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-meeting-note-decision-preview,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-meeting-note-editor,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-meeting-note-existing-files a,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-meeting-note-linked-task,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-meeting-notes-register,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-mobile-card-table tr,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-mobile-choice-button,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-mobile-choice-dialog,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-mobile-choice-dialog > footer,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-mobile-choice-dialog > header,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-mobile-choice-dialog > header > button,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-mobile-choice-search,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-mobile-context-bar,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-mobile-context-menu,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-mobile-context-top,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-mobile-table-controls,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-mobile-table-controls button,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-native-timeline-builder,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-notification-item,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-notification-item.is-unread,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-optional-import-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-pagination,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-pagination button,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-pagination-button,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-panel .dlwe-mini-button,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-panel .dlwe-secondary-button,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-payment-allocation-row,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-payslip,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-payslip-luxury,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-payslip-luxury .dlwe-payslip-meta,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-payslip-meta p,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-payslip-person div,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-personal-summary-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-preferences-compact,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-quick-action-editor-row,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-quick-action-order-controls button,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-quick-actions-close,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-quick-actions-dialog,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-quick-actions-toolbar,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-readonly-value,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-report-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-report-currency-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-report-filter-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-report-filter-grid,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-report-metric,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-report-summary-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-report-table tbody tr:nth-child(even),
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-report-table-wrap,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-reset-actions,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-reset-confirmation,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-reset-option,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-reset-overview,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-reset-result-close,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-reset-result-dialog,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-reset-result-stats > div,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-reset-toggle,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-resubmission-editor,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-review-item,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-roster-assignment-preview,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-roster-availability-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-roster-calendar-day,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-roster-calendar-day.is-empty,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-roster-calendar-day.is-weekend,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-roster-calendar-grid,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-roster-card-actions,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-roster-instructions,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-roster-logistics-chips span,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-roster-shift-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-roster-shift-meta span,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-roster-tabs,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-secondary-button,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-security-backup-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-security-backup-card.status-partial,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-security-backup-card.status-validation_failed,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-security-check,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-security-coverage-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-security-coverage-card.is-confirmed,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-security-coverage-card.needs-action,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-security-diagnostic-hero,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-security-diagnostic-hero.status-action-required,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-security-diagnostic-hero.status-review,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-security-event,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-security-global-mode,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-security-mode-banner.mode-full_maintenance,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-security-mode-banner.mode-read_only,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-security-note,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-security-score-copy p,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-security-score-ring:before,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-security-tabs,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-summary-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-table-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-table-scroll,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-table-wrap,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-attachment-link,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-bulk-bar,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-bulk-option,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-bulk-option.is-enabled,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-comment,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-comment-count,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-create-mode-switch button,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-dashboard-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-dashboard-chip,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-dashboard-chip.is-clear,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-dashboard-meta,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-dashboard-stat,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-dashboard-summary > div,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-dashboard-toolbar,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-deadline-item,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-discussion-panel,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-editor,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-metric,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-multi-assignee,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-multi-assignees,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-multi-row,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-multi-summary.is-over-limit,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-note,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-note.is-completion,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-priority.is-low,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-scope-note,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-summary > div,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-summary-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-toolbar,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-timeline-command-bar,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-timeline-day-tab,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-timeline-detection-summary article,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-timeline-event-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-timeline-event-header,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-timeline-live-notes,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-timeline-live-status,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-timeline-manual-row,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-timeline-notify-check,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-timeline-summary > div,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-timeline-table-scroll,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-timeline-table-wrap,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-timeline-toolbar,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-timeline-top-grid > *,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-user-chip,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-user-delete-actions .dlwe-secondary-button,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-user-delete-close,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-user-delete-dialog,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-user-editor,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-user-toolbar,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-vendor-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-vendor-metric,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-vendor-private,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-vendor-summary > div,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-vendor-summary-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-vendor-toolbar,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-vp-allocation-section .dlwe-empty-state,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-vp-allocation-summary>div,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-wedding-access-summary.is-empty,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-wedding-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-wedding-card.is-past,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-wedding-metric,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-wedding-summary > div,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-wedding-summary-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-wedding-toolbar,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-workspace-alert,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-workspace-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-workspace-control-panel,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-workspace-currency-list > div,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-workspace-document-status,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-workspace-empty-block,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-workspace-mini-metrics > div,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-workspace-summary-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-workspace-team-row,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-workspace-timeline-summary > div,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell [data-dlwe-panel="attendance-payroll"] .dlwe-hr-tabs,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell [data-dlwe-panel="attendance-payroll"] .dlwe-task-summary-card{
  color:var(--dlwe-dark-copy)!important;
  background:linear-gradient(145deg,#1c1816 0%,var(--dlwe-dark-surface) 100%)!important;
  border-color:var(--dlwe-dark-border)!important;
}

html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell #dlwe-document-modal .dlwe-document-checkbox-field,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell #dlwe-document-modal .dlwe-document-file-field input[type="file"],
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell #dlwe-meeting-form-modal .dlwe-meeting-attendees label:has(input:checked),
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-budget-checkbox-field,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-checklist-table input,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-checklist-table input[type="date"],
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-checklist-table input[type="number"],
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-checklist-table input[type="text"],
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-checklist-table select,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-checklist-table textarea,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-client-editor input:disabled,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-client-editor select:disabled,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-client-editor textarea:disabled,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-client-other-input,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-client-total-field,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-command-control-field select,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-connect-role-select,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-data-table input,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-data-table select,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-data-table textarea,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-document-modal-card input,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-document-modal-card select,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-document-modal-card textarea,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-expense-history-toolbar input,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-expense-history-toolbar select,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-field input,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-field select,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-field textarea,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-form-grid input,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-form-grid select,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-form-grid textarea,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-home-clock-fields input,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-home-clock-fields select,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-home-clock-modal input,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-home-clock-modal select,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-home-clock-modal textarea,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-home-profile-grid input,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-home-profile-modal .dlwe-home-profile-grid input,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-home-profile-modal .dlwe-home-profile-grid input[readonly],
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-hr-clock-card input,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-hr-clock-card select,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-hr-clock-card textarea,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-launch-check input:checked+span,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main .dlwe-workspace-selector-label select,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-mobile-choice-search input,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-panel input:not([type="checkbox"]):not([type="radio"]),
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-panel input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-panel input[type="file"],
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-panel select,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-panel textarea,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-portal .dlwe-auto-generated-input,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-portal .dlwe-auto-generated-input[readonly],
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-portal-form input,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-portal-form select,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-portal-form textarea,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-quick-action-editor-row.is-selected,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-reset-option-caution:has(input:checked),
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-security-toolbar input,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-security-toolbar select,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-dashboard-toolbar input,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-dashboard-toolbar select,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-select-control,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-toolbar input,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-toolbar select,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-timeline-manual-grid input,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-timeline-manual-grid select,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-timeline-manual-grid textarea,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-timeline-table input,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-timeline-table select,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-timeline-table textarea,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-vendor-toolbar input,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-vendor-toolbar select,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-wedding-toolbar input,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-wedding-toolbar select,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-workspace-selector-label select,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell body.dlwe-staff-login-page .dlwe-field input:focus,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell body.dlwe-staff-login-page .dlwe-field input[type="password"],
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell body.dlwe-staff-login-page .dlwe-field input[type="text"]{
  color:#eee5dd!important;
  background:var(--dlwe-dark-surface-3)!important;
  border-color:var(--dlwe-dark-border-strong)!important;
  box-shadow:none!important;
}

html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-mobile-table-region table thead th{
  color:#eadfd7!important;
  background:#211b18!important;
  border-color:#493a34!important;
}

html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-checklist-preview-more td,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-checklist-table tbody tr:hover td,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-checklist-table tbody tr:nth-child(even) td,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-checklist-table td,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-checklist-table td:first-child,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-checklist-template-table tbody tr:hover td,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-checklist-template-table tbody tr:nth-child(even) td,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-checklist-template-table td,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-client-table tbody tr:hover td:last-child,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-client-table tbody tr:nth-child(even) td,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-client-table tbody tr:nth-child(even) td:last-child,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-client-table td,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-client-table td:last-child,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-data-table tbody tr:hover td,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-data-table tbody tr:nth-child(even) td,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-data-table td,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-finance-risk-row td,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-report-table tbody tr:hover td,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-report-table tbody tr:nth-child(even) td,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-report-table td,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-dashboard-table tbody tr:hover td,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-dashboard-table tbody tr:nth-child(even) td,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-dashboard-table td,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-timeline-dynamic-table tbody tr:hover:not(.dlwe-timeline-section-row) td,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-timeline-dynamic-table tbody tr:nth-child(even):not(.dlwe-timeline-section-row) td,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-timeline-dynamic-table td,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-timeline-table tbody tr:hover td,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-timeline-table tbody tr:nth-child(even) td,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-timeline-table td,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-user-table tbody tr:nth-child(even) td,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-user-table td,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell tbody td,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell tbody tr:nth-child(even) td{
  color:#d2c5bc!important;
  background:#181512!important;
  border-color:#332b27!important;
}

html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell #dlwe-document-modal .dlwe-document-modal-header .dlwe-icon-button:focus-visible,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell #dlwe-document-modal .dlwe-document-modal-header .dlwe-icon-button:hover,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell #dlwe-meeting-form-modal .dlwe-calendar-modal-close:focus-visible,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell #dlwe-meeting-form-modal .dlwe-calendar-modal-close:hover,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell #dlwe-meeting-form-modal .dlwe-meeting-attendees label:hover,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-icon-button:focus-visible,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-icon-button:hover,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-week-day:focus-visible,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-week-day:hover,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-checklist-module-option:hover,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-checklist-table tbody tr:hover,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-checklist-template-table tbody tr:hover,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-data-table tbody tr:hover,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-document-row-actions button:hover,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-header-actions .dlwe-secondary-button:hover:not(:disabled),
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-home-clock-modal .dlwe-home-clock-wedding-option:hover,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-home-list-row:hover,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-hr-tab:focus-visible,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-hr-tab:hover,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-launch-quick-links button:hover,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-meeting-attendees label:hover,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-panel .dlwe-mini-button:focus-visible:not(:disabled),
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-panel .dlwe-mini-button:hover:not(:disabled),
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-panel .dlwe-secondary-button:focus-visible,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-panel .dlwe-secondary-button:focus-visible:not(:disabled),
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-panel .dlwe-secondary-button:hover,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-panel .dlwe-secondary-button:hover:not(:disabled),
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-report-table tbody tr:hover,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-secondary-button:focus-visible,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-secondary-button:hover,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-dashboard-table tbody tr:hover,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-workspace-hero .dlwe-secondary-button:focus-visible,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-workspace-hero .dlwe-secondary-button:hover{
  color:#f5ece6!important;
  background:#251e1b!important;
  border-color:#4d3d36!important;
}

html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-alert-warning,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-analytics-alert.is-warning,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-analytics-metric.is-warning,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-analytics-summary-card.is-warning,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-budget-report-list-item.is-warning,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-command-coverage-metrics span.is-warning,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-command-summary .is-warning,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-finance-alert.is-warning,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-home-attendance-warning,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-reset-warning,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-roster-assignment-preview.is-understaffed,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-security-warning,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-dashboard-chip.is-warning,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-summary-card.is-warning,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-wedding-scope-note.is-warning{
  color:#e9cfa5!important;
  background:linear-gradient(145deg,#302416,#241c14)!important;
  border-color:#5d4930!important;
}

html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-alert-error,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-analytics-alert.is-critical,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-analytics-metric.is-negative,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-analytics-score-pill.is-critical,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-analytics-summary-card.is-negative,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-budget-report-list-item.is-danger,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-budget-report-summary-danger,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-budget-summary-danger,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-agenda-item.is-task-overdue,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-event.is-task-overdue,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-calendar-status-pill.is-task-overdue,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-finance-alert.is-critical,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-roster-conflict-card,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-roster-conflict-card.is-blocking,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-roster-conflict-preview,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-roster-conflict-preview.has-blocking,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-roster-row-conflict,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-card.is-overdue,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-dashboard-chip.is-danger,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-note.is-notification-error,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-summary-card.is-danger{
  color:#efb6b0!important;
  background:linear-gradient(145deg,#321c1b,#241514)!important;
  border-color:#653b38!important;
}

html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-alert-success,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-analytics-score-pill.is-excellent,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-analytics-score-pill.is-on-track,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-budget-summary-success,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-finance-all-clear,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-home-attendance-success,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-card.is-completed,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-task-summary-card.is-success{
  color:#bce1c8!important;
  background:linear-gradient(145deg,#173024,#14251c)!important;
  border-color:#315642!important;
}

/* Stable dark typography and controls inside every module. */
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main :is(h1,h2,h3,h4,h5,h6,strong,legend,dt){color:var(--dlwe-dark-text)!important;}
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main :is(p,small,.dlwe-muted,.dlwe-field-help,.dlwe-form-help){color:var(--dlwe-dark-muted)!important;}
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main :is(hr,.dlwe-divider){border-color:var(--dlwe-dark-border)!important;}
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main :is(input,select,textarea,button):focus-visible{outline:none!important;box-shadow:0 0 0 2px rgba(183,110,120,.28)!important;}
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main select{color-scheme:dark;}
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main option{color:#eee5dd;background:#171411;}

/* Shared surfaces that are defined through grouped legacy rules rather than
   their own background declaration. */
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell :is(.dlwe-form-section,.dlwe-table-card,.dlwe-report-card,.dlwe-report-filter-card,.dlwe-task-dashboard-card,.dlwe-checklist-settings,.dlwe-checklist-preview-section,.dlwe-checklist-template-editor,.dlwe-checklist-progress-section,.dlwe-hr-manager-form,.dlwe-user-editor,.dlwe-client-editor,.dlwe-task-editor,.dlwe-approval-editor,.dlwe-resubmission-editor,.dlwe-workspace-card,.dlwe-approval-card,.dlwe-wedding-card,.dlwe-vendor-card,.dlwe-task-card,.dlwe-history-card,.dlwe-empty-state,.dlwe-security-note){color:var(--dlwe-dark-copy)!important;background:linear-gradient(145deg,#1c1816,#181512)!important;border-color:var(--dlwe-dark-border)!important;box-shadow:0 12px 34px rgba(0,0,0,.16)!important;}

/* Tables and sticky columns — eliminates white strips in CRM, Finance, Tasks,
   Checklists, Run Sheet, Vendors, Documents and Reports. */
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main :is(.dlwe-table-wrap,.dlwe-table-scroll,.dlwe-report-table-wrap,.dlwe-timeline-table-scroll,.dlwe-budget-table-scroll,.dlwe-mobile-table-region){background:#171411!important;border-color:var(--dlwe-dark-border)!important;}
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main table :is(th,td){border-color:#332b27!important;}
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main table tbody td{color:#d2c5bc!important;background:#181512!important;}
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main table tbody tr:nth-child(even) td{background:#1b1714!important;}
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main table tbody tr:hover td{background:#241d1a!important;}
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main :is(.dlwe-client-table,.dlwe-data-table,.dlwe-task-dashboard-table,.dlwe-report-table,.dlwe-checklist-table,.dlwe-checklist-template-table,.dlwe-timeline-table) td:last-child{background:inherit!important;}

/* Modal/dialog surfaces across Calendar, Documents, HR, Planning and mobile. */
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell :is(.dlwe-calendar-modal-card,.dlwe-document-modal-card,.dlwe-mobile-choice-dialog,.dlwe-mobile-context-menu,.dlwe-mobile-context-top){color:var(--dlwe-dark-copy)!important;background:#1a1715!important;border-color:#493a34!important;box-shadow:0 28px 80px rgba(0,0,0,.5)!important;}
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell :is(.dlwe-calendar-modal-card,.dlwe-document-modal-card,.dlwe-mobile-choice-dialog) :is(header,footer){background:#1c1816!important;border-color:#3b332e!important;}

/* Calendar. */
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell :is(.dlwe-calendar-stage-wrap,.dlwe-calendar-month-day,.dlwe-calendar-week-day,.dlwe-calendar-week-header,.dlwe-calendar-year-view){background:#181512!important;border-color:#332b27!important;color:var(--dlwe-dark-copy)!important;}
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell :is(.dlwe-calendar-month-weekdays,.dlwe-calendar-hour-label,.dlwe-calendar-week-hour-label,.dlwe-calendar-all-day>span,.dlwe-calendar-week-all-day>span){background:#211b18!important;color:#b9aaa0!important;border-color:#3b332e!important;}

/* Operational modules. */
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell :is(.dlwe-command-item,.dlwe-command-team-card,.dlwe-command-department-card,.dlwe-roster-shift-card,.dlwe-roster-availability-card,.dlwe-timeline-event-card,.dlwe-timeline-day-tab,.dlwe-budget-command-card,.dlwe-analytics-section,.dlwe-document-summary-card,.dlwe-document-toolbar-card,.dlwe-document-activity-card,.dlwe-notification-item){color:var(--dlwe-dark-copy)!important;background:linear-gradient(145deg,#1c1816,#181512)!important;border-color:#3b332e!important;}

/* UI theme never changes paper output. */
@media print{
  html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main [data-dlwe-print-area],
  html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page.dlwe-print-payslip #dlwe-hr-print-area,
  html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page.dlwe-print-timeline #dlwe-timeline-print-area{color:#111!important;background:#fff!important;}
}


/* ========================================================================== 
   v7.4.5 — Global Sidebar Controls + Nickname + Final Dark Button Polish
   ========================================================================== */
/* Remove the dashboard-only utility rail and reclaim the top whitespace. */
.dlwe-portal-shell .dlwe-home-executive-header{
  grid-template-columns:1fr!important;
  min-height:0!important;
  padding-top:0!important;
  margin-top:0!important;
}
.dlwe-portal-shell .dlwe-panel[data-dlwe-panel="dashboard"]{padding-top:0!important;}
.dlwe-portal-shell .dlwe-home-heading-block{padding-top:0!important;margin-top:0!important;}

/* Luxury global control block directly below the official logo. */
.dlwe-sidebar-global-controls{
  margin:10px 14px 14px!important;
  padding:12px!important;
  border:1px solid rgba(200,173,126,.24)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 30px rgba(0,0,0,.10)!important;
}
.dlwe-sidebar-control-label{
  margin:0 2px 9px!important;color:#c8ad7e!important;font-size:9px!important;font-weight:800!important;
  letter-spacing:.16em!important;text-transform:uppercase!important;
}
.dlwe-sidebar-global-controls .dlwe-global-preferences{display:grid!important;grid-template-columns:1fr auto!important;gap:7px!important;margin-bottom:9px!important;}
.dlwe-sidebar-global-controls .dlwe-luxury-theme-toggle,
.dlwe-sidebar-global-controls .dlwe-language-trigger{width:100%!important;min-width:0!important;height:36px!important;border-radius:12px!important;}
.dlwe-sidebar-global-controls .dlwe-sidebar-global-utilities{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;width:100%!important;}
.dlwe-sidebar-global-controls .dlwe-home-profile-trigger,
.dlwe-sidebar-global-controls .dlwe-home-header-time,
.dlwe-sidebar-global-controls .dlwe-home-header-workday,
.dlwe-sidebar-global-controls .dlwe-home-refresh-button{
  width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;border-radius:13px!important;
}
.dlwe-sidebar-global-controls .dlwe-home-profile-trigger{padding:8px 9px!important;justify-content:flex-start!important;}
.dlwe-sidebar-global-controls .dlwe-home-profile-avatar{width:34px!important;height:34px!important;min-width:34px!important;}
.dlwe-sidebar-global-controls .dlwe-home-profile-copy{min-width:0!important;text-align:left!important;}
.dlwe-sidebar-global-controls .dlwe-home-profile-copy strong,
.dlwe-sidebar-global-controls .dlwe-home-profile-copy small{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.dlwe-sidebar-global-controls .dlwe-home-header-time{padding:8px 10px!important;display:grid!important;grid-template-columns:auto 1fr!important;column-gap:8px!important;align-items:center!important;}
.dlwe-sidebar-global-controls .dlwe-home-header-time span{grid-row:1!important;}
.dlwe-sidebar-global-controls .dlwe-home-header-time strong{grid-row:1!important;text-align:right!important;font-size:16px!important;}
.dlwe-sidebar-global-controls .dlwe-home-header-time small{grid-column:1/-1!important;margin-top:2px!important;}
.dlwe-sidebar-global-controls .dlwe-home-header-workday{padding:9px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:7px!important;align-items:center!important;}
.dlwe-sidebar-global-controls .dlwe-home-clock-action{grid-column:1/-1!important;width:100%!important;margin-top:3px!important;min-height:36px!important;}
.dlwe-sidebar-global-controls .dlwe-home-refresh-button{height:34px!important;}
.dlwe-sidebar-global-controls .dlwe-language-popover{left:0!important;right:auto!important;top:42px!important;z-index:9999!important;}

/* Dark mode: no stray white action buttons anywhere in staff modules. */
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main button:not(.dlwe-primary-button):not(.dlwe-nav-item):not(.dlwe-nav-item-danger):not(.dlwe-text-button):not(.dlwe-calendar-modal-close):not([class*="danger"]):not([class*="delete"]),
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main .dlwe-secondary-button,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main .dlwe-compact-button,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main .dlwe-mini-button{
  color:#efe5de!important;background:linear-gradient(145deg,#27211e,#1f1a17)!important;border-color:#493a34!important;box-shadow:none!important;
}
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main button:not(.dlwe-primary-button):not(.dlwe-nav-item):not(.dlwe-nav-item-danger):not(.dlwe-text-button):hover,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main .dlwe-secondary-button:hover{
  color:#fff5ef!important;background:linear-gradient(145deg,#332824,#2a211e)!important;border-color:#73564d!important;
}
html[data-dlwe-theme="dark"] .dlwe-sidebar-global-controls{
  background:linear-gradient(145deg,rgba(34,28,25,.96),rgba(23,19,17,.96))!important;
  border-color:#493a34!important;
}
html[data-dlwe-theme="dark"] .dlwe-sidebar-global-controls :is(.dlwe-luxury-theme-toggle,.dlwe-language-trigger,.dlwe-home-profile-trigger,.dlwe-home-header-time,.dlwe-home-header-workday,.dlwe-home-refresh-button){
  color:#eee5dd!important;background:#1d1916!important;border-color:#41352f!important;
}
html[data-dlwe-theme="dark"] .dlwe-sidebar-global-controls :is(strong){color:#f5ece6!important;}
html[data-dlwe-theme="dark"] .dlwe-sidebar-global-controls :is(small,span){color:#b9aaa0!important;}
html[data-dlwe-theme="dark"] .dlwe-sidebar-global-controls .dlwe-home-clock-action{color:#fff!important;background:linear-gradient(135deg,#b76e78,#9f5e68)!important;border-color:#c4828c!important;}

@media(max-width:900px){
  .dlwe-sidebar-global-controls{margin:8px 10px 12px!important;}
}

/* Dashboard greeting starts closer to the top edge while preserving normal module padding. */
@media (min-width:901px){
  .dlwe-portal-shell .dlwe-panel[data-dlwe-panel="dashboard"] > .dlwe-home-executive-header{margin-top:-24px!important;}
}
@media (max-width:900px){
  .dlwe-portal-shell .dlwe-panel[data-dlwe-panel="dashboard"] > .dlwe-home-executive-header{margin-top:-8px!important;}
}

/* ========================================================================== 
   v7.4.6 — Structural Sidebar Controls + Luxury Dark Button Completion
   ========================================================================== */
/* The global control panel is now real sidebar markup, not JavaScript-reparented DOM. */
.dlwe-portal-shell .dlwe-sidebar-global-controls{
  width:100%!important;
  margin:18px 0 20px!important;
  padding:12px!important;
  position:relative!important;
  display:block!important;
  border:1px solid rgba(200,173,126,.24)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.022))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 14px 30px rgba(0,0,0,.10)!important;
}
.dlwe-portal-shell .dlwe-sidebar-control-label{
  margin:0 2px 9px!important;
  color:#c8ad7e!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
.dlwe-portal-shell .dlwe-sidebar-global-controls .dlwe-global-preferences{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 62px!important;
  gap:7px!important;
  margin:0 0 8px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.dlwe-portal-shell .dlwe-sidebar-global-controls .dlwe-luxury-theme-toggle,
.dlwe-portal-shell .dlwe-sidebar-global-controls .dlwe-language-trigger{
  width:100%!important;
  min-width:0!important;
  height:36px!important;
  min-height:36px!important;
  border-radius:11px!important;
}
.dlwe-portal-shell .dlwe-sidebar-global-utilities{
  width:100%!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
}
.dlwe-portal-shell .dlwe-sidebar-global-utilities > *{min-width:0!important;max-width:none!important;margin:0!important;}
.dlwe-portal-shell .dlwe-sidebar-global-utilities .dlwe-home-profile-trigger,
.dlwe-portal-shell .dlwe-sidebar-global-utilities .dlwe-home-header-time,
.dlwe-portal-shell .dlwe-sidebar-global-utilities .dlwe-home-header-workday,
.dlwe-portal-shell .dlwe-sidebar-global-utilities .dlwe-home-refresh-button{
  width:100%!important;
  border-radius:12px!important;
}
.dlwe-portal-shell .dlwe-sidebar-global-utilities .dlwe-home-profile-trigger{
  min-height:48px!important;
  padding:7px 8px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
  text-align:left!important;
}
.dlwe-portal-shell .dlwe-sidebar-global-utilities .dlwe-home-profile-avatar{width:34px!important;height:34px!important;min-width:34px!important;}
.dlwe-portal-shell .dlwe-sidebar-global-utilities .dlwe-home-profile-copy{min-width:0!important;text-align:left!important;}
.dlwe-portal-shell .dlwe-sidebar-global-utilities .dlwe-home-profile-copy strong,
.dlwe-portal-shell .dlwe-sidebar-global-utilities .dlwe-home-profile-copy small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.dlwe-portal-shell .dlwe-sidebar-global-utilities .dlwe-home-header-time{
  min-height:42px!important;
  padding:7px 9px!important;
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  align-items:center!important;
  gap:2px 8px!important;
}
.dlwe-portal-shell .dlwe-sidebar-global-utilities .dlwe-home-header-time > span{font-size:9px!important;text-transform:uppercase!important;letter-spacing:.08em!important;}
.dlwe-portal-shell .dlwe-sidebar-global-utilities .dlwe-home-header-time > strong{text-align:right!important;font-size:15px!important;line-height:1!important;}
.dlwe-portal-shell .dlwe-sidebar-global-utilities .dlwe-home-header-time > small{grid-column:1/-1!important;font-size:9px!important;}
.dlwe-portal-shell .dlwe-sidebar-global-utilities .dlwe-home-header-workday{
  min-height:74px!important;
  padding:8px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:6px 8px!important;
  align-items:center!important;
}
.dlwe-portal-shell .dlwe-sidebar-global-utilities .dlwe-home-clock-action{
  grid-column:1/-1!important;
  width:100%!important;
  min-height:34px!important;
  margin-top:1px!important;
  border-radius:10px!important;
  font-size:10px!important;
  letter-spacing:.08em!important;
}
.dlwe-portal-shell .dlwe-sidebar-global-utilities .dlwe-home-refresh-button{height:32px!important;min-height:32px!important;font-size:9px!important;letter-spacing:.10em!important;}
.dlwe-portal-shell .dlwe-sidebar-global-controls .dlwe-language-popover{left:0!important;right:auto!important;top:42px!important;z-index:10020!important;}

/* The dashboard header is now intentionally simple: greeting + context only. */
.dlwe-portal-shell .dlwe-home-executive-header{
  display:block!important;
  min-height:0!important;
  padding-top:0!important;
  margin-top:0!important;
}
.dlwe-portal-shell .dlwe-home-executive-header .dlwe-home-heading-block{max-width:920px!important;padding-top:0!important;margin-top:0!important;}
.dlwe-portal-shell .dlwe-home-executive-header .dlwe-home-header-utilities{display:none!important;}
@media (min-width:1025px){
  .dlwe-portal-shell .dlwe-panel[data-dlwe-panel="dashboard"] > .dlwe-home-executive-header{margin-top:-38px!important;}
}
@media (min-width:1700px){
  .dlwe-portal-shell .dlwe-panel[data-dlwe-panel="dashboard"] > .dlwe-home-executive-header{margin-top:-40px!important;}
}

/* Luxury dark sidebar controls. */
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-sidebar-global-controls{
  background:linear-gradient(145deg,rgba(37,30,27,.98),rgba(24,20,18,.98))!important;
  border-color:#4b3b35!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 16px 34px rgba(0,0,0,.22)!important;
}
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-sidebar-global-controls :is(.dlwe-luxury-theme-toggle,.dlwe-language-trigger,.dlwe-home-profile-trigger,.dlwe-home-header-time,.dlwe-home-header-workday,.dlwe-home-refresh-button){
  color:#eee5dd!important;
  background:linear-gradient(145deg,#211b18,#191513)!important;
  border-color:#493a34!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-sidebar-global-controls :is(strong){color:#f7eee8!important;}
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-sidebar-global-controls :is(small,span){color:#bbaaa0!important;}
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-sidebar-global-controls .dlwe-home-clock-action{
  color:#fff!important;
  background:linear-gradient(135deg,#b76e78,#965661)!important;
  border-color:#c4818b!important;
  box-shadow:0 8px 18px rgba(183,110,120,.16)!important;
}

/* Final dark-button completion: cover anchors, labels and legacy named button families too. */
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main :is(
  .dlwe-secondary-button,
  .dlwe-mini-button,
  .dlwe-compact-button,
  .dlwe-pagination-button,
  .dlwe-calendar-icon-button,
  .dlwe-icon-button,
  .dlwe-document-row-actions button,
  .dlwe-mobile-table-controls button,
  .dlwe-mobile-choice-dialog > header > button,
  .dlwe-launch-quick-links button,
  .dlwe-task-create-mode-switch button,
  .dlwe-home-action,
  a.dlwe-secondary-button,
  label.dlwe-secondary-button
){
  color:#efe6df!important;
  background:linear-gradient(145deg,#28211e,#1d1816)!important;
  border-color:#4d3e37!important;
  box-shadow:none!important;
}
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main :is(
  .dlwe-secondary-button,
  .dlwe-mini-button,
  .dlwe-compact-button,
  .dlwe-pagination-button,
  .dlwe-calendar-icon-button,
  .dlwe-icon-button,
  .dlwe-document-row-actions button,
  .dlwe-mobile-table-controls button,
  .dlwe-launch-quick-links button,
  .dlwe-task-create-mode-switch button,
  .dlwe-home-action,
  a.dlwe-secondary-button,
  label.dlwe-secondary-button
):hover:not(:disabled){
  color:#fff8f3!important;
  background:linear-gradient(145deg,#372b27,#2b221f)!important;
  border-color:#76584f!important;
}
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main .dlwe-primary-button:not(.dlwe-danger-button):not(.dlwe-delete-button){
  color:#fff!important;
  background:linear-gradient(135deg,#b76e78,#965661)!important;
  border-color:#c4818b!important;
  box-shadow:0 8px 18px rgba(183,110,120,.13)!important;
}
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main .dlwe-primary-button:not(.dlwe-danger-button):not(.dlwe-delete-button):hover:not(:disabled){
  background:linear-gradient(135deg,#c37b86,#a55e69)!important;
  border-color:#d397a0!important;
}

/* Keep modal footers and icon actions dark even where legacy rules used !important white. */
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page :is(
  .dlwe-document-modal-card > form > footer,
  .dlwe-calendar-modal-actions,
  .dlwe-home-clock-modal .dlwe-home-clock-modal-actions,
  .dlwe-home-profile-modal .dlwe-home-profile-modal-actions
){background:#211b18!important;border-color:#493a34!important;}
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page :is(
  #dlwe-meeting-form-modal .dlwe-meeting-modal-footer .dlwe-secondary-button,
  #dlwe-document-modal .dlwe-document-modal-footer .dlwe-secondary-button,
  #dlwe-document-modal .dlwe-document-modal-header .dlwe-icon-button,
  .dlwe-user-delete-actions .dlwe-secondary-button
){
  color:#efe6df!important;
  background:#27211e!important;
  border-color:#4d3e37!important;
}

@media (max-width:1024px){
  .dlwe-portal-shell .dlwe-sidebar-global-controls{margin:10px 0 12px!important;padding:10px!important;border-radius:15px!important;}
  .dlwe-portal-shell .dlwe-sidebar-global-utilities{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .dlwe-portal-shell .dlwe-sidebar-global-utilities .dlwe-home-profile-trigger,
  .dlwe-portal-shell .dlwe-sidebar-global-utilities .dlwe-home-header-workday{grid-column:1/-1!important;}
  .dlwe-portal-shell .dlwe-sidebar-global-utilities .dlwe-home-refresh-button{height:42px!important;}
  .dlwe-portal-shell .dlwe-panel[data-dlwe-panel="dashboard"] > .dlwe-home-executive-header{margin-top:-10px!important;}
}

/* ========================================================================== 
   v7.4.7 — Light Luxury Polish + Sidebar Control Readability
   Keeps the approved dark-mode system intact while refining the light canvas,
   removing dashboard top whitespace and improving global-control legibility.
   ========================================================================== */

/* Dashboard greeting should meet the top content edge cleanly. Match the
   desktop main padding exactly rather than leaving an 8px remainder. */
@media (min-width:1025px){
  .dlwe-portal-shell .dlwe-panel[data-dlwe-panel="dashboard"] > .dlwe-home-executive-header{
    margin-top:calc(-1 * clamp(30px, 3vw, 48px))!important;
  }
}
@media (min-width:621px) and (max-width:1024px){
  .dlwe-portal-shell .dlwe-panel[data-dlwe-panel="dashboard"] > .dlwe-home-executive-header{
    margin-top:-24px!important;
  }
}

/* Light mode: warm editorial ivory rather than pink/washed-out surfaces. */
html:not([data-dlwe-theme="dark"]) .dlwe-portal-shell{
  --dlwe-cream:#F7F4EE;
  --dlwe-surface:#FFFDF9;
  --dlwe-white:#FFFDF9;
  --dlwe-border:#DED4CB;
  --dlwe-border-light:#EEE7E0;
  --dlwe-muted:#766B65;
  --dlwe-pro-ink:#1D1817;
  --dlwe-pro-copy:#514945;
  --dlwe-pro-muted:#786D67;
  --dlwe-pro-canvas:#F7F4EE;
  --dlwe-pro-surface:#FFFDF9;
  --dlwe-pro-surface-strong:#FFFFFF;
  --dlwe-pro-line:#DED4CB;
  --dlwe-pro-line-soft:#EEE7E0;
  --dlwe-pro-accent-dark:#8B5B54;
  --dlwe-pro-accent-soft:#F2E8E3;
}
html:not([data-dlwe-theme="dark"]) body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-main{
  color:#211C1A!important;
  background:
    radial-gradient(circle at 98% -5%,rgba(200,173,126,.12),transparent 30rem),
    linear-gradient(180deg,#FBF9F5 0%,#F8F5EF 52%,#F6F2EC 100%)!important;
}
html:not([data-dlwe-theme="dark"]) body.dlwe-staff-portal-page .dlwe-portal-shell :is(
  .dlwe-home-card,.dlwe-card,.dlwe-table-card,.dlwe-form-section,.dlwe-home-metric,
  .dlwe-summary-card,.dlwe-stat-card,.dlwe-kpi-card
){
  background:#FFFDF9!important;
  border-color:#DED4CB!important;
  box-shadow:0 12px 30px rgba(50,39,33,.045)!important;
}
html:not([data-dlwe-theme="dark"]) body.dlwe-staff-portal-page .dlwe-portal-shell :is(input,select,textarea){
  background:#FFFDF9!important;
  border-color:#D9CEC5!important;
  color:#2B2421!important;
}
html:not([data-dlwe-theme="dark"]) body.dlwe-staff-portal-page .dlwe-portal-shell :is(input,select,textarea):focus{
  border-color:#B88A80!important;
  box-shadow:0 0 0 3px rgba(183,110,120,.10)!important;
}

/* Sidebar is always dark, so its global controls must use a dark luxury
   surface in BOTH application themes. This avoids low-contrast brown-on-black
   labels when the main canvas is in Light mode. */
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls{
  margin:16px 0 20px!important;
  padding:13px!important;
  border:1px solid rgba(200,173,126,.30)!important;
  border-radius:17px!important;
  background:
    radial-gradient(circle at 100% 0,rgba(183,110,120,.10),transparent 55%),
    linear-gradient(145deg,#211B18 0%,#171311 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 32px rgba(0,0,0,.22)!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-control-label{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:0 1px 11px!important;
  color:#D5B77F!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.17em!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-control-label::after{
  content:"";
  height:1px;
  flex:1 1 auto;
  background:linear-gradient(90deg,rgba(200,173,126,.38),rgba(200,173,126,0));
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-global-preferences{
  grid-template-columns:minmax(0,1fr) 74px!important;
  gap:8px!important;
  margin-bottom:9px!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls :is(
  .dlwe-luxury-theme-toggle,.dlwe-language-trigger,.dlwe-home-profile-trigger,
  .dlwe-home-header-time,.dlwe-home-header-workday,.dlwe-home-refresh-button
){
  color:#EADFD7!important;
  background:linear-gradient(145deg,#1D1816,#161210)!important;
  border:1px solid #463831!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls :is(
  .dlwe-luxury-theme-toggle,.dlwe-language-trigger
){
  height:38px!important;
  min-height:38px!important;
  border-radius:11px!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-luxury-theme-toggle{
  justify-content:flex-start!important;
  gap:6px!important;
  padding:5px 8px!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-theme-sun,
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-theme-moon{
  color:#CFC0B6!important;
  opacity:.85!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-theme-state{
  color:#F0E5DE!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-theme-track{
  border-color:#6A574C!important;
  background:#2B231F!important;
}

/* Language control: visibly separate the code and chevron; popover belongs to
   the dark sidebar rather than switching to a bright white card. */
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-trigger{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  min-width:74px!important;
  padding:5px 9px!important;
  border-left:1px solid #463831!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-current{
  color:#F2E7E0!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.07em!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-chevron{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:15px!important;
  height:15px!important;
  margin-left:1px!important;
  color:#C8AD7E!important;
  opacity:.95!important;
  font-size:10px!important;
  transform:translateY(-1px)!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-popover{
  width:226px!important;
  padding:9px!important;
  border-color:#4A3B34!important;
  background:rgba(24,20,18,.985)!important;
  box-shadow:0 22px 52px rgba(0,0,0,.34)!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-popover::before{
  border-color:#4A3B34!important;
  background:#181412!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-popover-label{
  color:#AA9A8F!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-popover button{
  color:#E8DDD5!important;
  background:transparent!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-popover button:hover{
  background:#28211E!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-popover button.is-active{
  background:linear-gradient(135deg,rgba(183,110,120,.18),rgba(200,173,126,.09))!important;
  box-shadow:inset 0 0 0 1px rgba(217,152,163,.20)!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-popover strong{
  color:#F6ECE6!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-popover small{
  color:#A7978D!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-option-code{
  color:#D6B981!important;
}

/* Utility content: improve hierarchy/readability on the permanently dark rail. */
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-home-profile-copy strong,
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-home-workday-copy strong,
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-home-header-time strong{
  color:#F7EEE8!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-home-profile-copy small,
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-home-workday-copy small,
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-home-header-time span,
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-home-header-time small{
  color:#B9AAA0!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-home-profile-chevron{
  color:#C8AD7E!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-home-profile-trigger:hover,
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-trigger:hover,
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-luxury-theme-toggle:hover,
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-home-refresh-button:hover{
  color:#FFF8F3!important;
  background:linear-gradient(145deg,#2A211E,#201916)!important;
  border-color:#72564D!important;
}

/* Refresh: generated icon and text are distinct flex items with deliberate gap. */
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-utilities .dlwe-home-refresh-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:34px!important;
  height:34px!important;
  padding:0 12px!important;
  color:#E9DED6!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.10em!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-utilities .dlwe-home-refresh-button::before{
  content:"↻"!important;
  display:inline-block!important;
  flex:0 0 auto!important;
  margin:0!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:0!important;
}

/* Keep primary attendance action luxurious and unmistakable in both themes. */
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-home-clock-action{
  color:#FFF!important;
  background:linear-gradient(135deg,#B76E78,#945862)!important;
  border-color:#C7838D!important;
  box-shadow:0 8px 18px rgba(183,110,120,.16)!important;
}


/* ========================================================================
   v7.4.8 — Native Shell Zero-Offset + Sidebar Toggle / Language Fit
   ======================================================================== */

/* Native app shell: remove any WordPress/admin-bar/theme offset before the
   application starts. The native template also repeats this after wp_head so
   late WordPress admin-bar CSS cannot re-introduce the gap. */
html:has(body.dlwe-native-app-page),
body.dlwe-native-app-page{
  margin-top:0!important;
  padding-top:0!important;
}
body.dlwe-native-app-page .dlwe-portal-shell{
  margin-top:0!important;
  top:0!important;
}
body.dlwe-native-app-page .dlwe-portal-shell .dlwe-sidebar{
  top:0!important;
  height:100dvh!important;
  max-height:100dvh!important;
}

/* Portal Control row — two balanced controls instead of one squeezed theme
   control beside a tiny language button. */
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-global-preferences{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:9px!important;
  width:100%!important;
  overflow:visible!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-luxury-language{
  position:static!important;
  min-width:0!important;
  width:100%!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-luxury-theme-toggle,
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-trigger{
  width:100%!important;
  min-width:0!important;
  height:40px!important;
  min-height:40px!important;
  padding:0 12px!important;
  border-radius:12px!important;
  overflow:hidden!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-luxury-theme-toggle{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}
/* Show only the icon relevant to the current mode, avoiding the previous
   sun + switch + moon + label collision. */
html:not([data-dlwe-theme="dark"]) .dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-theme-moon,
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-theme-sun{
  display:none!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-theme-sun,
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-theme-moon{
  flex:0 0 auto!important;
  font-size:14px!important;
  line-height:1!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-theme-track{
  flex:0 0 30px!important;
  width:30px!important;
  min-width:30px!important;
  height:17px!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-theme-state{
  flex:0 1 auto!important;
  min-width:0!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-trigger{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  border-left:1px solid #463831!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-current{
  min-width:0!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  white-space:nowrap!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-chevron{
  flex:0 0 auto!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  transform:none!important;
}

/* The language popover belongs to the full two-control row. This keeps the
   dropdown entirely inside the sidebar card at every desktop sidebar width. */
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-popover{
  left:0!important;
  right:0!important;
  top:48px!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  box-sizing:border-box!important;
  z-index:10040!important;
  padding:10px!important;
  border-radius:14px!important;
  overflow:hidden!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-popover::before{
  left:auto!important;
  right:30px!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-popover button{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  padding:10px 11px!important;
  border-radius:10px!important;
  text-align:left!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-option-code{
  min-width:0!important;
  font-size:10px!important;
  letter-spacing:.06em!important;
  white-space:nowrap!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-popover button > span:last-child{
  min-width:0!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-popover strong,
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-popover small{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* Slightly more legible control heading without making the card louder. */
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-control-label{
  color:#DFC48E!important;
  font-size:9.5px!important;
  letter-spacing:.15em!important;
}

@media (max-width:720px){
  .dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-global-preferences{
    grid-template-columns:1fr 1fr!important;
  }
  .dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-popover{
    top:48px!important;
  }
}

/* ========================================================================
   v7.4.9 — Flag Language Toggle + Local Time Optical Alignment
   ======================================================================== */
/* Language now mirrors the theme control: one compact two-state switch,
   no dropdown/popover that can escape the sidebar card. */
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-global-preferences{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:9px!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-luxury-language-toggle{
  width:100%!important;
  min-width:0!important;
  height:40px!important;
  min-height:40px!important;
  padding:0 11px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border:1px solid #463831!important;
  border-radius:12px!important;
  color:#d9cec6!important;
  background:#1b1715!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  cursor:pointer!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-flag{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:20px!important;
  font-size:15px!important;
  line-height:1!important;
  opacity:.38!important;
  filter:saturate(.78)!important;
  transition:opacity .18s ease,filter .18s ease,transform .18s ease!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-track{
  position:relative!important;
  flex:0 0 34px!important;
  width:34px!important;
  height:18px!important;
  border:1px solid rgba(200,173,126,.42)!important;
  border-radius:999px!important;
  background:#100e0d!important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.34)!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-track i{
  position:absolute!important;
  top:2px!important;
  left:2px!important;
  width:12px!important;
  height:12px!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#d998a3,#b76e78)!important;
  box-shadow:0 1px 4px rgba(0,0,0,.32)!important;
  transition:transform .2s ease!important;
}
html[data-dlwe-language="en"] .dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-flag-en,
html:not([data-dlwe-language="vi"]) .dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-flag-en{
  opacity:1!important;
  filter:none!important;
  transform:scale(1.04)!important;
}
html[data-dlwe-language="vi"] .dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-flag-vi{
  opacity:1!important;
  filter:none!important;
  transform:scale(1.04)!important;
}
html[data-dlwe-language="vi"] .dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-track i{
  transform:translateX(16px)!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-luxury-language-toggle:hover{
  color:#fff!important;
  border-color:#72564d!important;
  background:linear-gradient(145deg,#2a211e,#201916)!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-luxury-language-toggle:focus{
  outline:none!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-luxury-language-toggle:focus-visible{
  outline:none!important;
  box-shadow:0 0 0 2px rgba(183,110,120,.24),inset 0 1px 0 rgba(255,255,255,.03)!important;
}

/* Local Time: label + date form one left stack; the clock occupies the full
   right column and is optically centered through both rows. */
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-utilities .dlwe-home-header-time{
  min-height:58px!important;
  padding:9px 11px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  column-gap:12px!important;
  row-gap:3px!important;
  align-items:center!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-utilities .dlwe-home-header-time > span{
  grid-column:1!important;
  grid-row:1!important;
  align-self:end!important;
  margin:0!important;
  line-height:1.15!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-utilities .dlwe-home-header-time > small{
  grid-column:1!important;
  grid-row:2!important;
  align-self:start!important;
  margin:0!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-utilities .dlwe-home-header-time > strong{
  grid-column:2!important;
  grid-row:1 / 3!important;
  align-self:center!important;
  justify-self:end!important;
  margin:0!important;
  font-size:18px!important;
  line-height:1!important;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
}

/* Keep the same flag-toggle affordance wherever global preferences are reused. */
.dlwe-global-preferences .dlwe-luxury-language-toggle{
  appearance:none;
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:4px 9px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#5f544c;
  cursor:pointer;
}
.dlwe-global-preferences .dlwe-luxury-language-toggle .dlwe-language-track{
  position:relative;
  display:inline-block;
  width:31px;
  height:17px;
  border:1px solid #d7c9bf;
  border-radius:999px;
  background:#eee8e1;
}
.dlwe-global-preferences .dlwe-luxury-language-toggle .dlwe-language-track i{
  position:absolute;
  top:2px;
  left:2px;
  width:11px;
  height:11px;
  border-radius:50%;
  background:#b76e78;
  transition:transform .2s ease;
}
html[data-dlwe-language="vi"] .dlwe-global-preferences .dlwe-luxury-language-toggle .dlwe-language-track i{transform:translateX(14px);}
html[data-dlwe-theme="dark"] .dlwe-global-preferences .dlwe-luxury-language-toggle{color:#d8cbc2;}
html[data-dlwe-theme="dark"] .dlwe-global-preferences .dlwe-luxury-language-toggle .dlwe-language-track{border-color:#4a3b35;background:#171311;}

/* ========================================================================
   v7.4.10 — Single Active Flag Language Toggle
   ======================================================================== */
/* Match the language control to the appearance toggle: one active symbol
   plus one compact switch. The inactive language flag is never shown. */
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-luxury-language-toggle{
  width:100%!important;
  min-width:0!important;
  height:40px!important;
  min-height:40px!important;
  padding:0 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  overflow:hidden!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-active-flag{
  flex:0 0 22px!important;
  width:22px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:16px!important;
  line-height:1!important;
  filter:none!important;
  opacity:1!important;
  transform:none!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-track{
  flex:0 0 30px!important;
  width:30px!important;
  min-width:30px!important;
  height:17px!important;
  margin:0!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-track i{
  width:11px!important;
  height:11px!important;
  top:2px!important;
  left:2px!important;
}
html[data-dlwe-language="vi"] .dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-track i{
  transform:translateX(13px)!important;
}
/* Retire the old dual-flag layout if stale cached markup is briefly present. */
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-flag-en,
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-flag-vi{
  display:none!important;
}


/* ========================================================================
   v7.4.11 — Deterministic Single-Flag Language Control
   ======================================================================== */
/* The sidebar markup now server-renders the current active flag. Keep the
   language affordance optically identical to the appearance affordance. */
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-global-preferences{
  align-items:stretch!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-luxury-theme-toggle,
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-luxury-language-toggle{
  height:40px!important;
  min-height:40px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  overflow:visible!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-active-flag{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  flex:0 0 22px!important;
  width:22px!important;
  min-width:22px!important;
  height:22px!important;
  align-items:center!important;
  justify-content:center!important;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;
  font-size:17px!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-indent:0!important;
  color:initial!important;
  filter:none!important;
  transform:none!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-track{
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
  flex:0 0 34px!important;
  width:34px!important;
  min-width:34px!important;
  height:18px!important;
}
.dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-track i{
  width:12px!important;
  height:12px!important;
  top:2px!important;
  left:2px!important;
}
html[data-dlwe-language="vi"] .dlwe-portal-shell .dlwe-sidebar .dlwe-sidebar-global-controls .dlwe-language-track i{
  transform:translateX(16px)!important;
}


/* v7.4.12 — one global Refresh control in the sidebar.
   Page-specific refresh controls stay in the DOM so their established handlers
   can be invoked by the sidebar button, but duplicate buttons are not rendered. */
.dlwe-portal-shell [data-dlwe-panel] :is(button,a)[id*="refresh"]:not(#dlwe-home-refresh){
  display:none!important;
}
.dlwe-portal-shell .dlwe-sidebar-global-controls #dlwe-home-refresh{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

/* DI-M6 v8.10.38.1 direct protected-route navigation. */
.dlwe-nav a.dlwe-nav-item-link{box-sizing:border-box;text-decoration:none;display:flex;align-items:center;width:100%;}

/* ========================================================================== 
   v8.10.43 — Unified Dated sign-in shell + floating Ask Dated launcher
   Connect is the visual reference. Authentication rules remain product-scoped.
   ========================================================================== */

/* Ask Dated: one universal, persistent Studio entry point. */
.dlwe-portal-shell .dlwe-ask-dated-fab{
  position:fixed!important;
  z-index:86;
  right:max(24px,env(safe-area-inset-right));
  bottom:max(24px,env(safe-area-inset-bottom));
  display:inline-flex!important;
  align-items:center;
  gap:10px;
  min-width:52px;
  min-height:52px;
  padding:6px;
  color:#fffaf5!important;
  background:linear-gradient(145deg,#241b17 0%,#171210 100%)!important;
  border:1px solid rgba(200,173,126,.34)!important;
  border-radius:999px!important;
  box-shadow:0 18px 46px rgba(33,25,22,.24),inset 0 1px 0 rgba(255,255,255,.06)!important;
  text-decoration:none!important;
  -webkit-backdrop-filter:blur(18px) saturate(120%);
  backdrop-filter:blur(18px) saturate(120%);
  overflow:hidden;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,padding .22s ease;
}
.dlwe-portal-shell .dlwe-ask-dated-fab:hover,
.dlwe-portal-shell .dlwe-ask-dated-fab:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(217,152,163,.62)!important;
  box-shadow:0 22px 54px rgba(33,25,22,.30),0 0 0 4px rgba(183,110,120,.07)!important;
  outline:none!important;
}
.dlwe-portal-shell .dlwe-ask-dated-fab-icon{
  width:40px;
  height:40px;
  flex:0 0 40px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(145deg,#c8ad7e 0%,#b76e78 58%,#8e5149 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 6px 16px rgba(79,47,42,.18);
  font-family:Georgia,"Times New Roman",serif;
  font-size:20px;
  line-height:1;
}
.dlwe-portal-shell .dlwe-ask-dated-fab-label{
  max-width:0;
  opacity:0;
  overflow:hidden;
  white-space:nowrap;
  color:#f8eee8!important;
  font-family:Montserrat,"Helvetica Neue",Arial,sans-serif!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
  transition:max-width .22s ease,opacity .18s ease,margin .22s ease;
}
.dlwe-portal-shell .dlwe-ask-dated-fab:hover,
.dlwe-portal-shell .dlwe-ask-dated-fab:focus-visible{padding-right:18px;}
.dlwe-portal-shell .dlwe-ask-dated-fab:hover .dlwe-ask-dated-fab-label,
.dlwe-portal-shell .dlwe-ask-dated-fab:focus-visible .dlwe-ask-dated-fab-label{max-width:110px;opacity:1;margin-right:3px;}
html[data-dlwe-theme="dark"] .dlwe-portal-shell .dlwe-ask-dated-fab{
  background:linear-gradient(145deg,#2a201c,#130f0d)!important;
  border-color:rgba(217,152,163,.28)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
@media(max-width:720px){
  .dlwe-portal-shell .dlwe-ask-dated-fab{
    right:max(16px,env(safe-area-inset-right));
    bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px));
    min-width:50px;
    min-height:50px;
  }
  .dlwe-portal-shell .dlwe-ask-dated-fab-icon{width:38px;height:38px;flex-basis:38px;font-size:19px;}
  .dlwe-portal-shell .dlwe-ask-dated-fab:hover,
  .dlwe-portal-shell .dlwe-ask-dated-fab:focus-visible{padding-right:6px;}
  .dlwe-portal-shell .dlwe-ask-dated-fab-label{display:none!important;}
}
@media print{.dlwe-ask-dated-fab{display:none!important;}}

/* Connect-reference login composition for Studio + Journey. */
body.dlwe-staff-login-page .dlwe-auth-shell{
  --dlwe-auth-ink:#211916;
  --dlwe-auth-ink-soft:#413630;
  --dlwe-auth-copy:#776b63;
  --dlwe-auth-muted:#9a8d83;
  --dlwe-auth-paper:#fbf7f1;
  --dlwe-auth-ivory:#f4ede4;
  --dlwe-auth-gold:#c8ad7e;
  --dlwe-auth-gold-soft:#efd1d5;
  --dlwe-auth-line:rgba(126,99,82,.24);
  --dlwe-auth-display:"Cormorant SC","Book Antiqua",Georgia,serif;
  --dlwe-auth-body:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  padding:24px!important;
  background:radial-gradient(circle at 12% 8%,rgba(200,173,126,.12),transparent 26%),radial-gradient(circle at 90% 86%,rgba(183,110,120,.08),transparent 26%),#eee6dc!important;
}
body.dlwe-staff-login-page .dlwe-auth-layout{
  position:relative;
  width:min(1180px,100%)!important;
  min-height:min(760px,calc(100dvh - 48px))!important;
  grid-template-columns:minmax(360px,.84fr) minmax(500px,1.16fr)!important;
  overflow:hidden!important;
  border:1px solid rgba(67,51,43,.13)!important;
  border-radius:30px!important;
  background:var(--dlwe-auth-paper)!important;
  box-shadow:0 34px 90px rgba(50,37,29,.18)!important;
}
body.dlwe-staff-login-page .dlwe-auth-story{
  background:linear-gradient(155deg,#241b17 0%,#1b1512 58%,#2b201b 100%)!important;
  color:#f7efe7!important;
}
body.dlwe-staff-login-page .dlwe-auth-story::before{
  inset:-15% -35% auto auto!important;
  width:460px!important;
  height:460px!important;
  border:1px solid rgba(200,173,126,.11)!important;
  box-shadow:0 0 0 70px rgba(255,255,255,.012),0 0 0 140px rgba(255,255,255,.008)!important;
}
body.dlwe-staff-login-page .dlwe-auth-story::after{
  left:52px!important;
  right:52px!important;
  bottom:96px!important;
  width:auto!important;
  height:1px!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(90deg,rgba(200,173,126,.55),rgba(200,173,126,0))!important;
}
body.dlwe-staff-login-page .dlwe-auth-story-inner{
  padding:54px 52px 46px!important;
}
body.dlwe-staff-login-page .dlwe-auth-story-mark{
  width:auto!important;
  height:auto!important;
  display:block!important;
  border:0!important;
}
body.dlwe-staff-login-page .dlwe-auth-story-logo-horizontal{
  display:block!important;
  width:min(255px,78%)!important;
  height:auto!important;
  max-height:92px!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:saturate(.9);
}
body.dlwe-staff-login-page .dlwe-auth-story-copy{
  max-width:430px!important;
  margin:auto 0 82px!important;
  padding:0!important;
}
body.dlwe-staff-login-page .dlwe-auth-story .dlwe-auth-eyebrow{
  margin:0 0 18px!important;
  color:#d7b985!important;
  font:700 10px/1 var(--dlwe-auth-display)!important;
  letter-spacing:.24em!important;
}
body.dlwe-staff-login-page .dlwe-auth-story h1{
  margin:0!important;
  color:#fffaf4!important;
  font:400 clamp(42px,4vw,62px)/.98 "Book Antiqua","Palatino Linotype",Palatino,Georgia,serif!important;
  letter-spacing:-.035em!important;
}
body.dlwe-staff-login-page .dlwe-auth-story-copy>p:last-child{
  max-width:360px!important;
  margin:24px 0 0!important;
  color:rgba(247,239,231,.66)!important;
  font:400 14px/1.72 "Book Antiqua","Palatino Linotype",Palatino,Georgia,serif!important;
}
body.dlwe-staff-login-page .dlwe-auth-story-footer{
  padding:0!important;
  border:0!important;
  color:rgba(247,239,231,.42)!important;
  font:700 9px/1.4 var(--dlwe-auth-display)!important;
  letter-spacing:.16em!important;
}
body.dlwe-staff-login-page .dlwe-auth-form-panel{
  position:relative;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:58px 70px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.52),rgba(255,255,255,0) 32%),var(--dlwe-auth-paper)!important;
}
body.dlwe-staff-login-page .dlwe-auth-form-panel::before{
  content:"";
  position:absolute;
  top:34px;
  right:38px;
  width:92px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--dlwe-auth-gold));
}
body.dlwe-staff-login-page .dlwe-login-card{width:min(440px,100%)!important;}
body.dlwe-staff-login-page .dlwe-auth-logo-link{display:none!important;}
body.dlwe-staff-login-page .dlwe-auth-heading{margin:0 0 30px!important;}
body.dlwe-staff-login-page .dlwe-auth-heading .dlwe-auth-eyebrow{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 18px!important;
  color:#b76e78!important;
  font:700 10px/1 var(--dlwe-auth-display)!important;
  letter-spacing:.23em!important;
}
body.dlwe-staff-login-page .dlwe-auth-heading .dlwe-auth-eyebrow::before{content:"";width:34px;height:1px;background:#b76e78;}
body.dlwe-staff-login-page .dlwe-auth-heading h2,
body.dlwe-staff-login-page .dlwe-centered-card h2{
  margin:0!important;
  color:var(--dlwe-auth-ink)!important;
  font:400 43px/1.02 "Book Antiqua","Palatino Linotype",Palatino,Georgia,serif!important;
  letter-spacing:-.035em!important;
}
body.dlwe-staff-login-page .dlwe-auth-heading .dlwe-muted,
body.dlwe-staff-login-page .dlwe-centered-card .dlwe-muted{
  margin:12px 0 0!important;
  color:var(--dlwe-auth-copy)!important;
  font:400 14px/1.62 "Book Antiqua","Palatino Linotype",Palatino,Georgia,serif!important;
}
body.dlwe-staff-login-page .dlwe-login-form{gap:18px!important;}
body.dlwe-staff-login-page .dlwe-field-label-row{margin-bottom:8px!important;}
body.dlwe-staff-login-page .dlwe-field label{
  color:#51453e!important;
  font:750 10px/1 var(--dlwe-auth-display)!important;
  letter-spacing:.14em!important;
}
body.dlwe-staff-login-page .dlwe-field input[type="text"],
body.dlwe-staff-login-page .dlwe-field input[type="password"]{
  height:54px!important;
  min-height:54px!important;
  padding:0 15px!important;
  color:var(--dlwe-auth-ink)!important;
  background:rgba(255,255,255,.76)!important;
  border:1px solid rgba(126,99,82,.30)!important;
  border-radius:12px!important;
  font:500 14px/1 var(--dlwe-auth-body)!important;
}
body.dlwe-staff-login-page .dlwe-field input:focus{
  border-color:rgba(183,110,120,.62)!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(183,110,120,.06)!important;
}
body.dlwe-staff-login-page .dlwe-password-toggle{
  right:8px!important;
  height:36px!important;
  padding:0 10px!important;
  color:#725b4e!important;
  font:750 10px/1 var(--dlwe-auth-body)!important;
  letter-spacing:0!important;
}
body.dlwe-staff-login-page .dlwe-checkbox,
body.dlwe-staff-login-page .dlwe-checkbox-row{color:var(--dlwe-auth-muted)!important;font:500 11px/1.45 var(--dlwe-auth-body)!important;}
body.dlwe-staff-login-page .dlwe-inline-forgot-link{color:#6e5548!important;font:700 11px/1.2 var(--dlwe-auth-body)!important;}
body.dlwe-staff-login-page .dlwe-primary-button{
  min-height:54px!important;
  justify-content:center!important;
  gap:12px!important;
  padding:0 18px!important;
  color:#fffaf5!important;
  background:#211916!important;
  border:1px solid #211916!important;
  border-radius:12px!important;
  box-shadow:0 13px 28px rgba(33,25,22,.14)!important;
  font:800 10px/1 var(--dlwe-auth-body)!important;
  letter-spacing:.13em!important;
}
body.dlwe-staff-login-page .dlwe-primary-button:hover{background:#2a201b!important;border-color:#2a201b!important;box-shadow:0 16px 34px rgba(33,25,22,.18)!important;}
body.dlwe-staff-login-page .dlwe-auth-support{margin:22px 0 0!important;padding:0!important;border:0!important;color:#9c9088!important;font:600 10px/1.3 var(--dlwe-auth-body)!important;}
body.dlwe-staff-login-page .dlwe-alert{border-radius:12px!important;}

/* Visible pre-login Mode + Language controls. */
body.dlwe-staff-login-page .dlwe-auth-preferences{
  position:absolute!important;
  z-index:12!important;
  top:24px!important;
  right:26px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
  padding:6px!important;
  width:auto!important;
  min-width:0!important;
  border:1px solid rgba(126,99,82,.18)!important;
  border-radius:14px!important;
  background:rgba(251,247,241,.88)!important;
  box-shadow:0 10px 28px rgba(50,37,29,.08)!important;
  -webkit-backdrop-filter:blur(18px) saturate(120%);
  backdrop-filter:blur(18px) saturate(120%);
}
.dlwe-login-pref-group{display:flex;align-items:center;gap:6px;}
.dlwe-login-pref-group+.dlwe-login-pref-group{padding-left:7px;border-left:1px solid rgba(126,99,82,.15);}
.dlwe-login-pref-label{color:#8e8178;font:750 8px/1 var(--dlwe-auth-display,"Cormorant SC",Georgia,serif);letter-spacing:.12em;text-transform:uppercase;}
.dlwe-login-pref-options{display:flex;align-items:center;gap:2px;padding:2px;border:1px solid rgba(126,99,82,.15);border-radius:9px;background:rgba(244,237,228,.76);}
.dlwe-login-pref-options button{
  appearance:none;
  min-height:28px;
  padding:0 8px;
  border:0!important;
  border-radius:7px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#7b6f67!important;
  font:750 8px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
  cursor:pointer;
}
.dlwe-login-pref-options button:hover{color:#4b3c34!important;background:rgba(183,110,120,.06)!important;}
.dlwe-login-pref-options button.is-active{color:#fff!important;background:linear-gradient(145deg,#2b211c,#171210)!important;box-shadow:0 4px 10px rgba(33,25,22,.13)!important;}
.dlwe-login-pref-options.is-language button.is-active{background:linear-gradient(145deg,#b76e78,#8e5149)!important;}

html[data-dlwe-theme="dark"] body.dlwe-staff-login-page .dlwe-auth-shell{background:#110d0b!important;}
html[data-dlwe-theme="dark"] body.dlwe-staff-login-page .dlwe-auth-layout{background:#181310!important;border-color:rgba(255,255,255,.07)!important;box-shadow:0 34px 90px rgba(0,0,0,.42)!important;}
html[data-dlwe-theme="dark"] body.dlwe-staff-login-page .dlwe-auth-form-panel,
html[data-dlwe-theme="dark"] body.dlwe-staff-login-page .dlwe-login-card{background:#181310!important;color:#ded1c7!important;}
html[data-dlwe-theme="dark"] body.dlwe-staff-login-page .dlwe-auth-heading h2{color:#f8f0e8!important;}
html[data-dlwe-theme="dark"] body.dlwe-staff-login-page .dlwe-auth-heading .dlwe-muted{color:#b7aaa0!important;}
html[data-dlwe-theme="dark"] body.dlwe-staff-login-page .dlwe-field label{color:#d7cbc2!important;}
html[data-dlwe-theme="dark"] body.dlwe-staff-login-page .dlwe-field input[type="text"],
html[data-dlwe-theme="dark"] body.dlwe-staff-login-page .dlwe-field input[type="password"]{background:#211a16!important;color:#f8f0e8!important;border-color:rgba(232,222,209,.20)!important;}
html[data-dlwe-theme="dark"] body.dlwe-staff-login-page .dlwe-field input:focus{background:#261d19!important;}
html[data-dlwe-theme="dark"] body.dlwe-staff-login-page .dlwe-auth-preferences{border-color:rgba(232,222,209,.13)!important;background:rgba(24,19,16,.90)!important;box-shadow:0 12px 30px rgba(0,0,0,.28)!important;}
html[data-dlwe-theme="dark"] .dlwe-login-pref-label{color:#96877d!important;}
html[data-dlwe-theme="dark"] .dlwe-login-pref-options{border-color:rgba(232,222,209,.13)!important;background:rgba(10,8,7,.48)!important;}
html[data-dlwe-theme="dark"] .dlwe-login-pref-options button{color:#a99c92!important;}
html[data-dlwe-theme="dark"] .dlwe-login-pref-options button:hover{color:#f4e9e1!important;background:rgba(217,152,163,.07)!important;}
html[data-dlwe-theme="dark"] .dlwe-login-pref-options button.is-active{background:linear-gradient(145deg,#4b3830,#251b17)!important;}

@media(max-width:900px){
  body.dlwe-staff-login-page .dlwe-auth-shell{padding:0!important;}
  body.dlwe-staff-login-page .dlwe-auth-layout{width:100%!important;min-height:100dvh!important;grid-template-columns:1fr!important;border:0!important;border-radius:0!important;box-shadow:none!important;}
  body.dlwe-staff-login-page .dlwe-auth-story-inner{min-height:260px!important;padding:34px 30px!important;}
  body.dlwe-staff-login-page .dlwe-auth-story-copy{margin:50px 0 20px!important;}
  body.dlwe-staff-login-page .dlwe-auth-story h1{font-size:42px!important;}
  body.dlwe-staff-login-page .dlwe-auth-story-copy>p:last-child,
  body.dlwe-staff-login-page .dlwe-auth-story-footer,
  body.dlwe-staff-login-page .dlwe-auth-story::after{display:none!important;}
  body.dlwe-staff-login-page .dlwe-auth-form-panel{padding:72px 28px 54px!important;}
  body.dlwe-staff-login-page .dlwe-auth-form-panel::before{display:none!important;}
  body.dlwe-staff-login-page .dlwe-auth-preferences{position:absolute!important;top:18px!important;right:18px!important;background:rgba(32,24,21,.84)!important;border-color:rgba(255,255,255,.10)!important;}
  body.dlwe-staff-login-page .dlwe-login-pref-label{color:rgba(247,239,231,.58)!important;}
  body.dlwe-staff-login-page .dlwe-login-pref-options{border-color:rgba(255,255,255,.10)!important;background:rgba(0,0,0,.18)!important;}
  body.dlwe-staff-login-page .dlwe-login-pref-options button{color:rgba(247,239,231,.62)!important;}
  body.dlwe-staff-login-page .dlwe-login-pref-options button.is-active{color:#fff!important;background:rgba(200,173,126,.28)!important;}
}
@media(max-width:560px){
  body.dlwe-staff-login-page .dlwe-auth-story-inner{min-height:210px!important;padding:max(22px,env(safe-area-inset-top)) 20px 18px!important;}
  body.dlwe-staff-login-page .dlwe-auth-story-logo-horizontal{width:min(190px,68%)!important;}
  body.dlwe-staff-login-page .dlwe-auth-story-copy{margin:34px 0 0!important;}
  body.dlwe-staff-login-page .dlwe-auth-story h1{font-size:clamp(29px,9.2vw,36px)!important;}
  body.dlwe-staff-login-page .dlwe-auth-form-panel{padding:74px 20px max(34px,calc(env(safe-area-inset-bottom) + 24px))!important;align-items:flex-start!important;}
  body.dlwe-staff-login-page .dlwe-auth-heading h2{font-size:clamp(32px,9.5vw,38px)!important;}
  body.dlwe-staff-login-page .dlwe-auth-preferences{top:max(12px,env(safe-area-inset-top))!important;right:max(12px,env(safe-area-inset-right))!important;gap:5px!important;padding:5px!important;}
  .dlwe-login-pref-label{display:none!important;}
  .dlwe-login-pref-group+.dlwe-login-pref-group{padding-left:5px!important;}
  .dlwe-login-pref-options button{min-height:27px!important;padding:0 6px!important;font-size:7.5px!important;}
}


/* ========================================================================== 
   v8.10.44 — Connect-parity login polish + in-page Ask Dated chat drawer
   ========================================================================== */

/* Match the exact Connect desktop shell geometry and remove theme-wrapper drift. */
body.dlwe-native-app-page.dlwe-staff-login-page .dlwe-auth-shell{
  width:100vw!important;
  max-width:none!important;
  min-height:100dvh!important;
  margin:0!important;
  padding:24px!important;
}
body.dlwe-native-app-page.dlwe-staff-login-page .dlwe-auth-layout{
  width:min(1180px,calc(100vw - 48px))!important;
  min-height:min(760px,calc(100dvh - 48px))!important;
  grid-template-columns:minmax(360px,.84fr) minmax(500px,1.16fr)!important;
  border-radius:30px!important;
}
body.dlwe-native-app-page.dlwe-staff-login-page .dlwe-auth-story-inner{padding:54px 52px 46px!important;}
body.dlwe-native-app-page.dlwe-staff-login-page .dlwe-auth-story-logo-horizontal{
  width:min(270px,82%)!important;
  max-height:98px!important;
}
body.dlwe-native-app-page.dlwe-staff-login-page .dlwe-auth-form-panel{padding:58px 70px!important;}
body.dlwe-native-app-page.dlwe-staff-login-page .dlwe-login-card{width:min(440px,100%)!important;}
body.dlwe-native-app-page.dlwe-staff-login-page .dlwe-login-form{gap:18px!important;}
body.dlwe-native-app-page.dlwe-staff-login-page .dlwe-checkbox-row{margin:-2px 0 2px!important;}

/* Floating launcher is now a button; keep the approved visual treatment. */
.dlwe-portal-shell button.dlwe-ask-dated-fab{font:inherit;cursor:pointer;}

.dlwe-ask-dated-backdrop{
  position:fixed;
  z-index:188;
  inset:0;
  background:rgba(20,15,13,.22);
  -webkit-backdrop-filter:blur(2px);
  backdrop-filter:blur(2px);
  opacity:1;
  transition:opacity .22s ease;
}
.dlwe-ask-dated-drawer{
  position:fixed;
  z-index:189;
  top:16px;
  right:16px;
  bottom:16px;
  width:min(430px,calc(100vw - 32px));
  display:grid;
  grid-template-rows:auto 1fr auto;
  overflow:hidden;
  color:#2c231f;
  background:rgba(255,252,248,.985);
  border:1px solid rgba(126,99,82,.18);
  border-radius:26px;
  box-shadow:0 30px 90px rgba(37,27,23,.26);
  transform:translateX(calc(100% + 34px));
  opacity:0;
  pointer-events:none;
  transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .2s ease,width .24s ease;
}
.dlwe-ask-dated-drawer.is-open{transform:translateX(0);opacity:1;pointer-events:auto;}
.dlwe-ask-dated-drawer.is-expanded{width:min(760px,calc(100vw - 32px));}
.dlwe-ask-dated-drawer-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:17px 18px;
  border-bottom:1px solid rgba(126,99,82,.14);
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.28));
}
.dlwe-ask-dated-drawer-identity{display:flex;align-items:center;gap:11px;min-width:0;}
.dlwe-ask-dated-drawer-mark,
.dlwe-ask-dated-message-avatar{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(145deg,#c8ad7e 0%,#b76e78 58%,#8e5149 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 7px 18px rgba(79,47,42,.16);
}
.dlwe-ask-dated-drawer-mark{width:38px;height:38px;font-size:18px;}
.dlwe-ask-dated-drawer-identity span:last-child{display:grid;gap:3px;min-width:0;}
.dlwe-ask-dated-drawer-identity strong{font:700 14px/1.1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.02em;}
.dlwe-ask-dated-drawer-identity small{color:#9a8d83;font:650 9px/1.1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.08em;text-transform:uppercase;}
.dlwe-ask-dated-drawer-actions{display:flex;gap:4px;}
.dlwe-ask-dated-drawer-actions button{
  width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;border-radius:10px;background:transparent;color:#75675f;font:500 20px/1 Arial,sans-serif;cursor:pointer;
}
.dlwe-ask-dated-drawer-actions button:hover{background:#f3ebe4;color:#2c231f;}
.dlwe-ask-dated-conversation{overflow-y:auto;padding:22px 18px 28px;background:radial-gradient(circle at 80% 6%,rgba(217,152,163,.06),transparent 28%),#fbf7f1;}
.dlwe-ask-dated-message{display:flex;align-items:flex-start;gap:9px;max-width:94%;}
.dlwe-ask-dated-message-avatar{width:28px;height:28px;font-size:13px;margin-top:2px;}
.dlwe-ask-dated-message-bubble{padding:13px 14px 14px;border:1px solid rgba(126,99,82,.13);border-radius:6px 16px 16px 16px;background:#fff;box-shadow:0 9px 22px rgba(50,37,29,.06);}
.dlwe-ask-dated-message-bubble strong{display:block;margin-bottom:5px;color:#6b4d45;font:750 9px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.1em;text-transform:uppercase;}
.dlwe-ask-dated-message-bubble p{margin:0;color:#625750;font:400 14px/1.58 "Book Antiqua",Georgia,serif;}
.dlwe-ask-dated-composer-shell{padding:12px 14px 14px;border-top:1px solid rgba(126,99,82,.14);background:#fffdf9;}
.dlwe-ask-dated-foundation-note{margin:0 2px 8px;color:#a0948b;font:600 8.5px/1.35 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.04em;}
.dlwe-ask-dated-composer{display:flex;align-items:flex-end;gap:8px;padding:8px 8px 8px 13px;border:1px solid rgba(126,99,82,.21);border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(50,37,29,.05);}
.dlwe-ask-dated-composer textarea{width:100%;min-height:38px;max-height:120px;resize:none;padding:9px 0;border:0!important;outline:0!important;background:transparent!important;color:#3a302a!important;font:500 13px/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;box-shadow:none!important;}
.dlwe-ask-dated-composer textarea::placeholder{color:#a39992;}
.dlwe-ask-dated-composer button{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:0;border-radius:12px;background:#241b17;color:#fff;font:700 18px/1 Arial,sans-serif;}
.dlwe-ask-dated-composer button:disabled,.dlwe-ask-dated-composer textarea:disabled{opacity:.55;cursor:not-allowed;}
html.dlwe-ask-dated-open{overflow:hidden;}

html[data-dlwe-theme="dark"] .dlwe-ask-dated-drawer{color:#f7eee7;background:rgba(24,19,16,.99);border-color:rgba(232,222,209,.12);box-shadow:0 30px 100px rgba(0,0,0,.52);}
html[data-dlwe-theme="dark"] .dlwe-ask-dated-drawer-header{background:linear-gradient(180deg,rgba(255,255,255,.025),transparent);border-bottom-color:rgba(232,222,209,.11);}
html[data-dlwe-theme="dark"] .dlwe-ask-dated-drawer-identity small{color:#96877d;}
html[data-dlwe-theme="dark"] .dlwe-ask-dated-drawer-actions button{color:#b4a69c;}
html[data-dlwe-theme="dark"] .dlwe-ask-dated-drawer-actions button:hover{background:#2a211c;color:#fff;}
html[data-dlwe-theme="dark"] .dlwe-ask-dated-conversation{background:radial-gradient(circle at 80% 6%,rgba(217,152,163,.05),transparent 28%),#14100e;}
html[data-dlwe-theme="dark"] .dlwe-ask-dated-message-bubble{background:#211a16;border-color:rgba(232,222,209,.11);box-shadow:none;}
html[data-dlwe-theme="dark"] .dlwe-ask-dated-message-bubble strong{color:#d99aa3;}
html[data-dlwe-theme="dark"] .dlwe-ask-dated-message-bubble p{color:#d5c9bf;}
html[data-dlwe-theme="dark"] .dlwe-ask-dated-composer-shell{background:#181310;border-top-color:rgba(232,222,209,.11);}
html[data-dlwe-theme="dark"] .dlwe-ask-dated-composer{background:#211a16;border-color:rgba(232,222,209,.14);box-shadow:none;}
html[data-dlwe-theme="dark"] .dlwe-ask-dated-composer textarea{color:#f8f0e8!important;}
html[data-dlwe-theme="dark"] .dlwe-ask-dated-foundation-note{color:#81746c;}

@media(max-width:900px){
  body.dlwe-native-app-page.dlwe-staff-login-page .dlwe-auth-shell{padding:0!important;}
  body.dlwe-native-app-page.dlwe-staff-login-page .dlwe-auth-layout{width:100%!important;min-height:100dvh!important;grid-template-columns:1fr!important;border-radius:0!important;}
  body.dlwe-native-app-page.dlwe-staff-login-page .dlwe-auth-story-inner{padding:34px 30px!important;}
  body.dlwe-native-app-page.dlwe-staff-login-page .dlwe-auth-form-panel{padding:72px 28px 54px!important;}
}
@media(max-width:720px){
  .dlwe-ask-dated-backdrop{background:rgba(14,10,9,.34);}
  .dlwe-ask-dated-drawer,
  .dlwe-ask-dated-drawer.is-expanded{
    inset:auto 0 0 0;
    width:100%;
    height:min(88dvh,820px);
    border-radius:24px 24px 0 0;
    transform:translateY(105%);
  }
  .dlwe-ask-dated-drawer.is-open{transform:translateY(0);}
  .dlwe-ask-dated-drawer-actions [data-ask-dated-expand]{display:none;}
  .dlwe-ask-dated-drawer-header{padding:15px 16px;}
  .dlwe-ask-dated-conversation{padding:18px 14px 24px;}
  .dlwe-ask-dated-composer-shell{padding:10px max(12px,env(safe-area-inset-right)) max(12px,calc(env(safe-area-inset-bottom) + 8px)) max(12px,env(safe-area-inset-left));}
}


/* ========================================================================== 
   v8.10.45 — exact Connect-derived login shell alignment
   ========================================================================== */
body.dlwe-native-app-page.dlwe-staff-login-page .dlwe-auth-story-mark{
  width:100%!important;
  min-width:0!important;
}
body.dlwe-native-app-page.dlwe-staff-login-page .dlwe-auth-story-logo-horizontal{
  width:min(255px,78%)!important;
  max-width:255px!important;
  max-height:none!important;
}
body.dlwe-native-app-page.dlwe-staff-login-page .dlwe-login-form{
  display:block!important;
}
body.dlwe-native-app-page.dlwe-staff-login-page .dlwe-field{
  margin:0 0 18px!important;
}
body.dlwe-native-app-page.dlwe-staff-login-page .dlwe-field-label-row{
  margin:0 0 8px!important;
}
body.dlwe-native-app-page.dlwe-staff-login-page .dlwe-primary-button{
  min-height:54px!important;
  height:54px!important;
  justify-content:center!important;
  padding:0 18px!important;
}
.dlwe-connect-parity-auth-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:-3px 0 22px;
}
.dlwe-connect-parity-auth-note{
  margin:0!important;
  color:#9a8d83!important;
  font:500 11px/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.dlwe-connect-parity-auth-link{
  color:#6e5548!important;
  text-decoration:none!important;
  font:700 11px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  white-space:nowrap;
}
.dlwe-connect-parity-auth-link:hover{color:#b76e78!important;}
.dlwe-connect-parity-security-note{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:22px 0 0!important;
  color:#9c9088!important;
  font:600 10px/1.3 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.dlwe-connect-parity-security-note i{
  display:block;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#c8ad7e;
  box-shadow:0 0 0 4px rgba(200,173,126,.09);
}
html[data-dlwe-theme="dark"] .dlwe-connect-parity-auth-note{color:#8f8178!important;}
html[data-dlwe-theme="dark"] .dlwe-connect-parity-auth-link{color:#c8ad7e!important;}
html[data-dlwe-theme="dark"] .dlwe-connect-parity-security-note{color:#82766e!important;}
@media(max-width:520px){
  .dlwe-connect-parity-auth-row{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:18px;}
  .dlwe-connect-parity-auth-link{white-space:normal;}
}


/* ==========================================================================
   v8.10.46 — product-specific luxury login editorial pass
   ========================================================================== */
body.dlwe-staff-login-page .dlwe-checkbox{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:0 0 22px!important;
}
body.dlwe-staff-login-page .dlwe-checkbox input{
  flex:0 0 16px!important;
  width:16px!important;
  height:16px!important;
  margin:0!important;
}
body.dlwe-staff-login-page .dlwe-checkbox span{
  display:block!important;
  margin:0!important;
  line-height:1.45!important;
}


/* ==========================================================================
   v8.10.88 — Ask Dated private Operations Intelligence
   ========================================================================== */
.dlwe-ask-dated-welcome{
  display:grid;
  justify-items:center;
  text-align:center;
  gap:10px;
  padding:34px 18px 26px;
  color:#4f423b;
}
.dlwe-ask-dated-welcome-mark{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:14px;
  color:#fff;
  background:#281f1b;
  box-shadow:0 10px 24px rgba(50,37,29,.12);
}
.dlwe-ask-dated-welcome h2{
  max-width:330px;
  margin:3px 0 0;
  color:#372c27;
  font:500 27px/1.2 "Book Antiqua",Georgia,serif;
  letter-spacing:-.018em;
}
.dlwe-ask-dated-welcome p{
  max-width:340px;
  margin:0;
  color:#887a72;
  font:400 13px/1.6 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.dlwe-ask-dated-welcome small{
  display:flex;
  align-items:flex-start;
  justify-content:center;
  gap:8px;
  max-width:350px;
  color:#a0938b;
  font:600 9px/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.dlwe-ask-dated-welcome small i,
.dlwe-ask-dated-foundation-note i{
  flex:0 0 auto;
  width:5px;
  height:5px;
  margin-top:4px;
  border-radius:50%;
  background:#9eaf75;
}
.dlwe-ask-dated-setup-link{
  color:#76594f;
  text-decoration:none;
  border-bottom:1px solid rgba(183,110,120,.55);
  padding-bottom:2px;
  font:700 11px/1.3 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.dlwe-ask-dated-message.is-user{
  margin-left:auto;
  justify-content:flex-end;
}
.dlwe-ask-dated-message.is-user .dlwe-ask-dated-message-bubble{
  border-radius:16px 16px 5px 16px;
  background:#efe7df;
  border-color:rgba(126,99,82,.1);
  box-shadow:none;
}
.dlwe-ask-dated-message.is-user .dlwe-ask-dated-message-bubble p{
  color:#493d36;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:13px;
}
.dlwe-ask-dated-message.is-thinking .dlwe-ask-dated-message-bubble{
  opacity:.72;
}
.dlwe-ask-dated-answer-list{
  margin:9px 0 0;
  padding-left:18px;
  color:#625750;
  font:400 13px/1.55 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.dlwe-ask-dated-answer-list li+li{margin-top:7px}
.dlwe-ask-dated-answer-note{
  display:block;
  margin-top:10px;
  color:#a0938b;
  font:600 9px/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.dlwe-ask-dated-context-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:10px;
  margin:0 0 8px;
}
.dlwe-ask-dated-context-row label{
  color:#897a72;
  font:750 9px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.dlwe-ask-dated-context-row select{
  min-width:0;
  width:100%;
  height:38px;
  padding:0 34px 0 12px;
  appearance:none;
  border:1px solid rgba(126,99,82,.16);
  border-radius:12px;
  background:
    linear-gradient(45deg,transparent 50%,#8e7f76 50%) calc(100% - 17px) 50%/5px 5px no-repeat,
    linear-gradient(135deg,#8e7f76 50%,transparent 50%) calc(100% - 12px) 50%/5px 5px no-repeat,
    #fff;
  color:#4a3d36;
  font:600 11px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  outline:none;
}
.dlwe-ask-dated-context-row select:focus{
  border-color:rgba(183,110,120,.55);
  box-shadow:0 0 0 3px rgba(183,110,120,.08);
}
.dlwe-ask-dated-suggestions{
  display:flex;
  gap:6px;
  overflow-x:auto;
  padding:1px 1px 8px;
  scrollbar-width:none;
}
.dlwe-ask-dated-suggestions::-webkit-scrollbar{display:none}
.dlwe-ask-dated-suggestions button{
  flex:0 0 auto;
  border:1px solid rgba(126,99,82,.14);
  border-radius:999px;
  background:#fbf7f2;
  color:#6f5e55;
  padding:7px 10px;
  font:700 9px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  cursor:pointer;
}
.dlwe-ask-dated-suggestions button:hover{background:#f1e8df;color:#3f332d}
.dlwe-ask-dated-suggestions button:disabled{
  opacity:.45;
  cursor:not-allowed;
  background:#fbf7f2;
  color:#a79b94;
}
.dlwe-ask-dated-context-row select:disabled{
  opacity:.58;
  cursor:not-allowed;
}
.dlwe-ask-dated-foundation-note{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.dlwe-ask-dated-foundation-note>span:first-child{
  display:flex;
  align-items:center;
  gap:7px;
  color:#7f746c;
}
.dlwe-ask-dated-composer textarea:not(:disabled){opacity:1;cursor:text}
.dlwe-ask-dated-composer button:not(:disabled){cursor:pointer}
html[data-dlwe-theme="dark"] .dlwe-ask-dated-welcome{color:#eadfd7}
html[data-dlwe-theme="dark"] .dlwe-ask-dated-welcome h2{color:#f6ece5}
html[data-dlwe-theme="dark"] .dlwe-ask-dated-welcome p{color:#a99b92}
html[data-dlwe-theme="dark"] .dlwe-ask-dated-welcome small{color:#81746c}
html[data-dlwe-theme="dark"] .dlwe-ask-dated-message.is-user .dlwe-ask-dated-message-bubble{background:#302620;border-color:rgba(232,222,209,.08)}
html[data-dlwe-theme="dark"] .dlwe-ask-dated-message.is-user .dlwe-ask-dated-message-bubble p{color:#eee2da}
html[data-dlwe-theme="dark"] .dlwe-ask-dated-answer-list{color:#d5c9bf}
html[data-dlwe-theme="dark"] .dlwe-ask-dated-context-row label{color:#9e8f86}
html[data-dlwe-theme="dark"] .dlwe-ask-dated-context-row select{
  color:#eee2da;
  border-color:rgba(232,222,209,.13);
  background:
    linear-gradient(45deg,transparent 50%,#a3948b 50%) calc(100% - 17px) 50%/5px 5px no-repeat,
    linear-gradient(135deg,#a3948b 50%,transparent 50%) calc(100% - 12px) 50%/5px 5px no-repeat,
    #211a16;
}
html[data-dlwe-theme="dark"] .dlwe-ask-dated-suggestions button{background:#211a16;border-color:rgba(232,222,209,.1);color:#cfc1b8}
html[data-dlwe-theme="dark"] .dlwe-ask-dated-suggestions button:hover{background:#2b211c;color:#fff}
@media(max-width:520px){
  .dlwe-ask-dated-welcome{padding:24px 8px 20px}
  .dlwe-ask-dated-welcome h2{font-size:24px}
  .dlwe-ask-dated-context-row{grid-template-columns:1fr;gap:6px}
  .dlwe-ask-dated-foundation-note{align-items:flex-start;flex-direction:column}
}

/* ========================================================================== 
   v8.10.89 — Ask Dated unified protected routing pilot
   ========================================================================== */
.dlwe-ask-dated-public-answer{
  white-space:pre-line;
}
.dlwe-ask-dated-message.is-route-public .dlwe-ask-dated-message-bubble{
  border-color:rgba(149,131,111,.18);
}
.dlwe-ask-dated-message.is-route-private .dlwe-ask-dated-message-bubble{
  border-color:rgba(183,110,120,.18);
}
.dlwe-ask-dated-message.is-route-blocked .dlwe-ask-dated-message-bubble{
  border-color:rgba(166,89,80,.2);
  background:#fff9f7;
}
.dlwe-ask-dated-sources{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
  margin-top:11px;
  padding-top:10px;
  border-top:1px solid rgba(126,99,82,.1);
}
.dlwe-ask-dated-sources>span{
  margin-right:2px;
  color:#9b8d84;
  font:750 8px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.dlwe-ask-dated-sources a{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  padding:5px 8px;
  border:1px solid rgba(126,99,82,.13);
  border-radius:999px;
  background:#fbf7f2;
  color:#705f56;
  text-decoration:none;
  font:650 9px/1.25 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dlwe-ask-dated-sources a:hover,
.dlwe-ask-dated-sources a:focus-visible{
  background:#f1e8df;
  color:#3f332d;
  outline:none;
}
html[data-dlwe-theme="dark"] .dlwe-ask-dated-message.is-route-blocked .dlwe-ask-dated-message-bubble{
  background:#241917;
  border-color:rgba(216,145,133,.18);
}
html[data-dlwe-theme="dark"] .dlwe-ask-dated-sources{
  border-top-color:rgba(232,222,209,.1);
}
html[data-dlwe-theme="dark"] .dlwe-ask-dated-sources a{
  background:#211a16;
  border-color:rgba(232,222,209,.1);
  color:#cfc1b8;
}
html[data-dlwe-theme="dark"] .dlwe-ask-dated-sources a:hover,
html[data-dlwe-theme="dark"] .dlwe-ask-dated-sources a:focus-visible{
  background:#2b211c;
  color:#fff;
}

/* v8.14.2 — official Dated Intelligence marks inside Ask Dated. */
.dlwe-ask-dated-fab-icon img,.dlwe-ask-dated-drawer-mark img,.dlwe-ask-dated-welcome-mark img,.dlwe-connect-ask-dated-id i img,.dlwe-connect-ask-dated-message>i img,.dlwe-connect-ask-dated-rail-icon img,.dlwe-ask-dated-official-icon{width:100%!important;height:100%!important;display:block!important;object-fit:contain!important;border-radius:inherit!important}
.dlwe-connect-ask-dated-rail-icon{width:22px;height:22px;display:grid;place-items:center;overflow:hidden;border-radius:7px}

/* ========================================================================== 
   v8.15.0 — Studio People & Identity Completion
   Luxury staff directory, record view, guided editor and nav alignment.
   ========================================================================== */
.dlwe-portal-shell .dlwe-nav-group-toggle > span:first-child{
  flex:1 1 auto;
  min-width:0;
  text-align:left!important;
  line-height:1.34!important;
  white-space:normal;
}

.dlwe-portal-shell .dlwe-people-summary{
  margin-bottom:22px;
}

.dlwe-portal-shell .dlwe-people-directory-controls{
  display:grid;
  gap:14px;
  margin:0 0 22px;
  padding:18px;
  border:1px solid rgba(181,139,73,.20);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,253,249,.95),rgba(249,244,236,.78));
  box-shadow:0 14px 34px rgba(37,29,21,.035);
}

.dlwe-portal-shell .dlwe-people-status-tabs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  padding:5px;
  border:1px solid rgba(117,96,69,.14);
  border-radius:14px;
  background:rgba(239,233,224,.58);
}

.dlwe-portal-shell .dlwe-people-status-tabs button{
  appearance:none;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:44px;
  padding:9px 14px;
  border:1px solid transparent;
  border-radius:10px;
  background:transparent;
  color:#756a60;
  font:750 10px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.11em;
  text-transform:uppercase;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}

.dlwe-portal-shell .dlwe-people-status-tabs button strong{
  display:grid;
  place-items:center;
  min-width:25px;
  height:25px;
  padding:0 7px;
  border-radius:999px;
  background:rgba(92,77,60,.08);
  color:inherit;
  font-size:10px;
  letter-spacing:0;
}

.dlwe-portal-shell .dlwe-people-status-tabs button.is-active{
  border-color:rgba(183,143,79,.26);
  background:#fffdfa;
  color:#3b3025;
  box-shadow:0 7px 20px rgba(53,40,26,.07);
}

.dlwe-portal-shell .dlwe-people-status-tabs button.is-active strong{
  background:rgba(181,139,73,.14);
  color:#806027;
}

.dlwe-portal-shell .dlwe-user-toolbar{
  display:grid!important;
  grid-template-columns:minmax(260px,1.7fr) minmax(190px,.7fr) minmax(205px,.8fr)!important;
  gap:10px!important;
  margin:0!important;
}

.dlwe-portal-shell .dlwe-user-toolbar input,
.dlwe-portal-shell .dlwe-user-toolbar select{
  min-height:44px;
  border:1px solid rgba(119,100,76,.18)!important;
  border-radius:11px!important;
  background:#fffdfa!important;
  box-shadow:none!important;
}

.dlwe-portal-shell .dlwe-people-list-card{
  overflow:hidden;
  border-radius:20px!important;
}

.dlwe-portal-shell .dlwe-people-list-card > .dlwe-section-title-row{
  align-items:flex-start;
  margin:0;
  padding:24px 26px 20px;
  border-bottom:1px solid rgba(119,100,76,.10);
}

.dlwe-portal-shell .dlwe-people-list-card > .dlwe-section-title-row h2{
  margin:4px 0 6px;
  font-size:clamp(27px,2.5vw,37px);
  font-weight:400;
}

.dlwe-portal-shell .dlwe-people-list-card > .dlwe-section-title-row .dlwe-muted{
  max-width:720px;
  line-height:1.55;
}

.dlwe-portal-shell .dlwe-user-table{
  min-width:1120px;
}

.dlwe-portal-shell .dlwe-user-table th{
  padding-top:16px!important;
  padding-bottom:16px!important;
}

.dlwe-portal-shell .dlwe-user-table td{
  padding-top:18px!important;
  padding-bottom:18px!important;
  vertical-align:middle!important;
}

.dlwe-portal-shell .dlwe-user-avatar{
  overflow:hidden;
  flex:0 0 44px;
  width:44px;
  height:44px;
}

.dlwe-portal-shell .dlwe-user-avatar.has-photo{
  border-color:rgba(181,139,73,.30);
  background:#f7f0e5;
}

.dlwe-portal-shell .dlwe-user-avatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.dlwe-portal-shell .dlwe-user-avatar.is-large{
  flex-basis:84px;
  width:84px;
  height:84px;
  font-size:25px;
  border-width:1px;
}

.dlwe-portal-shell .dlwe-user-table-meta{
  display:block;
  margin-top:5px;
  color:#9b8d7e;
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.dlwe-portal-shell .dlwe-user-view-button{
  min-width:112px;
  justify-content:center;
  white-space:nowrap;
}

/* Complete staff record */
.dlwe-portal-shell .dlwe-user-detail-view{
  display:grid;
  gap:18px;
}

.dlwe-portal-shell .dlwe-user-detail-view > .dlwe-back-link,
.dlwe-portal-shell .dlwe-people-editor > .dlwe-back-link{
  justify-self:start;
  margin-bottom:2px;
}

.dlwe-portal-shell #dlwe-user-detail-content{
  display:grid;
  gap:16px;
}

.dlwe-portal-shell .dlwe-user-detail-hero,
.dlwe-portal-shell .dlwe-user-detail-section{
  border:1px solid rgba(181,139,73,.20);
  border-radius:20px;
  background:linear-gradient(145deg,#fffefa,#fbf7f1);
  box-shadow:0 18px 45px rgba(47,36,24,.045);
}

.dlwe-portal-shell .dlwe-user-detail-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding:28px clamp(24px,3vw,38px);
  overflow:hidden;
  position:relative;
}

.dlwe-portal-shell .dlwe-user-detail-hero::after{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  right:-80px;
  top:-105px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(196,154,91,.13),rgba(196,154,91,0) 68%);
  pointer-events:none;
}

.dlwe-portal-shell .dlwe-user-detail-person{
  display:flex;
  align-items:center;
  gap:20px;
  min-width:0;
  position:relative;
  z-index:1;
}

.dlwe-portal-shell .dlwe-user-detail-person h2{
  margin:3px 0 6px;
  color:#211b16;
  font-family:var(--dlwe-serif,Georgia,serif);
  font-size:clamp(30px,3.6vw,46px);
  font-weight:400;
  line-height:1.05;
}

.dlwe-portal-shell .dlwe-user-detail-person > div > p:not(.dlwe-eyebrow){
  margin:0;
  color:#786d62;
  line-height:1.5;
}

.dlwe-portal-shell .dlwe-user-detail-badges{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:13px;
}

.dlwe-portal-shell .dlwe-user-detail-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:9px;
  max-width:520px;
  position:relative;
  z-index:1;
}

.dlwe-portal-shell .dlwe-user-detail-actions button{
  min-height:43px;
  white-space:nowrap;
}

.dlwe-portal-shell .dlwe-user-protected-note{
  display:grid;
  gap:4px;
  max-width:330px;
  padding:13px 15px;
  border:1px solid rgba(132,113,89,.16);
  border-radius:12px;
  background:rgba(247,242,235,.72);
  color:#75695f;
  font-size:12px;
  line-height:1.5;
}

.dlwe-portal-shell .dlwe-user-protected-note strong{
  color:#3e352d;
  font-size:12px;
}

.dlwe-portal-shell .dlwe-user-detail-section{
  padding:24px clamp(22px,3vw,32px) 28px;
}

.dlwe-portal-shell .dlwe-user-detail-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:20px;
  padding-bottom:16px;
  border-bottom:1px solid rgba(118,99,76,.11);
}

.dlwe-portal-shell .dlwe-user-detail-section-head h3{
  margin:3px 0 0;
  color:#2a231d;
  font-family:var(--dlwe-serif,Georgia,serif);
  font-size:25px;
  font-weight:400;
}

.dlwe-portal-shell .dlwe-user-detail-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  overflow:hidden;
  border:1px solid rgba(116,96,72,.11);
  border-radius:14px;
  background:rgba(116,96,72,.10);
}

.dlwe-portal-shell .dlwe-user-detail-item{
  min-width:0;
  padding:17px 18px;
  background:#fffdfa;
}

.dlwe-portal-shell .dlwe-user-detail-item.is-wide{
  grid-column:1/-1;
}

.dlwe-portal-shell .dlwe-user-detail-item > span{
  display:block;
  margin-bottom:6px;
  color:#998b7d;
  font:750 9px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.dlwe-portal-shell .dlwe-user-detail-item > strong{
  display:block;
  color:#3e352d;
  font-size:13px;
  font-weight:600;
  line-height:1.55;
  overflow-wrap:anywhere;
  white-space:pre-line;
}

.dlwe-portal-shell .dlwe-user-detail-private,
.dlwe-portal-shell .dlwe-private-identity-card{
  border-color:rgba(147,108,52,.26);
  background:linear-gradient(145deg,#fffaf0,#f8f0e4);
}

.dlwe-portal-shell .dlwe-private-badge{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:5px 9px;
  border:1px solid rgba(141,98,40,.21);
  border-radius:999px;
  background:rgba(183,139,73,.10);
  color:#765626;
  font:800 8px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
  white-space:nowrap;
}

.dlwe-portal-shell .dlwe-private-file-link{
  display:inline-flex;
  flex-direction:column;
  gap:3px;
  color:#72542b;
  font-weight:700;
  text-decoration:none;
}

.dlwe-portal-shell .dlwe-private-file-link span{
  color:#978879;
  font-size:11px;
  font-weight:500;
}

.dlwe-portal-shell .dlwe-user-wedding-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.dlwe-portal-shell .dlwe-user-wedding-chips > span:not(.dlwe-muted){
  padding:7px 10px;
  border:1px solid rgba(121,99,72,.14);
  border-radius:999px;
  background:#fffdfa;
  color:#65584d;
  font-size:11px;
  font-weight:650;
}

/* Guided editor */
.dlwe-portal-shell .dlwe-people-editor{
  display:grid;
  gap:18px;
}

.dlwe-portal-shell .dlwe-people-editor-heading{
  margin:0!important;
  padding:24px 26px!important;
  border:1px solid rgba(181,139,73,.20)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#fffefa,#f9f4ec)!important;
}

.dlwe-portal-shell .dlwe-people-stepper{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  overflow:hidden;
  border:1px solid rgba(123,101,74,.15);
  border-radius:14px;
  background:#f2ede5;
}

.dlwe-portal-shell .dlwe-people-stepper button{
  appearance:none;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:54px;
  padding:10px 14px;
  border:0;
  border-right:1px solid rgba(123,101,74,.11);
  background:transparent;
  color:#928579;
  cursor:pointer;
  font:700 10px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.06em;
}

.dlwe-portal-shell .dlwe-people-stepper button:last-child{
  border-right:0;
}

.dlwe-portal-shell .dlwe-people-stepper button span{
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border:1px solid rgba(118,95,67,.18);
  border-radius:50%;
  font-size:9px;
  letter-spacing:0;
}

.dlwe-portal-shell .dlwe-people-stepper button strong{
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.10em;
}

.dlwe-portal-shell .dlwe-people-stepper button.is-active{
  background:#fffdfa;
  color:#42362a;
  box-shadow:inset 0 -2px 0 #b58b49;
}

.dlwe-portal-shell .dlwe-people-stepper button.is-active span,
.dlwe-portal-shell .dlwe-people-stepper button.is-complete span{
  border-color:rgba(181,139,73,.50);
  background:rgba(181,139,73,.12);
  color:#775725;
}

.dlwe-portal-shell .dlwe-people-form > .dlwe-form-section{
  margin:0!important;
  padding:clamp(24px,3vw,36px)!important;
  border-radius:20px!important;
}

.dlwe-portal-shell .dlwe-staff-photo-editor{
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:20px;
  align-items:center;
  margin:0 0 26px;
  padding:18px;
  border:1px solid rgba(122,100,73,.14);
  border-radius:15px;
  background:rgba(250,246,240,.72);
}

.dlwe-portal-shell .dlwe-staff-photo-preview{
  display:grid;
  place-items:center;
  width:94px;
  height:94px;
  overflow:hidden;
  border:1px solid rgba(181,139,73,.34);
  border-radius:50%;
  background:linear-gradient(145deg,#faf2e5,#f1e5d0);
  color:#7a5b2a;
  font-family:var(--dlwe-serif,Georgia,serif);
  font-size:18px;
}

.dlwe-portal-shell .dlwe-staff-photo-preview img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.dlwe-portal-shell .dlwe-file-picker{
  display:grid;
  gap:4px;
  margin-bottom:8px;
}

.dlwe-portal-shell .dlwe-file-picker strong{
  color:#3e342b;
  font-family:var(--dlwe-serif,Georgia,serif);
  font-size:20px;
  font-weight:500;
}

.dlwe-portal-shell .dlwe-file-picker span{
  color:#948678;
  font-size:11px;
}

.dlwe-portal-shell .dlwe-private-identity-card{
  margin-top:24px;
  padding:22px;
  border:1px solid rgba(147,108,52,.24);
  border-radius:16px;
}

.dlwe-portal-shell .dlwe-private-identity-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}

.dlwe-portal-shell .dlwe-private-identity-head h3{
  margin:3px 0 0;
  color:#352b22;
  font-family:var(--dlwe-serif,Georgia,serif);
  font-size:24px;
  font-weight:400;
}

.dlwe-portal-shell .dlwe-private-file-current{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 12px;
  margin-top:10px;
  padding:10px 12px;
  border:1px solid rgba(126,100,67,.13);
  border-radius:10px;
  background:rgba(255,255,255,.55);
  color:#8a7c6e;
  font-size:11px;
}

.dlwe-portal-shell .dlwe-private-file-current a{
  color:#765626;
  font-weight:700;
}

.dlwe-portal-shell .dlwe-money-input{
  font-variant-numeric:tabular-nums;
  letter-spacing:.01em;
}

.dlwe-portal-shell .dlwe-people-form-footer{
  position:sticky;
  z-index:5;
  bottom:14px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:14px;
  margin-top:18px;
  padding:13px 14px;
  border:1px solid rgba(120,97,69,.18);
  border-radius:14px;
  background:rgba(255,253,249,.94);
  box-shadow:0 18px 50px rgba(44,33,23,.12);
  backdrop-filter:blur(16px);
}

.dlwe-portal-shell .dlwe-people-form-progress{
  justify-self:center;
  color:#958778;
  font:750 9px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.dlwe-portal-shell .dlwe-people-form-nav{
  display:flex;
  justify-content:flex-end;
  gap:9px;
}

.dlwe-portal-shell .dlwe-people-form-footer button{
  min-height:44px;
}

/* Dark appearance */
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-people-directory-controls,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-user-detail-hero,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-user-detail-section,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-people-editor-heading,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-people-form-footer{
  background:linear-gradient(145deg,#1e1b17,#181612)!important;
  border-color:rgba(222,196,154,.14)!important;
}

html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-people-status-tabs,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-people-stepper{
  background:#14120f;
  border-color:rgba(222,196,154,.12);
}

html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-people-status-tabs button.is-active,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-people-stepper button.is-active,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-user-detail-item,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-user-toolbar input,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-user-toolbar select{
  background:#211e19!important;
  color:#ede4d8!important;
  border-color:rgba(222,196,154,.13)!important;
}

html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-user-detail-person h2,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-user-detail-section-head h3,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-user-detail-item > strong,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-private-identity-head h3{
  color:#f1e8dc!important;
}

html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-user-detail-private,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-private-identity-card{
  background:linear-gradient(145deg,#241f18,#1d1914)!important;
  border-color:rgba(208,166,100,.20)!important;
}

html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-staff-photo-editor,
html[data-dlwe-theme="dark"] body.dlwe-staff-portal-page .dlwe-portal-shell .dlwe-private-file-current{
  background:#1b1814;
  border-color:rgba(222,196,154,.11);
}

@media(max-width:1050px){
  .dlwe-portal-shell .dlwe-user-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dlwe-portal-shell .dlwe-user-toolbar{grid-template-columns:1fr 1fr!important}
  .dlwe-portal-shell .dlwe-user-toolbar > :first-child{grid-column:1/-1}
}

@media(max-width:760px){
  .dlwe-portal-shell .dlwe-people-status-tabs{grid-template-columns:1fr}
  .dlwe-portal-shell .dlwe-people-status-tabs button{justify-content:space-between;padding-inline:15px}
  .dlwe-portal-shell .dlwe-user-detail-hero{align-items:flex-start;flex-direction:column}
  .dlwe-portal-shell .dlwe-user-detail-actions{justify-content:flex-start;max-width:none;width:100%}
  .dlwe-portal-shell .dlwe-user-detail-actions button{flex:1 1 180px}
  .dlwe-portal-shell .dlwe-user-detail-grid{grid-template-columns:1fr}
  .dlwe-portal-shell .dlwe-user-detail-item.is-wide{grid-column:auto}
  .dlwe-portal-shell .dlwe-people-stepper{grid-template-columns:1fr}
  .dlwe-portal-shell .dlwe-people-stepper button{justify-content:flex-start;border-right:0;border-bottom:1px solid rgba(123,101,74,.11)}
  .dlwe-portal-shell .dlwe-people-stepper button:last-child{border-bottom:0}
  .dlwe-portal-shell .dlwe-staff-photo-editor{grid-template-columns:1fr;justify-items:start}
  .dlwe-portal-shell .dlwe-people-form-footer{position:static;grid-template-columns:1fr}
  .dlwe-portal-shell .dlwe-people-form-progress{justify-self:start;order:-1}
  .dlwe-portal-shell .dlwe-people-form-nav{display:grid;grid-template-columns:1fr;width:100%}
  .dlwe-portal-shell .dlwe-people-form-footer > button,
  .dlwe-portal-shell .dlwe-people-form-nav button{width:100%}
}

@media(max-width:560px){
  .dlwe-portal-shell .dlwe-user-toolbar{grid-template-columns:1fr!important}
  .dlwe-portal-shell .dlwe-user-toolbar > :first-child{grid-column:auto}
  .dlwe-portal-shell .dlwe-user-detail-person{align-items:flex-start;flex-direction:column}
  .dlwe-portal-shell .dlwe-user-avatar.is-large{width:76px;height:76px;flex-basis:76px}
}


/* v8.15.2 — People editor final-action visibility.
 * The create/save action is intentionally unavailable until the final
 * Wedding Access step. This explicit state also protects against any
 * legacy button display rule overriding the HTML hidden attribute. */
.dlwe-portal-shell #dlwe-user-save {
  display:none !important;
}

.dlwe-portal-shell #dlwe-user-save.is-final-step:not([hidden]) {
  display:inline-flex !important;
}

/* ===== dated-studio-feature-freeze-v8130.css ===== */
/* Dated Studio v8.13.0 — final integration polish.
 * Scoped to the authenticated Studio product only. The existing v6.8+ brand
 * system, dark/light mode, responsive tables/forms and module layouts remain
 * authoritative; this file styles only the final cross-workflow additions.
 */
body.dlwe-native-app-staff .dlwe-task-run-sheet-button {
  border-color: color-mix(in srgb, var(--dlwe-rosegold, #B76E78) 46%, var(--dlwe-border, #E3D6D4));
  background: color-mix(in srgb, var(--dlwe-rosegold, #B76E78) 7%, var(--dlwe-white, #FFFDFC));
}

body.dlwe-native-app-staff .dlwe-task-run-sheet-button:hover,
body.dlwe-native-app-staff .dlwe-task-run-sheet-button:focus-visible {
  border-color: var(--dlwe-rosegold, #B76E78);
  box-shadow: 0 8px 22px rgba(91, 54, 60, .08);
}

body.dlwe-native-app-staff .dlwe-task-run-sheet-button.is-linked,
body.dlwe-native-app-staff .dlwe-task-run-sheet-button:disabled.is-linked {
  color: var(--dlwe-success, #456E59) !important;
  border-color: color-mix(in srgb, var(--dlwe-success, #456E59) 38%, var(--dlwe-border, #E3D6D4));
  background: color-mix(in srgb, var(--dlwe-success, #456E59) 8%, var(--dlwe-white, #FFFDFC));
  opacity: 1;
}

html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dlwe-task-run-sheet-button {
  background: rgba(217, 152, 163, .08);
  border-color: rgba(217, 152, 163, .28);
}

html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dlwe-task-run-sheet-button.is-linked,
html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dlwe-task-run-sheet-button:disabled.is-linked {
  color: #a9d8bb !important;
  background: rgba(69, 110, 89, .16);
  border-color: rgba(169, 216, 187, .28);
}

/* ===== dated-studio-luxury-v8160.css ===== */
/* Dated Studio v8.16.0 — Luxury UI/UX completion layer.
 * Authenticated Studio only. Loaded last after the historical portal layers.
 * Core, Connect, Journey and the universal signed-out login shell are untouched.
 */

body.dlwe-native-app-staff .dlwe-portal-shell {
  --ds-ink: #1a1715;
  --ds-copy: #514944;
  --ds-muted: #7b7069;
  --ds-canvas: #f8f5ef;
  --ds-surface: #fffdf9;
  --ds-surface-strong: #ffffff;
  --ds-line: #e2d8cf;
  --ds-line-soft: #eee7e0;
  --ds-champagne: #b58b49;
  --ds-champagne-deep: #7c5b2c;
  --ds-rose: #b76e78;
  --ds-rose-soft: #f6e7e8;
  --ds-success: #436b57;
  --ds-warning: #95692f;
  --ds-danger: #9b4b49;
  --ds-radius-xl: 22px;
  --ds-radius-lg: 17px;
  --ds-radius-md: 12px;
  --ds-radius-sm: 9px;
  --ds-shadow-card: 0 10px 32px rgba(42, 33, 27, .055);
  --ds-shadow-float: 0 22px 60px rgba(37, 29, 24, .13);
  --ds-ease: cubic-bezier(.2,.75,.25,1);
  grid-template-columns: 262px minmax(0, 1fr) !important;
  max-width: none !important;
  min-height: 100dvh !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: var(--ds-canvas) !important;
}

/* ---------- Shared Studio canvas ---------- */
body.dlwe-native-app-staff .dlwe-portal-shell .dlwe-main {
  min-width: 0 !important;
  padding: clamp(28px, 2.8vw, 48px) clamp(26px, 3.25vw, 58px) 64px !important;
  color: var(--ds-copy) !important;
  background:
    radial-gradient(circle at 97% -4%, rgba(181,139,73,.09), transparent 28rem),
    linear-gradient(180deg, #fbf9f5 0%, var(--ds-canvas) 46%, #f6f2ec 100%) !important;
}

body.dlwe-native-app-staff .dlwe-portal-shell .dlwe-panel {
  width: min(100%, 1540px) !important;
  margin-inline: auto !important;
  min-width: 0 !important;
}

body.dlwe-native-app-staff .dlwe-portal-shell .dlwe-panel.is-active {
  animation: ds-panel-enter 220ms var(--ds-ease) both !important;
}

@keyframes ds-panel-enter {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

body.dlwe-native-app-staff .dlwe-portal-shell * {
  scrollbar-width: thin;
  scrollbar-color: rgba(125,102,78,.34) transparent;
}

/* ---------- Navigation: quiet, tailored, legible ---------- */
body.dlwe-native-app-staff .dlwe-portal-shell .dlwe-sidebar {
  position: sticky !important;
  top: 0 !important;
  height: 100dvh !important;
  overflow: auto !important;
  padding: 28px 18px 22px !important;
  background:
    radial-gradient(circle at 22% 0%, rgba(183,110,120,.055), transparent 25%),
    linear-gradient(180deg, #191516 0%, #100d0e 100%) !important;
  border-right: 1px solid rgba(255,255,255,.055) !important;
}

body.dlwe-native-app-staff .dlwe-sidebar-identity {
  padding: 4px 8px 14px !important;
}

body.dlwe-native-app-staff .dlwe-official-logo-sidebar {
  width: min(100%, 210px) !important;
  height: auto !important;
  max-height: 76px !important;
  object-fit: contain !important;
  object-position: left center !important;
}

body.dlwe-native-app-staff .dlwe-sidebar-subtitle {
  margin-top: 10px !important;
  color: #d5bfa2 !important;
  font-size: 10px !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
}

body.dlwe-native-app-staff .dlwe-nav {
  gap: 3px !important;
  margin-top: 20px !important;
}

body.dlwe-native-app-staff .dlwe-nav-section-label,
body.dlwe-native-app-staff .dlwe-nav-group-toggle {
  margin: 20px 11px 7px !important;
  color: rgba(239,229,219,.52) !important;
  font-size: 9.5px !important;
  font-weight: 700 !important;
  letter-spacing: .18em !important;
  line-height: 1.3 !important;
}

body.dlwe-native-app-staff .dlwe-nav-item {
  min-height: 40px !important;
  padding: 9px 12px 9px 15px !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  color: rgba(248,240,234,.78) !important;
  font-size: 11.5px !important;
  font-weight: 520 !important;
  letter-spacing: .012em !important;
  line-height: 1.35 !important;
  transition: background 160ms var(--ds-ease), border-color 160ms var(--ds-ease), color 160ms var(--ds-ease), transform 160ms var(--ds-ease) !important;
}

body.dlwe-native-app-staff .dlwe-nav-item:hover,
body.dlwe-native-app-staff .dlwe-nav-item:focus-visible {
  color: #fffaf7 !important;
  background: rgba(255,255,255,.048) !important;
  border-color: rgba(255,255,255,.06) !important;
  transform: translateX(2px) !important;
}

body.dlwe-native-app-staff .dlwe-nav-item.is-active {
  color: #fffaf7 !important;
  background: linear-gradient(90deg, rgba(183,110,120,.18), rgba(183,110,120,.055)) !important;
  border-color: rgba(183,110,120,.18) !important;
  box-shadow: inset 2px 0 0 #d698a1 !important;
}

body.dlwe-native-app-staff .dlwe-logout-link {
  margin: 22px 9px 2px !important;
  color: #d6bea3 !important;
  font-size: 10px !important;
  letter-spacing: .16em !important;
}

/* ---------- Studio Controls: compact luxury, not a dashboard inside the sidebar ---------- */
body.dlwe-native-app-staff .dlwe-sidebar-global-controls {
  margin: 14px 0 14px !important;
  padding: 13px !important;
  border: 1px solid rgba(213,190,163,.16) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, rgba(43,34,32,.78), rgba(23,19,18,.88)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 12px 28px rgba(0,0,0,.12) !important;
}

body.dlwe-native-app-staff .dlwe-sidebar-control-label {
  margin: 0 0 10px !important;
  color: #dfc9a9 !important;
  font-size: 10px !important;
  font-weight: 750 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

body.dlwe-native-app-staff .dlwe-global-preferences {
  gap: 8px !important;
  margin-bottom: 9px !important;
}

body.dlwe-native-app-staff .dlwe-sidebar-global-controls :is(.dlwe-luxury-theme-toggle,.dlwe-luxury-language-toggle,.dlwe-language-trigger) {
  min-height: 38px !important;
  border-radius: 11px !important;
  background: rgba(10,8,8,.34) !important;
  border-color: rgba(223,201,169,.15) !important;
  box-shadow: none !important;
}

body.dlwe-native-app-staff .dlwe-sidebar-global-utilities {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
}

body.dlwe-native-app-staff .dlwe-sidebar-global-utilities :is(.dlwe-home-profile-trigger,.dlwe-home-header-time,.dlwe-home-header-workday,.dlwe-home-refresh-button) {
  width: 100% !important;
  max-width: none !important;
  border-radius: 12px !important;
  color: #eee6df !important;
  background: rgba(8,7,7,.28) !important;
  border: 1px solid rgba(223,201,169,.14) !important;
  box-shadow: none !important;
}

body.dlwe-native-app-staff .dlwe-sidebar-global-utilities .dlwe-home-profile-trigger {
  min-height: 54px !important;
  padding: 8px 9px !important;
  grid-template-columns: 36px minmax(0,1fr) 12px !important;
}
body.dlwe-native-app-staff .dlwe-sidebar-global-utilities .dlwe-home-profile-avatar {
  width: 36px !important; height: 36px !important; min-width: 36px !important;
}
body.dlwe-native-app-staff .dlwe-sidebar-global-utilities .dlwe-home-profile-copy strong {
  color: #fff9f5 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}
body.dlwe-native-app-staff .dlwe-sidebar-global-utilities .dlwe-home-profile-copy small {
  margin-top: 3px !important;
  color: rgba(238,230,223,.62) !important;
  font-size: 10.5px !important;
}

body.dlwe-native-app-staff .dlwe-sidebar-global-utilities .dlwe-home-header-time {
  min-height: 48px !important;
  padding: 8px 10px !important;
  grid-template-columns: auto 1fr !important;
}
body.dlwe-native-app-staff .dlwe-sidebar-global-utilities .dlwe-home-header-time > strong {
  color: #fff8f3 !important;
  font-size: 17px !important;
  font-variant-numeric: tabular-nums !important;
}
body.dlwe-native-app-staff .dlwe-sidebar-global-utilities .dlwe-home-header-time > span,
body.dlwe-native-app-staff .dlwe-sidebar-global-utilities .dlwe-home-header-time > small {
  color: rgba(238,230,223,.6) !important;
}

body.dlwe-native-app-staff .dlwe-sidebar-global-utilities .dlwe-home-header-workday {
  min-height: 78px !important;
  padding: 9px !important;
}
body.dlwe-native-app-staff .dlwe-sidebar-global-utilities .dlwe-home-workday-copy strong {
  color: #fff9f5 !important;
  font-size: 11.5px !important;
}
body.dlwe-native-app-staff .dlwe-sidebar-global-utilities .dlwe-home-clock-action {
  min-height: 36px !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg,#a85f6b,#8f4f59) !important;
  border-color: #b9707a !important;
  color: #fff !important;
  font-size: 10.5px !important;
}
body.dlwe-native-app-staff .dlwe-sidebar-global-utilities .dlwe-home-refresh-button {
  min-height: 34px !important;
  height: 34px !important;
  font-size: 10px !important;
}

/* ---------- Page headers: consistent editorial hierarchy ---------- */
body.dlwe-native-app-staff .dlwe-portal-header,
body.dlwe-native-app-staff .dlwe-home-executive-header {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: end !important;
  gap: 24px !important;
  min-height: 0 !important;
  margin: 0 0 28px !important;
  padding: 0 0 22px !important;
  border-bottom: 1px solid rgba(137,108,76,.18) !important;
}

body.dlwe-native-app-staff .dlwe-panel[data-dlwe-panel="dashboard"] > .dlwe-home-executive-header {
  margin-top: 0 !important;
}

body.dlwe-native-app-staff .dlwe-portal-header > div:first-child,
body.dlwe-native-app-staff .dlwe-home-heading-block {
  min-width: 0 !important;
  max-width: 880px !important;
  overflow: visible !important;
}

body.dlwe-native-app-staff .dlwe-eyebrow {
  margin: 0 0 8px !important;
  color: var(--ds-champagne-deep) !important;
  font-size: 9.5px !important;
  font-weight: 750 !important;
  letter-spacing: .19em !important;
  line-height: 1.3 !important;
  text-transform: uppercase !important;
}

body.dlwe-native-app-staff .dlwe-portal-header h1,
body.dlwe-native-app-staff .dlwe-home-executive-header h1 {
  width: auto !important;
  max-width: 100% !important;
  margin: 0 0 8px !important;
  color: var(--ds-ink) !important;
  font-family: var(--dlwe-font-display, Georgia, serif) !important;
  font-size: clamp(32px, 3vw, 46px) !important;
  font-weight: 400 !important;
  line-height: 1.02 !important;
  letter-spacing: -.02em !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body.dlwe-native-app-staff .dlwe-home-executive-header h1 {
  font-size: clamp(34px, 3.15vw, 48px) !important;
}

body.dlwe-native-app-staff .dlwe-portal-header .dlwe-muted,
body.dlwe-native-app-staff .dlwe-home-executive-header .dlwe-muted {
  max-width: 760px !important;
  margin: 0 !important;
  color: var(--ds-muted) !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

body.dlwe-native-app-staff .dlwe-header-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 8px !important;
  max-width: 640px !important;
}

/* ---------- Typography: eliminate visual shouting ---------- */
body.dlwe-native-app-staff .dlwe-main :is(h2,h3,h4) {
  color: var(--ds-ink) !important;
  text-wrap: balance;
}
body.dlwe-native-app-staff .dlwe-main h2 { line-height: 1.08 !important; }
body.dlwe-native-app-staff .dlwe-main h3 { line-height: 1.15 !important; }
body.dlwe-native-app-staff .dlwe-muted,
body.dlwe-native-app-staff .dlwe-field-note,
body.dlwe-native-app-staff .description {
  color: var(--ds-muted) !important;
}

/* ---------- Cards / sections ---------- */
body.dlwe-native-app-staff .dlwe-main :is(
  .dlwe-card,.dlwe-home-card,.dlwe-table-card,.dlwe-form-section,.dlwe-report-card,.dlwe-report-filter-card,
  .dlwe-task-dashboard-card,.dlwe-workspace-card,.dlwe-user-editor,.dlwe-client-editor,.dlwe-task-editor,
  .dlwe-approval-editor,.dlwe-resubmission-editor,.dlwe-hr-manager-form,.dlwe-checklist-settings,
  .dlwe-checklist-preview-section,.dlwe-checklist-template-editor,.dlwe-checklist-progress-section,
  .dlwe-people-directory-controls,.dlwe-user-detail-section,.dlwe-people-editor-heading,.dlwe-private-identity-card
) {
  min-width: 0 !important;
  border: 1px solid var(--ds-line) !important;
  border-radius: var(--ds-radius-lg) !important;
  background: rgba(255,253,249,.97) !important;
  box-shadow: var(--ds-shadow-card) !important;
}

body.dlwe-native-app-staff .dlwe-main :is(
  .dlwe-form-section,.dlwe-table-card,.dlwe-report-card,.dlwe-task-dashboard-card,.dlwe-workspace-card,
  .dlwe-user-editor,.dlwe-client-editor,.dlwe-task-editor,.dlwe-approval-editor,.dlwe-resubmission-editor,
  .dlwe-hr-manager-form,.dlwe-checklist-preview-section,.dlwe-checklist-template-editor,.dlwe-checklist-progress-section
) {
  padding: clamp(21px,2vw,30px) !important;
}

body.dlwe-native-app-staff .dlwe-main :is(
  .dlwe-form-section-heading,.dlwe-home-card-heading,.dlwe-report-card-heading,.dlwe-task-dashboard-card-heading,
  .dlwe-workspace-card-heading,.dlwe-section-title-row,.dlwe-user-editor-heading,.dlwe-client-editor-heading,
  .dlwe-approval-heading,.dlwe-task-update-heading,.dlwe-task-collaboration-heading
) {
  gap: 16px !important;
  margin-bottom: 18px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid var(--ds-line-soft) !important;
}

/* Dashboard cards */
body.dlwe-native-app-staff .dlwe-home-hero {
  margin-bottom: 22px !important;
  padding: clamp(24px,2.7vw,38px) !important;
  border-radius: var(--ds-radius-xl) !important;
  background:
    radial-gradient(circle at 92% 16%, rgba(216,155,164,.14), transparent 25%),
    linear-gradient(130deg, rgba(183,110,120,.10), transparent 40%),
    #1b1617 !important;
  border: 1px solid rgba(183,110,120,.28) !important;
  box-shadow: 0 18px 48px rgba(43,29,32,.12) !important;
}
body.dlwe-native-app-staff .dlwe-home-hero h2 { font-size: clamp(26px,2.4vw,36px) !important; }
body.dlwe-native-app-staff .dlwe-home-summary-grid { gap: 12px !important; }
body.dlwe-native-app-staff .dlwe-home-metric {
  min-height: 112px !important;
  padding: 19px !important;
  border: 1px solid var(--ds-line) !important;
  border-top: 2px solid rgba(181,139,73,.58) !important;
  border-radius: 15px !important;
  background: var(--ds-surface) !important;
  box-shadow: var(--ds-shadow-card) !important;
}
body.dlwe-native-app-staff .dlwe-home-grid { gap: 14px !important; }
body.dlwe-native-app-staff .dlwe-home-card { padding: 22px !important; }

/* ---------- Buttons: one coherent system ---------- */
body.dlwe-native-app-staff .dlwe-main :is(
  .dlwe-primary-button,.dlwe-secondary-button,.dlwe-mini-button,.dlwe-submit-button,.dlwe-danger-button,
  .dlwe-compact-button,.dlwe-pagination-button,.dlwe-icon-button,.dlwe-calendar-icon-button
) {
  min-height: 42px !important;
  padding: 9px 15px !important;
  border-radius: 10px !important;
  font-family: var(--dlwe-font-ui, Georgia, serif) !important;
  font-size: 10.5px !important;
  font-weight: 750 !important;
  letter-spacing: .095em !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  transition: transform 150ms var(--ds-ease), border-color 150ms var(--ds-ease), background 150ms var(--ds-ease), color 150ms var(--ds-ease), box-shadow 150ms var(--ds-ease) !important;
}
body.dlwe-native-app-staff .dlwe-main :is(.dlwe-primary-button,.dlwe-submit-button) {
  color: #fff !important;
  background: #1b1715 !important;
  border: 1px solid #1b1715 !important;
}
body.dlwe-native-app-staff .dlwe-main :is(.dlwe-primary-button,.dlwe-submit-button):hover:not(:disabled),
body.dlwe-native-app-staff .dlwe-main :is(.dlwe-primary-button,.dlwe-submit-button):focus-visible:not(:disabled) {
  color: #1f1812 !important;
  background: #d2b37b !important;
  border-color: #d2b37b !important;
  box-shadow: 0 8px 20px rgba(91,65,33,.12) !important;
  transform: translateY(-1px) !important;
}
body.dlwe-native-app-staff .dlwe-main :is(.dlwe-secondary-button,.dlwe-mini-button,.dlwe-pagination-button,.dlwe-icon-button,.dlwe-calendar-icon-button) {
  color: var(--ds-ink) !important;
  background: rgba(255,255,255,.82) !important;
  border: 1px solid #d9cec3 !important;
}
body.dlwe-native-app-staff .dlwe-main :is(.dlwe-secondary-button,.dlwe-mini-button,.dlwe-pagination-button,.dlwe-icon-button,.dlwe-calendar-icon-button):hover:not(:disabled),
body.dlwe-native-app-staff .dlwe-main :is(.dlwe-secondary-button,.dlwe-mini-button,.dlwe-pagination-button,.dlwe-icon-button,.dlwe-calendar-icon-button):focus-visible:not(:disabled) {
  background: #fff !important;
  border-color: #b99560 !important;
  box-shadow: 0 7px 18px rgba(49,39,29,.06) !important;
  transform: translateY(-1px) !important;
}
body.dlwe-native-app-staff .dlwe-main .dlwe-danger-button {
  color: #873d3c !important;
  background: #fff8f7 !important;
  border-color: #dfb6b3 !important;
}
body.dlwe-native-app-staff .dlwe-main .dlwe-compact-button { min-height: 38px !important; padding: 7px 13px !important; }
body.dlwe-native-app-staff .dlwe-main button:focus-visible,
body.dlwe-native-app-staff .dlwe-main a:focus-visible,
body.dlwe-native-app-staff .dlwe-sidebar button:focus-visible,
body.dlwe-native-app-staff .dlwe-sidebar a:focus-visible {
  outline: 2px solid rgba(181,139,73,.72) !important;
  outline-offset: 2px !important;
}

/* ---------- Forms: calm spacing + strong field hierarchy ---------- */
body.dlwe-native-app-staff .dlwe-main .dlwe-form-grid {
  gap: 18px 20px !important;
}
body.dlwe-native-app-staff .dlwe-main .dlwe-field,
body.dlwe-native-app-staff .dlwe-main .dlwe-form-grid > label {
  gap: 7px !important;
}
body.dlwe-native-app-staff .dlwe-main :is(.dlwe-field label,.dlwe-form-grid label,.dlwe-home-clock-fields label > span) {
  color: #65574c !important;
  font-size: 10px !important;
  font-weight: 750 !important;
  letter-spacing: .115em !important;
  line-height: 1.3 !important;
}
body.dlwe-native-app-staff .dlwe-main :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea) {
  min-height: 46px !important;
  padding: 10px 13px !important;
  border: 1px solid #d9cfc6 !important;
  border-radius: 10px !important;
  color: #2b2420 !important;
  background: rgba(255,255,255,.91) !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
  box-shadow: inset 0 1px 0 rgba(36,29,24,.018) !important;
  transition: border-color 150ms ease, box-shadow 150ms ease, background 150ms ease !important;
}
body.dlwe-native-app-staff .dlwe-main textarea { min-height: 112px !important; resize: vertical !important; }
body.dlwe-native-app-staff .dlwe-main :is(input,select,textarea):focus {
  outline: none !important;
  border-color: #b79462 !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(181,139,73,.10) !important;
}
body.dlwe-native-app-staff .dlwe-main :is(input,select,textarea):disabled,
body.dlwe-native-app-staff .dlwe-main input[readonly] {
  color: #8d8177 !important;
  background: #f2eee8 !important;
  border-color: #e4ddd6 !important;
  opacity: 1 !important;
}
body.dlwe-native-app-staff .dlwe-main input[type="file"] {
  padding: 9px !important;
  border-radius: 10px !important;
  background: #fbf8f3 !important;
}
body.dlwe-native-app-staff .dlwe-main :is(input[type="checkbox"],input[type="radio"]) {
  accent-color: #a6646e !important;
}

/* ---------- Tabs / filters / toolbars ---------- */
body.dlwe-native-app-staff .dlwe-main :is(
  .dlwe-tabs,.dlwe-tab-list,.dlwe-filter-tabs,.dlwe-people-status-tabs,.dlwe-task-create-mode-switch,
  .dlwe-calendar-view-switch,.dlwe-report-tabs
) {
  border-color: var(--ds-line) !important;
  background: #f2eee8 !important;
  border-radius: 12px !important;
}
body.dlwe-native-app-staff .dlwe-main :is(
  .dlwe-tabs button,.dlwe-tab-list button,.dlwe-filter-tabs button,.dlwe-people-status-tabs button,
  .dlwe-task-create-mode-switch button,.dlwe-calendar-view-switch button,.dlwe-report-tabs button
) {
  min-height: 40px !important;
  border-radius: 9px !important;
  color: #776c63 !important;
  font-size: 10.5px !important;
  font-weight: 750 !important;
  letter-spacing: .075em !important;
}
body.dlwe-native-app-staff .dlwe-main :is(
  .dlwe-tabs button.is-active,.dlwe-tab-list button.is-active,.dlwe-filter-tabs button.is-active,
  .dlwe-people-status-tabs button.is-active,.dlwe-task-create-mode-switch button.is-active,
  .dlwe-calendar-view-switch button.is-active,.dlwe-report-tabs button.is-active
) {
  color: #2d241e !important;
  background: #fffdf9 !important;
  box-shadow: 0 4px 12px rgba(44,34,27,.055) !important;
}
body.dlwe-native-app-staff .dlwe-main :is(.dlwe-user-toolbar,.dlwe-filter-row,.dlwe-table-toolbar,.dlwe-report-filter-card) {
  gap: 10px !important;
}

/* ---------- Tables: data-dense without looking administrative ---------- */
body.dlwe-native-app-staff .dlwe-main :is(.dlwe-table-scroll,.dlwe-table-wrap) {
  overflow: auto !important;
  border: 1px solid var(--ds-line) !important;
  border-radius: 13px !important;
  background: var(--ds-surface) !important;
}
body.dlwe-native-app-staff .dlwe-main table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  color: #514944 !important;
  background: transparent !important;
}
body.dlwe-native-app-staff .dlwe-main table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 11px 13px !important;
  color: #6c5d50 !important;
  background: #f4f0ea !important;
  border-bottom: 1px solid #ded5cc !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  letter-spacing: .105em !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
  white-space: nowrap;
}
body.dlwe-native-app-staff .dlwe-main table tbody td {
  padding: 13px !important;
  color: #514944 !important;
  background: rgba(255,253,249,.96) !important;
  border-bottom: 1px solid #eee7e0 !important;
  font-size: 11.5px !important;
  line-height: 1.45 !important;
  vertical-align: middle !important;
}
body.dlwe-native-app-staff .dlwe-main table tbody tr:last-child td { border-bottom: 0 !important; }
body.dlwe-native-app-staff .dlwe-main table tbody tr:hover td { background: #fff !important; }
body.dlwe-native-app-staff .dlwe-main table :is(.dlwe-primary-button,.dlwe-secondary-button,.dlwe-mini-button) {
  min-height: 34px !important;
  padding: 6px 10px !important;
  font-size: 9.5px !important;
}

/* ---------- People & Identity: make the new workflow feel native to Studio ---------- */
body.dlwe-native-app-staff .dlwe-people-directory-controls {
  margin-bottom: 16px !important;
  padding: 16px !important;
}
body.dlwe-native-app-staff .dlwe-people-status-tabs {
  margin: 0 0 14px !important;
  padding: 4px !important;
}
body.dlwe-native-app-staff .dlwe-user-detail-hero {
  padding: clamp(22px,2.3vw,32px) !important;
  border-radius: var(--ds-radius-xl) !important;
  background: linear-gradient(145deg,#fffefa,#faf5ed) !important;
}
body.dlwe-native-app-staff .dlwe-user-detail-person h2 {
  font-size: clamp(25px,2.2vw,34px) !important;
}
body.dlwe-native-app-staff .dlwe-people-editor-heading {
  padding: 22px 24px !important;
  background: linear-gradient(145deg,#fffefa,#faf6ef) !important;
}
body.dlwe-native-app-staff .dlwe-people-stepper {
  padding: 4px !important;
  gap: 4px !important;
  border: 1px solid var(--ds-line) !important;
  border-radius: 14px !important;
  background: #f2eee8 !important;
}
body.dlwe-native-app-staff .dlwe-people-stepper button {
  min-height: 48px !important;
  border: 0 !important;
  border-radius: 10px !important;
}
body.dlwe-native-app-staff .dlwe-people-stepper button.is-active {
  background: #fffdf9 !important;
  box-shadow: 0 4px 12px rgba(44,34,27,.055), inset 0 -2px 0 #b58b49 !important;
}
body.dlwe-native-app-staff .dlwe-people-form > .dlwe-form-section {
  padding: clamp(23px,2.6vw,34px) !important;
}
body.dlwe-native-app-staff .dlwe-people-form-footer {
  bottom: 16px !important;
  padding: 11px 12px !important;
  border: 1px solid rgba(130,105,78,.20) !important;
  border-radius: 14px !important;
  background: rgba(255,253,249,.94) !important;
  box-shadow: 0 16px 44px rgba(44,33,23,.11) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  backdrop-filter: blur(16px) !important;
}

/* ---------- Alerts / loading / empty states ---------- */
body.dlwe-native-app-staff .dlwe-main .dlwe-alert {
  padding: 12px 14px !important;
  border-radius: 11px !important;
  font-size: 11.5px !important;
  line-height: 1.5 !important;
}
body.dlwe-native-app-staff .dlwe-main .dlwe-alert-error {
  color: #7d3f3d !important;
  background: #fff5f4 !important;
  border-color: #e5c2bf !important;
}
body.dlwe-native-app-staff .dlwe-main .dlwe-alert-success {
  color: #385e4b !important;
  background: #f1f8f4 !important;
  border-color: #c5dccf !important;
}
body.dlwe-native-app-staff .dlwe-form-loading {
  min-height: 180px !important;
  gap: 12px !important;
  color: var(--ds-muted) !important;
  font-size: 11px !important;
  letter-spacing: .045em !important;
}
body.dlwe-native-app-staff .dlwe-spinner {
  width: 24px !important;
  height: 24px !important;
  border-width: 2px !important;
  border-top-color: var(--ds-rose) !important;
}

/* ---------- Modals ---------- */
body.dlwe-native-app-staff :is(.dlwe-calendar-modal-backdrop,.dlwe-document-modal-backdrop,.dlwe-mobile-choice-backdrop) {
  background: rgba(35,29,25,.34) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  backdrop-filter: blur(8px) !important;
}
body.dlwe-native-app-staff :is(.dlwe-calendar-modal-card,.dlwe-document-modal-card,.dlwe-quick-actions-dialog,.dlwe-user-delete-dialog,.dlwe-mobile-choice-dialog) {
  border: 1px solid rgba(125,102,80,.19) !important;
  border-radius: 20px !important;
  background: #fffdf9 !important;
  box-shadow: var(--ds-shadow-float) !important;
}
body.dlwe-native-app-staff .dlwe-calendar-modal-close {
  width: 36px !important; height: 36px !important;
  border-radius: 50% !important;
}

/* ---------- Calendar / planning / finance density normalization ---------- */
body.dlwe-native-app-staff .dlwe-calendar-shell,
body.dlwe-native-app-staff .dlwe-task-dashboard,
body.dlwe-native-app-staff .dlwe-financial-overview,
body.dlwe-native-app-staff .dlwe-checklist-builder-grid,
body.dlwe-native-app-staff .dlwe-timeline-top-grid {
  gap: 16px !important;
}
body.dlwe-native-app-staff .dlwe-main :is(.dlwe-stat-card,.dlwe-summary-card,.dlwe-kpi-card,.dlwe-report-stat) {
  border: 1px solid var(--ds-line) !important;
  border-radius: 15px !important;
  background: var(--ds-surface) !important;
  box-shadow: var(--ds-shadow-card) !important;
}

/* ---------- Dark mode: same hierarchy, not an inverted afterthought ---------- */
html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dlwe-portal-shell {
  --ds-ink: #f2e8df;
  --ds-copy: #d2c5bc;
  --ds-muted: #a9998f;
  --ds-canvas: #12100f;
  --ds-surface: #1a1715;
  --ds-surface-strong: #201c19;
  --ds-line: #443732;
  --ds-line-soft: #302824;
  --ds-champagne-deep: #d3b584;
  background: #12100f !important;
}
html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dlwe-main {
  color: var(--ds-copy) !important;
  background:
    radial-gradient(circle at 97% -4%, rgba(183,110,120,.09), transparent 28rem),
    linear-gradient(180deg,#151211 0%,#100e0d 100%) !important;
}
html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dlwe-main :is(
  .dlwe-card,.dlwe-home-card,.dlwe-table-card,.dlwe-form-section,.dlwe-report-card,.dlwe-report-filter-card,
  .dlwe-task-dashboard-card,.dlwe-workspace-card,.dlwe-user-editor,.dlwe-client-editor,.dlwe-task-editor,
  .dlwe-approval-editor,.dlwe-resubmission-editor,.dlwe-hr-manager-form,.dlwe-checklist-settings,
  .dlwe-checklist-preview-section,.dlwe-checklist-template-editor,.dlwe-checklist-progress-section,
  .dlwe-people-directory-controls,.dlwe-user-detail-section,.dlwe-people-editor-heading,.dlwe-private-identity-card,
  .dlwe-user-detail-hero
) {
  color: var(--ds-copy) !important;
  background: #1a1715 !important;
  border-color: var(--ds-line) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.16) !important;
}
html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dlwe-main :is(h1,h2,h3,h4) { color: var(--ds-ink) !important; }
html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dlwe-main :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea) {
  color: #eee4dc !important;
  background: #201c19 !important;
  border-color: #4b3e38 !important;
}
html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dlwe-main :is(input,select,textarea):focus {
  background: #25201d !important;
  border-color: #9d7660 !important;
  box-shadow: 0 0 0 3px rgba(183,110,120,.10) !important;
}
html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dlwe-main :is(.dlwe-table-scroll,.dlwe-table-wrap) {
  background: #181513 !important;
  border-color: #443732 !important;
}
html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dlwe-main table thead th {
  color: #c6b7ad !important;
  background: #201b18 !important;
  border-color: #443732 !important;
}
html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dlwe-main table tbody td {
  color: #d2c5bc !important;
  background: #181513 !important;
  border-color: #302824 !important;
}
html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dlwe-main table tbody tr:hover td { background: #211c19 !important; }
html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dlwe-main :is(.dlwe-secondary-button,.dlwe-mini-button,.dlwe-pagination-button,.dlwe-icon-button,.dlwe-calendar-icon-button) {
  color: #eee5dd !important;
  background: #27211e !important;
  border-color: #4d3e37 !important;
}
html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dlwe-main :is(.dlwe-primary-button,.dlwe-submit-button) {
  color: #fff !important;
  background: linear-gradient(135deg,#ad6470,#92515b) !important;
  border-color: #bd7580 !important;
}
html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dlwe-people-stepper,
html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dlwe-main :is(.dlwe-tabs,.dlwe-tab-list,.dlwe-filter-tabs,.dlwe-people-status-tabs,.dlwe-task-create-mode-switch,.dlwe-calendar-view-switch,.dlwe-report-tabs) {
  background: #12100f !important;
  border-color: #443732 !important;
}
html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dlwe-people-stepper button.is-active,
html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dlwe-main :is(.dlwe-tabs button.is-active,.dlwe-tab-list button.is-active,.dlwe-filter-tabs button.is-active,.dlwe-people-status-tabs button.is-active,.dlwe-task-create-mode-switch button.is-active,.dlwe-calendar-view-switch button.is-active,.dlwe-report-tabs button.is-active) {
  color: #f2e8df !important;
  background: #211c19 !important;
}
html[data-dlwe-theme="dark"] body.dlwe-native-app-staff :is(.dlwe-calendar-modal-card,.dlwe-document-modal-card,.dlwe-quick-actions-dialog,.dlwe-user-delete-dialog,.dlwe-mobile-choice-dialog) {
  color: #d2c5bc !important;
  background: #1a1715 !important;
  border-color: #493a34 !important;
}

/* ---------- Responsive ---------- */
@media (max-width: 1180px) {
  body.dlwe-native-app-staff .dlwe-portal-shell {
    grid-template-columns: 236px minmax(0,1fr) !important;
  }
  body.dlwe-native-app-staff .dlwe-portal-shell .dlwe-main {
    padding-inline: 28px !important;
  }
  body.dlwe-native-app-staff .dlwe-portal-header,
  body.dlwe-native-app-staff .dlwe-home-executive-header {
    grid-template-columns: 1fr !important;
    align-items: start !important;
    gap: 14px !important;
  }
  body.dlwe-native-app-staff .dlwe-header-actions { justify-content: flex-start !important; max-width: none !important; }
}

@media (max-width: 1024px) {
  body.dlwe-native-app-staff .dlwe-portal-shell {
    display: block !important;
    min-height: 100dvh !important;
  }
  body.dlwe-native-app-staff .dlwe-portal-shell .dlwe-sidebar {
    position: relative !important;
    top: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 16px 18px !important;
  }
  body.dlwe-native-app-staff .dlwe-sidebar-global-controls { margin-block: 10px !important; }
  body.dlwe-native-app-staff .dlwe-sidebar-global-utilities { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  body.dlwe-native-app-staff .dlwe-sidebar-global-utilities .dlwe-home-profile-trigger,
  body.dlwe-native-app-staff .dlwe-sidebar-global-utilities .dlwe-home-header-workday { grid-column: 1 / -1 !important; }
  body.dlwe-native-app-staff .dlwe-portal-shell .dlwe-main { padding: 26px 22px 48px !important; }
}

@media (max-width: 760px) {
  body.dlwe-native-app-staff .dlwe-portal-shell .dlwe-main { padding: 22px 16px 42px !important; }
  body.dlwe-native-app-staff .dlwe-portal-header,
  body.dlwe-native-app-staff .dlwe-home-executive-header { margin-bottom: 22px !important; padding-bottom: 18px !important; }
  body.dlwe-native-app-staff .dlwe-portal-header h1,
  body.dlwe-native-app-staff .dlwe-home-executive-header h1 { font-size: clamp(30px,9.5vw,40px) !important; }
  body.dlwe-native-app-staff .dlwe-header-actions { display: grid !important; grid-template-columns: 1fr 1fr !important; width: 100% !important; }
  body.dlwe-native-app-staff .dlwe-header-actions > * { width: 100% !important; }
  body.dlwe-native-app-staff .dlwe-main :is(.dlwe-form-section,.dlwe-table-card,.dlwe-report-card,.dlwe-task-dashboard-card,.dlwe-workspace-card,.dlwe-user-editor,.dlwe-client-editor,.dlwe-task-editor) { padding: 18px !important; }
  body.dlwe-native-app-staff .dlwe-people-stepper { grid-template-columns: 1fr !important; }
  body.dlwe-native-app-staff .dlwe-people-stepper button { justify-content: flex-start !important; }
  body.dlwe-native-app-staff .dlwe-people-form-footer { position: static !important; grid-template-columns: 1fr !important; }
  body.dlwe-native-app-staff .dlwe-people-form-nav { display: grid !important; grid-template-columns: 1fr !important; }
}

@media (max-width: 520px) {
  body.dlwe-native-app-staff .dlwe-sidebar-global-utilities { grid-template-columns: 1fr !important; }
  body.dlwe-native-app-staff .dlwe-sidebar-global-utilities > * { grid-column: auto !important; }
  body.dlwe-native-app-staff .dlwe-header-actions { grid-template-columns: 1fr !important; }
  body.dlwe-native-app-staff .dlwe-home-summary-grid,
  body.dlwe-native-app-staff .dlwe-home-grid { grid-template-columns: 1fr !important; }
}

@media (prefers-reduced-motion: reduce) {
  body.dlwe-native-app-staff .dlwe-portal-shell *,
  body.dlwe-native-app-staff .dlwe-portal-shell *::before,
  body.dlwe-native-app-staff .dlwe-portal-shell *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}

/* ===== dated-studio-qortrade-v8231.css ===== */
/* Dated Studio v8.22.6 — centered floating navigation + scroll-aware shell */
.dlwe-portal-shell.dlwe-studio-qortrade{
  --dsq-bg:#f4f3f0;
  --dsq-surface:#fbfaf8;
  --dsq-surface-2:#f0eeea;
  --dsq-ink:#161619;
  --dsq-copy:#4f4c49;
  --dsq-muted:#8b8680;
  --dsq-line:#dfdcd6;
  --dsq-line-strong:#d2cec7;
  --dsq-bronze:#9c7656;
  --dsq-bronze-soft:#eee5dd;
  --dsq-rose:#a96674;
  --dsq-green:#5d7d6b;
  --dsq-shadow:0 18px 44px rgba(31,27,22,.055);
  --dsq-radius:16px;
  display:block!important;
  position:relative!important;left:0!important;right:auto!important;margin-left:0!important;margin-right:0!important;
  width:100%!important;
  max-width:none!important;
  min-height:100dvh!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:var(--dsq-bg)!important;
  color:var(--dsq-copy)!important;
  overflow:visible!important;
}
html[data-dlwe-theme="dark"] .dlwe-portal-shell.dlwe-studio-qortrade{
  --dsq-bg:#151516;--dsq-surface:#1b1b1d;--dsq-surface-2:#202023;--dsq-ink:#f2eee8;--dsq-copy:#c9c5bf;--dsq-muted:#8d8984;--dsq-line:#303034;--dsq-line-strong:#3b3b40;--dsq-bronze:#c09b7e;--dsq-bronze-soft:#2c2420;--dsq-rose:#c58592;--dsq-green:#78a089;--dsq-shadow:0 20px 52px rgba(0,0,0,.24);
}
body.dlwe-native-app-page{background:var(--dsq-bg,#f4f3f0)!important;}
.dlwe-studio-qortrade .dlwe-sidebar{display:none!important;}
.dlwe-studio-qortrade .dlwe-main{
  width:auto!important;min-width:0!important;min-height:100dvh!important;
  margin:0 0 0 76px!important;padding:118px clamp(24px,3vw,52px) 52px!important;
  background:var(--dsq-bg)!important;transition:margin-left .24s ease!important;
}
.dlwe-studio-qortrade.dsq-rail-hidden .dlwe-main{margin-left:0!important;}
.dlwe-studio-qortrade .dlwe-panel{max-width:1540px;margin:0 auto;}

/* Primary top navigation */
.dsq-topbar{position:fixed;z-index:9993;left:76px;right:0;top:0;height:88px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:0 28px;background:color-mix(in srgb,var(--dsq-surface) 94%, transparent);border-bottom:1px solid var(--dsq-line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:left .24s ease;}
.dlwe-studio-qortrade.dsq-rail-hidden .dsq-topbar{left:0;}
.dsq-topnav{display:flex;align-items:stretch;gap:0;overflow-x:auto;scrollbar-width:none;height:100%;}
.dsq-topnav::-webkit-scrollbar{display:none;}
.dsq-topnav-item{position:relative;flex:0 0 auto;display:flex!important;align-items:center!important;gap:8px!important;height:100%!important;padding:0 clamp(10px,1.15vw,20px)!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--dsq-muted)!important;box-shadow:none!important;white-space:nowrap!important;}
.dsq-topnav-item span{font:600 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;color:var(--dsq-bronze);opacity:.82;}
.dsq-topnav-item strong{font:600 12px/1.1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.01em;color:inherit;}
.dsq-topnav-item::after{content:"";position:absolute;left:20px;right:20px;bottom:-1px;height:2px;background:var(--dsq-bronze);transform:scaleX(0);transition:transform .2s ease;}
.dsq-topnav-item:hover,.dsq-topnav-item:focus-visible,.dsq-topnav-item.is-active{color:var(--dsq-ink)!important;}
.dsq-topnav-item.is-active::after{transform:scaleX(1);}

/* Utilities */
.dsq-utilities{display:flex;align-items:center;gap:8px;position:relative;}
.dsq-search-trigger{height:42px!important;min-width:178px!important;display:flex!important;align-items:center!important;gap:9px!important;padding:0 11px!important;background:var(--dsq-surface-2)!important;border:1px solid var(--dsq-line)!important;border-radius:12px!important;color:var(--dsq-muted)!important;box-shadow:none!important;}
.dsq-search-trigger span,.dsq-utility-icon{display:grid;place-items:center;}
.dsq-search-trigger svg,.dsq-utility-icon svg{width:17px;height:17px;}
.dsq-search-trigger em{font-style:normal;font-size:11px;flex:1;text-align:left;white-space:nowrap;}
.dsq-search-trigger kbd{font:600 9px/1 ui-monospace,SFMono-Regular,monospace;color:var(--dsq-muted);background:var(--dsq-surface);border:1px solid var(--dsq-line);border-radius:5px;padding:4px 5px;}
.dsq-utility-icon{width:42px!important;height:42px!important;padding:0!important;border-radius:12px!important;background:var(--dsq-surface)!important;border:1px solid var(--dsq-line)!important;color:var(--dsq-copy)!important;box-shadow:none!important;}
.dsq-utility-icon:hover{border-color:var(--dsq-line-strong)!important;color:var(--dsq-ink)!important;}
.dsq-ai{color:var(--dsq-bronze)!important;}
.dsq-attendance{height:42px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:0 11px!important;border:1px solid var(--dsq-line)!important;border-radius:12px!important;background:var(--dsq-surface)!important;color:var(--dsq-copy)!important;box-shadow:none!important;max-width:154px;}
.dsq-attendance>i{width:7px;height:7px;border-radius:50%;background:#b7b1aa;box-shadow:0 0 0 4px color-mix(in srgb,#b7b1aa 13%,transparent);flex:none;}
.dsq-attendance.is-live>i{background:var(--dsq-green);box-shadow:0 0 0 4px color-mix(in srgb,var(--dsq-green) 13%,transparent);}
.dsq-attendance span{min-width:0;display:flex;flex-direction:column;text-align:left;}
.dsq-attendance small{font-size:7px;line-height:1.2;text-transform:uppercase;letter-spacing:.12em;color:var(--dsq-muted);}
.dsq-attendance strong{max-width:112px;font-size:10px;line-height:1.25;color:var(--dsq-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dsq-user{height:42px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:0 9px 0 5px!important;border:1px solid var(--dsq-line)!important;border-radius:12px!important;background:var(--dsq-surface)!important;color:var(--dsq-copy)!important;box-shadow:none!important;}
.dsq-user-avatar{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;overflow:hidden;background:var(--dsq-bronze-soft);color:var(--dsq-ink);font:600 12px Georgia,serif;}
.dsq-user-avatar img{width:100%;height:100%;object-fit:cover;}
.dsq-user-copy{display:flex;flex-direction:column;text-align:left;max-width:92px;}
.dsq-user-copy strong{font-size:10px;color:var(--dsq-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dsq-user-copy small{font-size:8px;color:var(--dsq-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dsq-more-menu{position:absolute;top:50px;right:0;width:180px;padding:7px;background:var(--dsq-surface);border:1px solid var(--dsq-line);border-radius:13px;box-shadow:var(--dsq-shadow);}
.dsq-more-menu[hidden]{display:none!important;}
.dsq-more-menu button{width:100%!important;min-height:36px!important;padding:8px 10px!important;border:0!important;border-radius:8px!important;background:transparent!important;text-align:left!important;font-size:11px!important;color:var(--dsq-copy)!important;box-shadow:none!important;}
.dsq-more-menu button:hover{background:var(--dsq-surface-2)!important;color:var(--dsq-ink)!important;}

/* Icon rail */
.dsq-rail{position:fixed;z-index:9994;left:0;top:0;bottom:0;width:76px;display:flex;flex-direction:column;align-items:center;padding:15px 10px 14px;background:var(--dsq-surface);border-right:1px solid var(--dsq-line);box-shadow:10px 0 32px rgba(25,22,18,.025);transition:transform .24s ease;}
.dlwe-studio-qortrade.dsq-rail-hidden .dsq-rail{transform:translateX(-100%);}
.dsq-rail-brand{position:relative;width:46px;height:46px;display:grid;place-items:center;margin-bottom:19px;border-radius:14px;color:var(--dsq-ink);text-decoration:none;background:var(--dsq-ink);}
.dsq-brand-d{font:500 23px/1 Georgia,serif;color:var(--dsq-surface);}
.dsq-brand-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--dsq-bronze);right:6px;top:6px;}
.dsq-rail-home,.dsq-rail-items{display:flex;flex-direction:column;gap:7px;align-items:center;width:100%;}
.dsq-rail-divider{width:26px;height:1px;margin:10px 0 13px;background:var(--dsq-line);}
.dsq-rail-spacer{flex:1;}
.dsq-rail-button{position:relative!important;width:46px!important;height:46px!important;min-height:46px!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid transparent!important;border-radius:13px!important;background:transparent!important;color:#817b74!important;box-shadow:none!important;}
.dsq-rail-button svg{width:19px;height:19px;}
.dsq-rail-button:hover,.dsq-rail-button:focus-visible{background:var(--dsq-surface-2)!important;color:var(--dsq-ink)!important;}
.dsq-rail-button.is-active{background:var(--dsq-ink)!important;color:var(--dsq-surface)!important;box-shadow:0 9px 22px rgba(22,22,25,.14)!important;}
.dsq-rail-button.is-active::after{content:"";position:absolute;right:-12px;width:3px;height:18px;border-radius:4px;background:var(--dsq-bronze);}
.dsq-rail-button[data-tooltip]::before,.dsq-utility-icon[data-tooltip]::before{content:attr(data-tooltip);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);padding:7px 9px;border-radius:7px;background:var(--dsq-ink);color:var(--dsq-surface);font-size:9px;letter-spacing:.02em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:9998;}
.dsq-rail-button[data-tooltip]:hover::before,.dsq-utility-icon[data-tooltip]:hover::before{opacity:1;}
.dsq-utilities .dsq-utility-icon[data-tooltip]::before{left:auto;right:0;top:calc(100% + 8px);transform:none;}
.dsq-rail-reveal{position:fixed;z-index:9995;left:0;top:50%;transform:translateY(-50%);width:28px!important;height:58px!important;padding:0!important;border:1px solid var(--dsq-line)!important;border-left:0!important;border-radius:0 12px 12px 0!important;background:var(--dsq-surface)!important;color:var(--dsq-copy)!important;box-shadow:var(--dsq-shadow)!important;}
.dsq-rail-reveal[hidden]{display:none!important;}
.dsq-rail-reveal svg{width:15px;height:15px;}

/* Dashboard — clean CRM analytics, not software chrome */
.dlwe-studio-qortrade .dlwe-portal-header{margin:0 0 24px!important;padding:0!important;border:0!important;align-items:flex-start!important;}
.dlwe-studio-qortrade .dlwe-portal-header .dlwe-eyebrow{font:700 9px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:.14em!important;color:var(--dsq-bronze)!important;}
.dlwe-studio-qortrade .dlwe-portal-header h1{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:clamp(28px,2.6vw,40px)!important;line-height:1.08!important;letter-spacing:-.04em!important;font-weight:600!important;color:var(--dsq-ink)!important;margin:0 0 7px!important;}
.dlwe-studio-qortrade .dlwe-portal-header .dlwe-muted{font-size:12px!important;color:var(--dsq-muted)!important;}
.dlwe-studio-qortrade .dlwe-home-hero{min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:28px!important;padding:24px 26px!important;margin:0 0 18px!important;border:1px solid var(--dsq-line)!important;border-radius:var(--dsq-radius)!important;background:var(--dsq-surface)!important;color:var(--dsq-copy)!important;box-shadow:none!important;overflow:hidden!important;}
.dlwe-studio-qortrade .dlwe-home-hero::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--dsq-bronze),var(--dsq-rose));}
.dlwe-studio-qortrade .dlwe-home-hero h2{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:20px!important;font-weight:600!important;letter-spacing:-.025em!important;color:var(--dsq-ink)!important;margin:9px 0 4px!important;}
.dlwe-studio-qortrade .dlwe-home-hero p{font-size:11px!important;color:var(--dsq-muted)!important;}
.dlwe-studio-qortrade .dlwe-home-role-badge{background:var(--dsq-bronze-soft)!important;color:var(--dsq-bronze)!important;border:0!important;border-radius:7px!important;font-size:8px!important;letter-spacing:.12em!important;}
.dlwe-studio-qortrade .dlwe-home-date-block{padding-left:28px!important;border-left:1px solid var(--dsq-line)!important;color:var(--dsq-copy)!important;}
.dlwe-studio-qortrade .dlwe-home-date-block span{font-size:8px!important;color:var(--dsq-rose)!important;}
.dlwe-studio-qortrade .dlwe-home-date-block strong{font-size:18px!important;color:var(--dsq-ink)!important;}
.dlwe-studio-qortrade .dlwe-home-summary-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0 0 24px!important;}
.dlwe-studio-qortrade .dlwe-home-metric{position:relative!important;min-height:124px!important;padding:20px 18px 17px 76px!important;border:1px solid var(--dsq-line)!important;border-radius:15px!important;background:var(--dsq-surface)!important;box-shadow:none!important;overflow:hidden!important;}
.dlwe-studio-qortrade .dlwe-home-metric>span{font-size:8px!important;font-weight:700!important;letter-spacing:.11em!important;text-transform:uppercase!important;color:var(--dsq-muted)!important;}
.dlwe-studio-qortrade .dlwe-home-metric>strong{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:28px!important;font-weight:550!important;letter-spacing:-.04em!important;color:var(--dsq-ink)!important;margin:7px 0 3px!important;}
.dlwe-studio-qortrade .dlwe-home-metric>small{font-size:9px!important;color:var(--dsq-muted)!important;}
.dsq-metric-ring{position:absolute;left:18px;top:24px;width:42px;height:42px;border-radius:50%;background:conic-gradient(var(--dsq-bronze) var(--dsq-level,35%),var(--dsq-surface-2) 0);}
.dsq-metric-ring::after{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--dsq-surface);}
.dlwe-studio-qortrade .dlwe-home-section{margin-top:0!important;margin-bottom:24px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.dlwe-studio-qortrade .dlwe-home-section-heading{margin-bottom:12px!important;align-items:end!important;}
.dlwe-studio-qortrade .dlwe-home-section-heading h2{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:18px!important;font-weight:600!important;color:var(--dsq-ink)!important;}
.dlwe-studio-qortrade .dlwe-home-quick-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;}
.dlwe-studio-qortrade .dlwe-home-action{min-height:78px!important;padding:14px 14px!important;border:1px solid var(--dsq-line)!important;border-radius:14px!important;background:var(--dsq-surface)!important;box-shadow:none!important;color:var(--dsq-copy)!important;transition:transform .18s ease,border-color .18s ease!important;}
.dlwe-studio-qortrade .dlwe-home-action:hover{transform:translateY(-2px)!important;border-color:var(--dsq-line-strong)!important;}
.dlwe-studio-qortrade .dlwe-home-action-number{font-size:8px!important;color:var(--dsq-bronze)!important;}
.dlwe-studio-qortrade .dlwe-home-action strong{font-size:11px!important;color:var(--dsq-ink)!important;}
.dlwe-studio-qortrade .dlwe-home-action small{font-size:9px!important;color:var(--dsq-muted)!important;}
.dlwe-studio-qortrade .dlwe-home-grid{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)!important;gap:14px!important;align-items:start!important;}
.dlwe-studio-qortrade .dlwe-home-card{padding:20px!important;border:1px solid var(--dsq-line)!important;border-radius:15px!important;background:var(--dsq-surface)!important;box-shadow:none!important;}
.dlwe-studio-qortrade .dlwe-home-card-wide{grid-column:auto!important;}
.dlwe-studio-qortrade .dlwe-home-card-heading{padding-bottom:12px!important;margin-bottom:8px!important;border-bottom:1px solid var(--dsq-line)!important;}
.dlwe-studio-qortrade .dlwe-home-card h3{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:14px!important;font-weight:600!important;color:var(--dsq-ink)!important;}

/* Data-heavy pages: QorTrade-style surfaces */
.dlwe-studio-qortrade .dlwe-card,.dlwe-studio-qortrade .dlwe-form-card,.dlwe-studio-qortrade .dlwe-settings-card,.dlwe-studio-qortrade .dlwe-task-dashboard-card,.dlwe-studio-qortrade .dlwe-workspace-card{
  border:1px solid var(--dsq-line)!important;border-radius:15px!important;background:var(--dsq-surface)!important;box-shadow:none!important;
}
.dlwe-studio-qortrade table{border-collapse:separate!important;border-spacing:0!important;border:1px solid var(--dsq-line)!important;border-radius:14px!important;overflow:hidden!important;background:var(--dsq-surface)!important;}
.dlwe-studio-qortrade th{height:44px!important;padding:0 14px!important;background:var(--dsq-surface-2)!important;color:var(--dsq-muted)!important;font-size:8px!important;letter-spacing:.1em!important;text-transform:uppercase!important;border-bottom:1px solid var(--dsq-line)!important;}
.dlwe-studio-qortrade td{padding:13px 14px!important;color:var(--dsq-copy)!important;font-size:11px!important;border-bottom:1px solid var(--dsq-line)!important;}
.dlwe-studio-qortrade tbody tr:hover td{background:color-mix(in srgb,var(--dsq-bronze-soft) 25%,var(--dsq-surface))!important;}
.dlwe-studio-qortrade input,.dlwe-studio-qortrade select,.dlwe-studio-qortrade textarea{background:var(--dsq-surface)!important;border:1px solid var(--dsq-line)!important;border-radius:10px!important;color:var(--dsq-ink)!important;box-shadow:none!important;}
.dlwe-studio-qortrade input:focus,.dlwe-studio-qortrade select:focus,.dlwe-studio-qortrade textarea:focus{border-color:var(--dsq-bronze)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--dsq-bronze) 12%,transparent)!important;outline:0!important;}
.dlwe-studio-qortrade .dlwe-primary-button{background:var(--dsq-ink)!important;border-color:var(--dsq-ink)!important;color:var(--dsq-surface)!important;border-radius:10px!important;box-shadow:none!important;}
.dlwe-studio-qortrade .dlwe-secondary-button{background:var(--dsq-surface)!important;border-color:var(--dsq-line)!important;color:var(--dsq-copy)!important;border-radius:10px!important;box-shadow:none!important;}

/* Command palette */
.dsq-command{position:fixed;z-index:10020;inset:0;display:grid;place-items:start center;padding-top:10vh;}
.dsq-command[hidden]{display:none!important;}
.dsq-command-backdrop{position:absolute;inset:0;background:rgba(17,17,19,.34);backdrop-filter:blur(7px);}
.dsq-command-card{position:relative;width:min(620px,calc(100vw - 32px));background:var(--dsq-surface);border:1px solid var(--dsq-line);border-radius:18px;box-shadow:0 30px 90px rgba(16,14,12,.22);overflow:hidden;color:var(--dsq-copy);}
.dsq-command-input-row{height:66px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:0 18px;border-bottom:1px solid var(--dsq-line);}
.dsq-command-input-row svg{width:20px;height:20px;color:var(--dsq-muted);}
.dsq-command-input-row input{height:100%!important;border:0!important;background:transparent!important;font-size:14px!important;color:var(--dsq-ink)!important;box-shadow:none!important;outline:0!important;}
.dsq-command-input-row kbd{font:600 9px/1 ui-monospace,monospace;color:var(--dsq-muted);}
.dsq-command-results{padding:8px;max-height:52vh;overflow:auto;}
.dsq-command-result{width:100%!important;min-height:54px!important;display:grid!important;grid-template-columns:36px 1fr auto!important;align-items:center!important;gap:10px!important;padding:7px 10px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--dsq-copy)!important;text-align:left!important;box-shadow:none!important;}
.dsq-command-result.is-selected,.dsq-command-result:hover{background:var(--dsq-surface-2)!important;}
.dsq-command-result-icon{width:34px;height:34px;border:1px solid var(--dsq-line);border-radius:9px;display:grid;place-items:center;color:var(--dsq-bronze);}
.dsq-command-result-icon svg{width:17px;height:17px;}
.dsq-command-result span:nth-child(2){display:flex;flex-direction:column;}
.dsq-command-result strong{font-size:11px;color:var(--dsq-ink);}
.dsq-command-result small{font-size:8px;color:var(--dsq-muted);margin-top:3px;}
.dsq-command-result em{font-style:normal;color:var(--dsq-muted);}
.dsq-command-card footer{display:flex;justify-content:flex-end;gap:18px;padding:10px 16px;border-top:1px solid var(--dsq-line);font-size:8px;color:var(--dsq-muted);}
.dsq-command-empty{padding:22px;color:var(--dsq-muted);font-size:11px;text-align:center;}

/* Hide legacy floating Ask button because it is now in the top command bar. */
.dlwe-studio-qortrade~.dlwe-ask-dated-fab,.dlwe-studio-qortrade .dlwe-ask-dated-fab{display:none!important;}

@media(max-width:1320px){
  .dsq-search-trigger{min-width:42px!important;width:42px!important;padding:0!important;justify-content:center!important;}.dsq-search-trigger em,.dsq-search-trigger kbd{display:none;}
  .dsq-user-copy{display:none;}.dsq-attendance{max-width:108px;}.dsq-attendance span strong{max-width:72px;}
  .dsq-topnav-item{padding-inline:10px!important;}.dsq-topnav-item strong{font-size:11px;}
}
@media(max-width:1024px){
  .dsq-topbar{left:62px;height:76px;padding:0 14px;gap:8px;}.dlwe-studio-qortrade.dsq-rail-hidden .dsq-topbar{left:0;}
  .dsq-rail{width:62px;padding-inline:8px;}.dsq-rail-brand{width:42px;height:42px;}.dsq-rail-button{width:42px!important;height:42px!important;min-height:42px!important;}
  .dlwe-studio-qortrade .dlwe-main{margin-left:62px!important;padding:98px 20px 38px!important;}.dlwe-studio-qortrade.dsq-rail-hidden .dlwe-main{margin-left:0!important;}
  .dsq-topnav-item span{display:none;}.dsq-attendance{display:none!important;}.dsq-ai{display:none!important;}
  .dlwe-studio-qortrade .dlwe-home-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.dlwe-studio-qortrade .dlwe-home-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.dlwe-studio-qortrade .dlwe-home-grid{grid-template-columns:1fr!important;}
}
@media(max-width:680px){
  .dsq-topbar{left:0;height:70px;padding:0 10px;grid-template-columns:minmax(0,1fr) auto;}.dsq-rail{transform:translateX(-100%);box-shadow:18px 0 54px rgba(16,14,12,.18);}.dlwe-studio-qortrade:not(.dsq-rail-hidden) .dsq-rail{transform:translateX(0);}
  .dlwe-studio-qortrade .dlwe-main{margin-left:0!important;padding:88px 14px 30px!important;}.dsq-topnav{gap:0;}.dsq-topnav-item{padding:0 9px!important;}.dsq-topnav-item strong{font-size:10px;}.dsq-utility-icon.dsq-more{display:none!important;}.dsq-user{padding:0 5px!important;}.dsq-user-avatar{width:30px;height:30px;}
  .dlwe-studio-qortrade .dlwe-home-hero{grid-template-columns:1fr!important;padding:20px!important;}.dlwe-studio-qortrade .dlwe-home-date-block{padding:14px 0 0!important;border-left:0!important;border-top:1px solid var(--dsq-line)!important;}
  .dlwe-studio-qortrade .dlwe-home-summary-grid,.dlwe-studio-qortrade .dlwe-home-quick-actions{grid-template-columns:1fr!important;}
}
@media(prefers-reduced-motion:reduce){.dsq-topbar,.dsq-rail,.dlwe-studio-qortrade .dlwe-main,.dlwe-studio-qortrade *{transition:none!important;animation:none!important;}}
@media(max-width:1440px){
  .dsq-topbar{padding-inline:18px;gap:10px;}
  .dsq-topnav-item{padding-inline:9px!important;}.dsq-topnav-item strong{font-size:10.5px;}.dsq-topnav-item span{font-size:8px;}
  .dsq-search-trigger{min-width:42px!important;width:42px!important;padding:0!important;justify-content:center!important;}.dsq-search-trigger em,.dsq-search-trigger kbd{display:none;}
  .dsq-user-copy{display:none;}.dsq-attendance{max-width:110px;}.dsq-attendance span strong{max-width:72px;}
}

/* v8.22.2 — installed-runtime refinement from first accepted QorTrade shell */
.dsq-topbar{height:76px!important;padding-inline:18px!important;gap:12px!important;}
.dlwe-studio-qortrade .dlwe-main{padding-top:98px!important;}
.dsq-topnav-item{padding-inline:10px!important;gap:6px!important;}
.dsq-topnav-item span{font-size:8px!important;}
.dsq-topnav-item strong{font-size:10.5px!important;letter-spacing:0!important;}
.dsq-topnav-item::after{left:10px!important;right:10px!important;}
.dsq-rail-brand{background:transparent!important;border-radius:12px!important;overflow:hidden!important;}
.dsq-rail-brand-image{display:block;width:100%;height:100%;object-fit:contain;}
.dsq-brand-d,.dsq-brand-dot{display:none!important;}

/* On normal desktop widths keep all eight product areas visible; utilities become compact first. */
@media(max-width:1700px) and (min-width:1025px){
  .dsq-search-trigger{min-width:42px!important;width:42px!important;padding:0!important;justify-content:center!important;}
  .dsq-search-trigger em,.dsq-search-trigger kbd{display:none!important;}
  .dsq-user-copy{display:none!important;}
  .dsq-attendance{max-width:126px!important;padding-inline:9px!important;}
  .dsq-attendance span strong{max-width:84px!important;}
  .dsq-topbar{gap:10px!important;}
}

/* Executive greeting: precise rather than oversized. */
.dlwe-studio-qortrade .dlwe-portal-header{margin-bottom:18px!important;}
.dlwe-studio-qortrade .dlwe-portal-header h1{font-size:clamp(26px,2.1vw,34px)!important;letter-spacing:-.035em!important;}
.dlwe-studio-qortrade .dlwe-portal-header .dlwe-muted{font-size:11px!important;}

/* Dashboard composition: analytics/work first, shortcuts secondary. */
.dlwe-studio-qortrade #dlwe-home-content:not([hidden]){
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(300px,340px)!important;
  grid-template-areas:
    "hero hero"
    "metrics metrics"
    "operations shortcuts"!important;
  column-gap:16px!important;
  align-items:start!important;
}
.dlwe-studio-qortrade #dlwe-home-content>.dlwe-home-hero{grid-area:hero!important;}
.dlwe-studio-qortrade #dlwe-home-content>#dlwe-home-summary{grid-area:metrics!important;}
.dlwe-studio-qortrade #dlwe-home-content>.dlwe-home-section{grid-area:shortcuts!important;position:sticky!important;top:94px!important;margin-bottom:0!important;}
.dlwe-studio-qortrade #dlwe-home-content>.dlwe-home-grid{grid-area:operations!important;}
.dlwe-studio-qortrade #dlwe-home-content>.dlwe-security-note{grid-column:1/-1!important;}

/* Daily brief is a quiet strip, not a second hero. */
.dlwe-studio-qortrade .dlwe-home-hero{padding:18px 22px!important;gap:18px!important;margin-bottom:14px!important;border-radius:14px!important;}
.dlwe-studio-qortrade .dlwe-home-hero::before{width:2px!important;background:var(--dsq-bronze)!important;}
.dlwe-studio-qortrade .dlwe-home-hero h2{font-size:17px!important;margin:7px 0 3px!important;}
.dlwe-studio-qortrade .dlwe-home-date-block{padding-left:20px!important;}
.dlwe-studio-qortrade .dlwe-home-date-block strong{font-size:16px!important;}

/* QorTrade-like stat row: numerical information + real relative bar, no fake progress rings. */
.dlwe-studio-qortrade .dlwe-home-summary-grid{gap:10px!important;margin-bottom:16px!important;}
.dlwe-studio-qortrade .dlwe-home-metric{min-height:106px!important;padding:17px 16px 19px!important;border-radius:13px!important;}
.dlwe-studio-qortrade .dlwe-home-metric>strong{font-size:26px!important;margin:6px 0 3px!important;}
.dlwe-studio-qortrade .dlwe-home-metric>small{font-size:9px!important;}
.dsq-metric-ring{display:none!important;}
.dsq-metric-track{position:absolute;left:16px;right:16px;bottom:10px;height:3px;border-radius:999px;background:var(--dsq-surface-2);overflow:hidden;}
.dsq-metric-track::after{content:"";display:block;height:100%;width:var(--dsq-level,0%);border-radius:inherit;background:var(--dsq-bronze);transition:width .35s ease;}
.dlwe-home-metric.is-zero .dsq-metric-track::after{width:0!important;}

/* Operational content gets the primary canvas. */
.dlwe-studio-qortrade .dlwe-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
.dlwe-studio-qortrade .dlwe-home-card{padding:17px!important;border-radius:13px!important;}
.dlwe-studio-qortrade .dlwe-home-card-wide{grid-column:1/-1!important;}
.dlwe-studio-qortrade .dlwe-home-card-heading{padding-bottom:10px!important;margin-bottom:6px!important;}

/* Shortcuts become a compact command list instead of a wall of cards. */
.dlwe-studio-qortrade .dlwe-home-section-heading{margin-bottom:10px!important;}
.dlwe-studio-qortrade .dlwe-home-section-heading h2{font-size:15px!important;}
.dlwe-studio-qortrade .dlwe-home-quick-actions{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;}
.dlwe-studio-qortrade .dlwe-home-action{min-height:58px!important;padding:10px 11px!important;border-radius:11px!important;grid-template-columns:24px minmax(0,1fr) 18px!important;}
.dlwe-studio-qortrade .dlwe-home-action:nth-child(n+9){display:none!important;}
.dlwe-studio-qortrade .dlwe-home-action:hover{transform:translateX(2px)!important;}
.dlwe-studio-qortrade .dlwe-home-action strong{font-size:10.5px!important;}
.dlwe-studio-qortrade .dlwe-home-action small{font-size:8.5px!important;}
.dlwe-studio-qortrade .dlwe-home-action-number{font-size:7px!important;}
.dlwe-studio-qortrade #dlwe-home-customize-actions{min-height:32px!important;padding:0 10px!important;font-size:8px!important;}

@media(max-width:1180px){
  .dlwe-studio-qortrade #dlwe-home-content:not([hidden]){display:block!important;}
  .dlwe-studio-qortrade #dlwe-home-content>.dlwe-home-section{position:static!important;margin-bottom:18px!important;}
  .dlwe-studio-qortrade .dlwe-home-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:680px){
  .dlwe-studio-qortrade .dlwe-home-quick-actions{grid-template-columns:1fr!important;}
}


/* v8.22.3 — floating navigation / profile refinement */
/* The navigation is a set of floating controls, not a boxed application chrome. */
.dsq-topbar{
  top:12px!important;
  left:86px!important;
  right:18px!important;
  height:52px!important;
  padding:0!important;
  gap:12px!important;
  background:transparent!important;
  border:0!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  pointer-events:none;
}
.dlwe-studio-qortrade.dsq-rail-hidden .dsq-topbar{left:18px!important;}
.dsq-topnav,.dsq-utilities{pointer-events:auto;}
.dsq-topnav{
  height:48px!important;
  align-items:center!important;
  gap:3px!important;
  padding:3px!important;
  overflow:visible!important;
  scrollbar-width:none;
}
.dsq-topnav::-webkit-scrollbar{display:none;}
.dsq-topnav-item{
  height:40px!important;
  padding:0 12px!important;
  gap:6px!important;
  border-radius:22px!important;
  color:#8f8983!important;
  transition:background .18s ease,color .18s ease,transform .18s ease!important;
}
.dsq-topnav-item::after{display:none!important;}
.dsq-topnav-item span{font-size:8px!important;color:#b2875d!important;opacity:.9!important;}
.dsq-topnav-item strong{font-size:10.5px!important;font-weight:600!important;letter-spacing:-.005em!important;}
.dsq-topnav-item:hover,.dsq-topnav-item:focus-visible{
  color:var(--dsq-ink)!important;
  background:color-mix(in srgb,var(--dsq-surface) 82%,transparent)!important;
}
.dsq-topnav-item.is-active{
  color:#fff!important;
  background:var(--dsq-ink)!important;
  box-shadow:0 9px 24px rgba(19,18,17,.13)!important;
}
.dsq-topnav-item.is-active span{color:#d8b386!important;}

/* Utilities float independently, mirroring a luxury hardware-control cluster. */
.dsq-utilities{gap:7px!important;}
.dsq-search-trigger,.dsq-utility-icon,.dsq-attendance,.dsq-user{
  height:44px!important;
  background:color-mix(in srgb,var(--dsq-surface) 96%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--dsq-line) 88%,transparent)!important;
  box-shadow:0 8px 28px rgba(25,22,18,.055)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
.dsq-search-trigger,.dsq-utility-icon{border-radius:50%!important;}
.dsq-search-trigger{width:44px!important;min-width:44px!important;padding:0!important;justify-content:center!important;}
.dsq-search-trigger em,.dsq-search-trigger kbd{display:none!important;}
.dsq-utility-icon{width:44px!important;min-width:44px!important;padding:0!important;}
.dsq-attendance{border-radius:22px!important;padding:0 12px!important;max-width:150px!important;}
.dsq-user{
  min-width:166px!important;
  max-width:212px!important;
  height:48px!important;
  padding:3px 10px 3px 4px!important;
  border-radius:25px!important;
  gap:9px!important;
}
.dsq-user-avatar{width:40px!important;height:40px!important;border-radius:50%!important;flex:0 0 40px!important;background:#ece4dd!important;}
.dsq-user-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;}
.dsq-user-copy{display:flex!important;max-width:126px!important;min-width:0!important;}
.dsq-user-copy strong{font-size:10.5px!important;font-weight:650!important;line-height:1.15!important;}
.dsq-user-copy small{font-size:7.5px!important;line-height:1.25!important;margin-top:2px!important;}
.dsq-user-chevron{margin-left:auto;color:var(--dsq-muted);font-size:12px;line-height:1;}

/* Icon rail floats; there is no visible sidebar panel/container. */
.dsq-rail{
  top:82px!important;
  bottom:auto!important;
  left:14px!important;
  width:48px!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  gap:8px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.dsq-rail-brand{display:none!important;}
.dsq-rail-home,.dsq-rail-items{gap:8px!important;}
.dsq-rail-divider{width:24px!important;margin:2px 0 3px!important;background:color-mix(in srgb,var(--dsq-line) 72%,transparent)!important;}
.dsq-rail-spacer{display:none!important;}
.dsq-rail-hide{margin-top:3px!important;}
.dsq-rail-button{
  width:46px!important;height:46px!important;min-height:46px!important;
  border-radius:50%!important;
  color:#827c76!important;
  background:color-mix(in srgb,var(--dsq-surface) 94%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--dsq-line) 82%,transparent)!important;
  box-shadow:0 7px 22px rgba(25,22,18,.035)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
.dsq-rail-button:hover,.dsq-rail-button:focus-visible{background:#fff!important;color:var(--dsq-ink)!important;transform:translateY(-1px);}
.dsq-rail-button.is-active{background:var(--dsq-ink)!important;color:#fff!important;border-color:var(--dsq-ink)!important;box-shadow:0 10px 26px rgba(18,17,16,.16)!important;}
.dsq-rail-button.is-active::after{display:none!important;}
.dsq-rail-reveal{left:12px!important;top:84px!important;transform:none!important;width:46px!important;height:46px!important;border:1px solid var(--dsq-line)!important;border-radius:50%!important;box-shadow:0 8px 24px rgba(25,22,18,.08)!important;}

/* Dashboard: remove personalised greeting; keep only a clean QorTrade-style page title. */
.dlwe-studio-qortrade [data-dlwe-panel="dashboard"]>.dlwe-portal-header{
  display:flex!important;
  margin:0 0 18px!important;
  padding:0!important;
  min-height:42px!important;
}
.dlwe-studio-qortrade [data-dlwe-panel="dashboard"]>.dlwe-portal-header .dlwe-eyebrow,
.dlwe-studio-qortrade [data-dlwe-panel="dashboard"]>.dlwe-portal-header .dlwe-muted{display:none!important;}
.dlwe-studio-qortrade [data-dlwe-panel="dashboard"]>.dlwe-portal-header h1{
  margin:0!important;
  font-size:32px!important;
  line-height:1.08!important;
  font-weight:620!important;
  letter-spacing:-.045em!important;
}
.dlwe-studio-qortrade .dlwe-main{
  margin-left:76px!important;
  padding-top:86px!important;
}
.dlwe-studio-qortrade.dsq-rail-hidden .dlwe-main{margin-left:0!important;}

/* Floating top chrome should not visually sit inside a header rectangle in dark mode either. */
html[data-dlwe-theme="dark"] .dsq-search-trigger,
html[data-dlwe-theme="dark"] .dsq-utility-icon,
html[data-dlwe-theme="dark"] .dsq-attendance,
html[data-dlwe-theme="dark"] .dsq-user,
html[data-dlwe-theme="dark"] .dsq-rail-button{
  background:color-mix(in srgb,var(--dsq-surface) 92%,transparent)!important;
}

@media(max-width:1550px) and (min-width:1025px){
  .dsq-topbar{left:78px!important;right:12px!important;gap:8px!important;}
  .dsq-topnav-item{padding:0 9px!important;}
  .dsq-topnav-item strong{font-size:10px!important;}
  .dsq-attendance{max-width:126px!important;padding-inline:9px!important;}
  .dsq-user{min-width:148px!important;max-width:172px!important;}
  .dsq-user-copy{display:flex!important;max-width:94px!important;}
  .dsq-utility-icon.dsq-ai{display:none!important;}
}
@media(max-width:1200px) and (min-width:681px){
  .dsq-topnav-item span{display:none!important;}
  .dsq-topnav-item{padding-inline:9px!important;}
  .dsq-user{min-width:48px!important;width:48px!important;padding:3px!important;}
  .dsq-user-copy,.dsq-user-chevron{display:none!important;}
  .dsq-attendance{display:none!important;}
}
@media(max-width:680px){
  .dsq-topbar{top:8px!important;left:8px!important;right:8px!important;height:50px!important;grid-template-columns:minmax(0,1fr) auto!important;}
  .dsq-topnav{overflow-x:auto!important;overflow-y:hidden!important;padding-right:8px!important;}
  .dsq-topnav-item{height:38px!important;padding:0 10px!important;}
  .dsq-topnav-item span{display:none!important;}
  .dsq-user{min-width:44px!important;width:44px!important;height:44px!important;padding:2px!important;}
  .dsq-user-avatar{width:38px!important;height:38px!important;flex-basis:38px!important;}
  .dsq-user-copy,.dsq-user-chevron,.dsq-attendance,.dsq-more{display:none!important;}
  .dsq-rail{top:68px!important;left:10px!important;}
  .dlwe-studio-qortrade .dlwe-main{margin-left:0!important;padding:72px 12px 28px!important;}
}


/* v8.22.5 — QorTrade shell runtime finalization */
/* Primary areas float directly on the canvas. Only the selected area becomes a filled capsule. */
.dsq-topnav{padding:2px!important;gap:4px!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.dsq-topnav-item{
  min-height:40px!important;height:40px!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#8b857f!important;
}
.dsq-topnav-item:hover,.dsq-topnav-item:focus-visible{
  background:color-mix(in srgb,var(--dsq-surface) 72%,transparent)!important;
  color:var(--dsq-ink)!important;
}
.dsq-topnav-item.is-active{
  background:var(--dsq-ink)!important;
  color:#fff!important;
  box-shadow:0 10px 28px rgba(17,16,15,.14)!important;
}
.dsq-topnav-item.is-active strong{color:#fff!important;}
.dsq-topnav-item.is-active span{color:#d9b58d!important;}

/* Side navigation is a floating stack: no rail surface, border or track. */
.dsq-rail{background:transparent!important;border:0!important;box-shadow:none!important;}
.dsq-rail-home,.dsq-rail-items{background:transparent!important;border:0!important;box-shadow:none!important;}
.dsq-rail-divider{opacity:.55!important;}
.dsq-rail-button{
  background:color-mix(in srgb,var(--dsq-surface) 96%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--dsq-line) 72%,transparent)!important;
  box-shadow:0 7px 22px rgba(25,22,18,.045)!important;
}
.dsq-rail-button.is-active{
  background:var(--dsq-ink)!important;
  border-color:var(--dsq-ink)!important;
  color:#fff!important;
  box-shadow:0 10px 28px rgba(17,16,15,.16)!important;
}

/* Dashboard identity is already present in the premium profile capsule; never render a greeting. */
.dlwe-studio-qortrade [data-dlwe-panel="dashboard"]>.dlwe-portal-header h1{font-size:30px!important;}
.dlwe-studio-qortrade [data-dlwe-panel="dashboard"]>.dlwe-portal-header .dlwe-eyebrow,
.dlwe-studio-qortrade [data-dlwe-panel="dashboard"]>.dlwe-portal-header .dlwe-muted{display:none!important;}

/* Premium profile capsule: photo-forward and quieter. */
.dsq-user{min-width:176px!important;max-width:232px!important;padding-right:11px!important;}
.dsq-user-avatar{width:40px!important;height:40px!important;flex-basis:40px!important;border:1px solid color-mix(in srgb,var(--dsq-line) 78%,transparent)!important;}
.dsq-user-copy{max-width:145px!important;}
.dsq-user-copy strong{font-size:10.5px!important;font-weight:650!important;}
.dsq-user-copy small{font-size:7.5px!important;letter-spacing:.01em!important;}

@media(max-width:1440px) and (min-width:1025px){
  .dsq-topnav-item{padding-inline:11px!important;}
  .dsq-user{min-width:48px!important;width:auto!important;}
  .dsq-user-copy{display:none!important;}
}


/* v8.22.5 — Dashboard title is structural, not a mutable personalised greeting. */
.dlwe-studio-qortrade #dlwe-home-dashboard-title{
  margin:0!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:30px!important;
  line-height:1.08!important;
  font-weight:620!important;
  letter-spacing:-.045em!important;
  color:var(--dsq-ink)!important;
}


/* v8.22.6 — final shell composition requested in installed-runtime QA */
/* Top order: logo → centered 01–08 menu → search → clock → Ask Dated → profile → system settings. */
.dsq-topbar{
  top:12px!important;
  left:20px!important;
  right:20px!important;
  height:56px!important;
  display:grid!important;
  grid-template-columns:132px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transition:transform .24s cubic-bezier(.2,.75,.25,1),opacity .2s ease!important;
  will-change:transform,opacity;
}
.dsq-topbar.is-scrolled-away{transform:translateY(-86px)!important;opacity:0!important;pointer-events:none!important;}
.dsq-top-brand{display:flex;align-items:center;width:126px;height:48px;text-decoration:none;pointer-events:auto;}
.dsq-top-brand img{display:block;width:118px;max-height:44px;object-fit:contain;object-position:left center;}
.dsq-top-brand:not(:has(img)){font:600 10px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.13em;color:var(--dsq-ink);}
.dsq-topnav{justify-self:center!important;width:max-content!important;max-width:100%!important;height:48px!important;overflow-x:auto!important;pointer-events:auto!important;}
.dsq-topnav-item{height:40px!important;min-height:40px!important;padding:0 12px!important;}
.dsq-utilities{justify-self:end!important;gap:7px!important;pointer-events:auto!important;}
.dsq-search-trigger,.dsq-utility-icon{width:44px!important;min-width:44px!important;height:44px!important;}
.dsq-clock{height:44px!important;min-width:104px!important;max-width:126px!important;padding:0 11px!important;}
.dsq-clock span strong{max-width:82px!important;}
.dsq-user{height:48px!important;min-width:178px!important;max-width:222px!important;}
.dsq-settings-menu{top:54px!important;}

/* The contextual icon menu is genuinely floating and vertically centred. */
.dsq-rail{
  left:18px!important;
  top:50%!important;
  bottom:auto!important;
  width:48px!important;
  height:auto!important;
  max-height:calc(100dvh - 120px)!important;
  padding:0!important;
  gap:8px!important;
  transform:translateY(-50%)!important;
  overflow-y:auto!important;
  overflow-x:visible!important;
  scrollbar-width:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.dsq-rail::-webkit-scrollbar{display:none!important;}
.dsq-rail-home,.dsq-rail-items{gap:8px!important;background:transparent!important;}
.dsq-rail-divider{width:22px!important;margin:2px auto 3px!important;}
.dsq-rail-hide,.dsq-rail-reveal{display:none!important;}
.dlwe-studio-qortrade.dsq-rail-hidden .dsq-rail{transform:translateY(-50%)!important;}
.dsq-rail-button{background:color-mix(in srgb,var(--dsq-surface) 92%,transparent)!important;}

/* No left-side "container strip": content spans the canvas and simply leaves air for icons. */
.dlwe-studio-qortrade .dlwe-main,
.dlwe-studio-qortrade.dsq-rail-hidden .dlwe-main{
  margin-left:0!important;
  padding:108px clamp(26px,3.3vw,56px) 54px clamp(94px,6.4vw,112px)!important;
}
.dlwe-studio-qortrade .dlwe-panel{max-width:1540px!important;margin:0 auto!important;}

/* Page-title breathing room. Dashboard receives a quiet separator so it cannot read as a menu item. */
.dlwe-studio-qortrade [data-dlwe-panel="dashboard"]>.dlwe-portal-header{
  min-height:auto!important;
  margin:0 0 22px!important;
  padding:0 0 15px!important;
  border-bottom:1px solid color-mix(in srgb,var(--dsq-line) 88%,transparent)!important;
}
.dlwe-studio-qortrade #dlwe-home-dashboard-title{font-size:30px!important;line-height:1.08!important;}

/* Small return-to-top control appears only after the floating top command layer leaves view. */
.dsq-back-top{
  position:fixed!important;
  z-index:9997!important;
  top:10px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:34px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid color-mix(in srgb,var(--dsq-line) 84%,transparent)!important;
  border-radius:50%!important;
  background:color-mix(in srgb,var(--dsq-surface) 94%,transparent)!important;
  color:var(--dsq-ink)!important;
  box-shadow:0 8px 24px rgba(22,19,16,.08)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
.dsq-back-top[hidden]{display:none!important;}
.dsq-back-top svg{width:16px;height:16px;}
.dsq-back-top:hover{transform:translateX(-50%) translateY(-1px)!important;}

@media(max-width:1500px) and (min-width:1181px){
  .dsq-topbar{grid-template-columns:110px minmax(0,1fr) auto!important;gap:10px!important;left:14px!important;right:14px!important;}
  .dsq-top-brand{width:108px!important;}.dsq-top-brand img{width:102px!important;}
  .dsq-topnav-item{padding-inline:9px!important;}.dsq-topnav-item strong{font-size:9.5px!important;}.dsq-topnav-item span{font-size:7.5px!important;}
  .dsq-user{min-width:48px!important;width:48px!important;padding:3px!important;}.dsq-user-copy,.dsq-user-chevron{display:none!important;}
  .dsq-clock{min-width:94px!important;max-width:104px!important;}
}
@media(max-width:1180px) and (min-width:681px){
  .dsq-topbar{grid-template-columns:72px minmax(0,1fr) auto!important;left:10px!important;right:10px!important;gap:7px!important;}
  .dsq-top-brand{width:70px!important;}.dsq-top-brand img{width:68px!important;}
  .dsq-topnav-item span{display:none!important;}.dsq-topnav-item{padding-inline:8px!important;}.dsq-topnav-item strong{font-size:9px!important;}
  .dsq-clock{display:none!important;}.dsq-ai{display:grid!important;}
  .dlwe-studio-qortrade .dlwe-main{padding-left:80px!important;padding-right:20px!important;}
}
@media(max-width:680px){
  .dsq-topbar{top:8px!important;left:8px!important;right:8px!important;height:52px!important;grid-template-columns:44px minmax(0,1fr) auto!important;gap:6px!important;}
  .dsq-top-brand{width:44px!important;height:44px!important;overflow:hidden!important;}.dsq-top-brand img{width:88px!important;max-width:none!important;object-position:left center!important;}
  .dsq-topnav{justify-self:stretch!important;width:100%!important;overflow-x:auto!important;}
  .dsq-topnav-item{height:38px!important;padding-inline:9px!important;}.dsq-topnav-item span{display:none!important;}.dsq-topnav-item strong{font-size:9px!important;}
  .dsq-clock,.dsq-ai{display:none!important;}.dsq-user{width:44px!important;min-width:44px!important;height:44px!important;padding:2px!important;}.dsq-user-copy,.dsq-user-chevron{display:none!important;}
  .dsq-rail{left:8px!important;max-height:calc(100dvh - 90px)!important;}
  .dlwe-studio-qortrade .dlwe-main{padding:82px 12px 30px 70px!important;}
}

/* v8.22.6 utility guarantees: Ask Dated lives in the top command cluster, never disappears at desktop breakpoints. */
.dsq-ai{display:grid!important;}
.dlwe-studio-qortrade .dlwe-ask-dated-fab{display:none!important;}
@media(max-width:680px){.dsq-ai{display:none!important;}}

/* ========================================================================== 
   Dated Studio v8.22.8 — final shell readability + synchronized navigation
   ========================================================================== */
.dlwe-portal-shell.dlwe-studio-qortrade{
  --dsq-ink:#09090a;
  --dsq-copy:#242323;
  --dsq-muted:#66615c;
  --dsq-line:#dedad4;
  --dsq-line-strong:#cbc5bd;
}

/* Header composition: larger identity mark, visually centred navigation, clear utility order. */
.dsq-topbar{
  top:10px!important;
  left:24px!important;
  right:20px!important;
  height:68px!important;
  grid-template-columns:158px minmax(0,1fr) auto!important;
  gap:14px!important;
}
.dsq-top-brand{width:156px!important;height:58px!important;}
.dsq-top-brand img{width:150px!important;max-height:54px!important;object-fit:contain!important;}
.dsq-topnav{
  justify-self:center!important;
  height:48px!important;
  gap:2px!important;
  padding:2px!important;
}
.dsq-topnav-item{
  height:42px!important;
  min-height:42px!important;
  padding:0 10px!important;
  color:#292727!important;
  border-radius:999px!important;
}
.dsq-topnav-item span{display:none!important;}
.dsq-topnav-item strong{
  color:inherit!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:650!important;
  letter-spacing:-.01em!important;
}
.dsq-topnav-item:hover,.dsq-topnav-item:focus-visible{color:#000!important;}
.dsq-topnav-item.is-active{background:#0b0b0c!important;color:#fff!important;box-shadow:0 10px 26px rgba(11,11,12,.14)!important;}

/* Clock In / Clock Out is a primary operational action, not muted metadata. */
.dsq-clock{
  min-width:112px!important;
  max-width:128px!important;
  height:46px!important;
  padding:0 13px!important;
  border-color:#0b0b0c!important;
  background:#0b0b0c!important;
  color:#fff!important;
  box-shadow:0 9px 24px rgba(11,11,12,.13)!important;
}
.dsq-clock small,.dsq-clock strong{color:#fff!important;}
.dsq-clock small{opacity:.64!important;}
.dsq-clock>i{background:#d7b37e!important;box-shadow:0 0 0 4px rgba(215,179,126,.14)!important;}
.dsq-clock.is-clocked-in{background:#4e5d50!important;border-color:#4e5d50!important;}
.dsq-clock.is-clocked-in>i{background:#dce9df!important;box-shadow:0 0 0 4px rgba(220,233,223,.14)!important;}
.dsq-clock:hover{transform:translateY(-1px);filter:brightness(1.03);}

/* Keep utility controls compact enough to protect the centred primary navigation. */
.dsq-utilities{gap:7px!important;}
.dsq-search-trigger,.dsq-utility-icon{width:44px!important;min-width:44px!important;height:44px!important;}
.dsq-user{min-width:164px!important;max-width:196px!important;height:48px!important;}
.dsq-user-copy{max-width:116px!important;}
.dsq-user-copy strong{font-size:11.5px!important;color:#111!important;}
.dsq-user-copy small{font-size:9px!important;color:#66615c!important;}

/* Content begins below the floating command layer with intentional breathing room. */
.dlwe-studio-qortrade .dlwe-main,
.dlwe-studio-qortrade.dsq-rail-hidden .dlwe-main{
  padding-top:126px!important;
  padding-bottom:60px!important;
}
.dlwe-studio-qortrade .dlwe-panel{scroll-margin-top:116px!important;}

/* Every workspace header follows one alignment system. */
.dlwe-studio-qortrade .dlwe-panel > .dlwe-portal-header,
.dlwe-studio-qortrade .dlwe-panel > .dlwe-panel-header{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:24px!important;
  width:100%!important;
  margin:0 0 26px!important;
  padding:0 0 18px!important;
  border-bottom:1px solid color-mix(in srgb,var(--dsq-line) 92%,transparent)!important;
}
.dlwe-studio-qortrade .dlwe-panel > .dlwe-portal-header > div:first-child,
.dlwe-studio-qortrade .dlwe-panel > .dlwe-panel-header > div:first-child{min-width:0!important;max-width:900px!important;}
.dlwe-studio-qortrade .dlwe-panel > .dlwe-portal-header h1,
.dlwe-studio-qortrade .dlwe-panel > .dlwe-panel-header h1,
.dlwe-studio-qortrade #dlwe-home-dashboard-title{
  margin:2px 0 0!important;
  color:#09090a!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:32px!important;
  line-height:1.08!important;
  font-weight:680!important;
  letter-spacing:-.04em!important;
}
.dlwe-studio-qortrade [data-dlwe-panel="dashboard"]>.dlwe-portal-header{
  margin-bottom:24px!important;
  padding-bottom:18px!important;
  border-bottom:1px solid #d6d1ca!important;
}
.dlwe-studio-qortrade .dlwe-header-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-left:auto!important;
}

/* Global readability floor — still hierarchical, but no tiny operational text. */
.dlwe-studio-qortrade .dlwe-main{font-size:15px!important;color:var(--dsq-copy)!important;}
.dlwe-studio-qortrade .dlwe-main :where(p,li){font-size:14px!important;line-height:1.52!important;color:var(--dsq-copy)!important;}
.dlwe-studio-qortrade .dlwe-main .dlwe-muted{font-size:13px!important;line-height:1.5!important;color:#6e6963!important;}
.dlwe-studio-qortrade .dlwe-main .dlwe-eyebrow{
  font-size:10.5px!important;
  line-height:1.25!important;
  letter-spacing:.13em!important;
  color:#856949!important;
}
.dlwe-studio-qortrade .dlwe-main :where(h2){font-size:24px!important;line-height:1.16!important;color:#111!important;}
.dlwe-studio-qortrade .dlwe-main :where(h3){font-size:18px!important;line-height:1.22!important;color:#151414!important;}
.dlwe-studio-qortrade .dlwe-main :where(label){font-size:12px!important;line-height:1.3!important;color:#2d2b29!important;}
.dlwe-studio-qortrade .dlwe-main :where(input,select,textarea){font-size:14px!important;line-height:1.35!important;color:#171616!important;}
.dlwe-studio-qortrade .dlwe-main :where(input,select){min-height:44px!important;}
.dlwe-studio-qortrade .dlwe-main :where(button){font-size:12px!important;}
.dlwe-studio-qortrade .dlwe-main :where(small){font-size:11.5px!important;line-height:1.4!important;}
.dlwe-studio-qortrade .dlwe-main :where(table td){font-size:13px!important;line-height:1.42!important;color:#292725!important;vertical-align:middle!important;}
.dlwe-studio-qortrade .dlwe-main :where(table th){font-size:10.5px!important;line-height:1.25!important;letter-spacing:.08em!important;}

/* Cross-module rhythm and alignment normalization. */
.dlwe-studio-qortrade .dlwe-panel.is-active > :not(.dlwe-portal-header):not(.dlwe-panel-header) + :not([hidden]){margin-top:18px;}
.dlwe-studio-qortrade :where(.dlwe-form-section,.dlwe-table-card,.dlwe-task-dashboard-card,.dlwe-budget-report-card,.dlwe-workspace-card,.dlwe-document-toolbar-card,.dlwe-document-activity-card,.dlwe-form-card){
  box-sizing:border-box!important;
}
.dlwe-studio-qortrade :where(.dlwe-card-grid,.dlwe-task-summary,.dlwe-summary-grid,.dlwe-budget-report-summary-grid,.dlwe-financial-summary-grid,.dlwe-financial-dashboard-grid){gap:14px!important;}
.dlwe-studio-qortrade :where(.dlwe-table-wrap,.dlwe-table-scroll){width:100%!important;max-width:100%!important;overflow-x:auto!important;}
.dlwe-studio-qortrade :where(.dlwe-data-table,.dlwe-table,.dlwe-task-dashboard-table){width:100%!important;}

/* Filters use space efficiently instead of stacking into long single-column forms. */
.dlwe-studio-qortrade .dlwe-filter-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:end!important;
}
.dlwe-studio-qortrade .dlwe-filter-grid .dlwe-field-grow{grid-column:auto!important;}
.dlwe-studio-qortrade :where(.dlwe-client-toolbar,.dlwe-task-dashboard-toolbar,.dlwe-user-toolbar){gap:10px!important;align-items:end!important;}

/* Context icons remain floating, but the title/content separator creates clear hierarchy. */
.dsq-rail{top:50%!important;left:20px!important;transform:translateY(-50%)!important;}
.dsq-rail-divider{width:28px!important;background:#cfc8bf!important;opacity:.78!important;margin:3px auto 5px!important;}
.dsq-rail-button{color:#514d49!important;}

/* Navigation swaps only after the destination panel is activated; fade is deliberately tiny. */
.dsq-navigation-syncing .dsq-rail-items{opacity:.72!important;transition:opacity .08s ease!important;}

html[data-dlwe-theme="dark"] .dlwe-studio-qortrade .dlwe-panel > .dlwe-portal-header h1,
html[data-dlwe-theme="dark"] .dlwe-studio-qortrade .dlwe-panel > .dlwe-panel-header h1,
html[data-dlwe-theme="dark"] .dlwe-studio-qortrade #dlwe-home-dashboard-title,
html[data-dlwe-theme="dark"] .dlwe-studio-qortrade .dlwe-main :where(h2,h3){color:#f4f1ec!important;}
html[data-dlwe-theme="dark"] .dlwe-studio-qortrade .dlwe-main :where(p,li,td,label,input,select,textarea){color:#d3cec7!important;}

@media(max-width:1500px) and (min-width:1181px){
  .dsq-topbar{grid-template-columns:132px minmax(0,1fr) auto!important;gap:8px!important;left:16px!important;right:14px!important;}
  .dsq-top-brand{width:128px!important;}.dsq-top-brand img{width:124px!important;}
  .dsq-topnav-item{padding-inline:7px!important;}.dsq-topnav-item strong{font-size:12px!important;}
  .dsq-user{min-width:48px!important;width:48px!important;padding:3px!important;}.dsq-user-copy,.dsq-user-chevron{display:none!important;}
  .dsq-clock{min-width:102px!important;max-width:108px!important;}
}
@media(max-width:1180px) and (min-width:681px){
  .dsq-topbar{grid-template-columns:82px minmax(0,1fr) auto!important;}
  .dsq-top-brand{width:80px!important;}.dsq-top-brand img{width:78px!important;}
  .dsq-topnav-item{padding-inline:7px!important;}.dsq-topnav-item strong{font-size:11.5px!important;}
  .dlwe-studio-qortrade .dlwe-panel > .dlwe-portal-header,.dlwe-studio-qortrade .dlwe-panel > .dlwe-panel-header{align-items:flex-start!important;flex-direction:column!important;}
  .dlwe-studio-qortrade .dlwe-header-actions{margin-left:0!important;justify-content:flex-start!important;}
  .dlwe-studio-qortrade .dlwe-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:680px){
  .dsq-top-brand img{width:94px!important;}
  .dsq-topnav-item strong{font-size:11px!important;}
  .dlwe-studio-qortrade .dlwe-main{padding-top:92px!important;}
  .dlwe-studio-qortrade .dlwe-panel > .dlwe-portal-header,.dlwe-studio-qortrade .dlwe-panel > .dlwe-panel-header{align-items:flex-start!important;flex-direction:column!important;gap:14px!important;}
  .dlwe-studio-qortrade .dlwe-header-actions{margin-left:0!important;width:100%!important;justify-content:flex-start!important;}
  .dlwe-studio-qortrade .dlwe-filter-grid{grid-template-columns:1fr!important;}
  .dlwe-studio-qortrade .dlwe-panel > .dlwe-portal-header h1,.dlwe-studio-qortrade .dlwe-panel > .dlwe-panel-header h1,.dlwe-studio-qortrade #dlwe-home-dashboard-title{font-size:28px!important;}
}

/* Ask Dated must remain present in the requested desktop command order even at compact desktop widths. */
.dsq-utilities .dsq-utility-icon.dsq-ai{display:grid!important;visibility:visible!important;opacity:1!important;}
@media(max-width:680px){.dsq-utilities .dsq-utility-icon.dsq-ai{display:none!important;}}


/* ========================================================================== 
   Dated Studio v8.22.8 — hover-state fidelity + compact contextual overflow
   ========================================================================== */
/* Primary navigation: transparent at rest, outlined on intent, filled when selected. */
.dsq-topnav-item{
  border:1px solid transparent!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.dsq-topnav-item:hover,.dsq-topnav-item:focus-visible{
  background:color-mix(in srgb,var(--dsq-surface) 76%,transparent)!important;
  border-color:#b89c7d!important;
  color:#050505!important;
  box-shadow:0 6px 18px rgba(32,27,22,.055)!important;
}
.dsq-topnav-item:focus-visible{outline:2px solid color-mix(in srgb,#b89c7d 42%,transparent)!important;outline-offset:2px!important;}
.dsq-topnav-item.is-active,
.dsq-topnav-item.is-active:hover,
.dsq-topnav-item.is-active:focus-visible{
  background:#0b0b0c!important;
  border-color:#0b0b0c!important;
  color:#fff!important;
  box-shadow:0 10px 26px rgba(11,11,12,.14)!important;
}

/* Context rails stay concise: overflow opens a small floating menu rather than stretching vertically. */
.dsq-rail-items{max-height:none!important;overflow:visible!important;}
.dsq-rail-more.is-open{border-color:#b89c7d!important;background:#fff!important;color:#0b0b0c!important;}
.dsq-rail-more.is-active{background:#0b0b0c!important;color:#fff!important;border-color:#0b0b0c!important;}
.dsq-rail-popover{
  position:fixed;z-index:10020;width:248px;padding:8px;
  background:color-mix(in srgb,var(--dsq-surface) 97%,transparent);
  border:1px solid var(--dsq-line-strong);border-radius:16px;
  box-shadow:0 22px 56px rgba(28,24,20,.14);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
.dsq-rail-popover-title{
  padding:9px 10px 8px;color:#7a634d;font:700 10px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--dsq-line);margin-bottom:5px;
}
.dsq-rail-popover-item{
  width:100%!important;min-height:42px!important;display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;
  gap:9px!important;padding:6px 9px!important;border:1px solid transparent!important;border-radius:11px!important;background:transparent!important;
  color:#393633!important;text-align:left!important;box-shadow:none!important;
}
.dsq-rail-popover-item span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--dsq-surface-2);}
.dsq-rail-popover-item svg{width:16px;height:16px;}
.dsq-rail-popover-item strong{font:650 12.5px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:inherit;}
.dsq-rail-popover-item:hover,.dsq-rail-popover-item:focus-visible{border-color:#cdbba7!important;background:#fff!important;color:#070707!important;}
.dsq-rail-popover-item.is-active{background:#0b0b0c!important;color:#fff!important;}
.dsq-rail-popover-item.is-active span{background:rgba(255,255,255,.12);}
html[data-dlwe-theme="dark"] .dsq-topnav-item:hover,html[data-dlwe-theme="dark"] .dsq-topnav-item:focus-visible{background:#242426!important;border-color:#8f765f!important;color:#fff!important;}
html[data-dlwe-theme="dark"] .dsq-rail-popover{background:#1c1c1e;border-color:#3d3935;}
html[data-dlwe-theme="dark"] .dsq-rail-popover-item{color:#ddd7d0!important;}
html[data-dlwe-theme="dark"] .dsq-rail-popover-item:hover,html[data-dlwe-theme="dark"] .dsq-rail-popover-item:focus-visible{background:#29292c!important;border-color:#806b58!important;color:#fff!important;}


/* ========================================================================== 
   Dated Studio v8.22.9 — final command/Ask Dated/tooltip fidelity
   ========================================================================== */
/* Clock is a single high-contrast action label: CLOCK-IN / CLOCK-OUT. */
.dsq-clock{min-width:112px!important;max-width:128px!important;justify-content:center!important;gap:8px!important;}
.dsq-clock span{display:block!important;min-width:0!important;text-align:center!important;}
.dsq-clock span strong{max-width:none!important;font-size:10.5px!important;line-height:1!important;font-weight:800!important;letter-spacing:.075em!important;color:#fff!important;overflow:visible!important;text-overflow:clip!important;}
.dsq-clock small{display:none!important;}

/* Approved Ask Dated / Dated Intelligence app mark in the top command cluster. */
.dsq-ai{overflow:visible!important;}
.dsq-ai-logo{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;overflow:hidden;}
.dsq-ai-logo img{display:block;width:100%;height:100%;object-fit:cover;}
.dsq-ai-logo svg{width:18px;height:18px;}

/* Ask Dated is a true overlay above Studio's fixed navigation, never underneath it. */
.dlwe-studio-qortrade .dlwe-ask-dated-backdrop{position:fixed!important;inset:0!important;z-index:12040!important;}
.dlwe-studio-qortrade .dlwe-ask-dated-drawer{position:fixed!important;z-index:12050!important;top:14px!important;right:14px!important;bottom:14px!important;}

/* The rail no longer scroll-clips its own labels; hover/focus always explains icons. */
.dsq-rail{overflow:visible!important;}
.dsq-rail-home,.dsq-rail-items{overflow:visible!important;}
.dsq-rail-button[data-tooltip]::before{
  display:block!important;content:attr(data-tooltip)!important;position:absolute!important;
  left:calc(100% + 12px)!important;top:50%!important;transform:translateY(-50%) translateX(-2px)!important;
  min-width:max-content!important;padding:8px 10px!important;border:1px solid rgba(255,255,255,.08)!important;
  border-radius:9px!important;background:#111112!important;color:#fff!important;
  box-shadow:0 10px 28px rgba(17,17,18,.18)!important;
  font:700 10.5px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:.01em!important;white-space:nowrap!important;opacity:0!important;visibility:hidden!important;
  pointer-events:none!important;z-index:13020!important;transition:opacity .13s ease,transform .13s ease,visibility .13s ease!important;
}
.dsq-rail-button[data-tooltip]:hover::before,.dsq-rail-button[data-tooltip]:focus-visible::before{
  opacity:1!important;visibility:visible!important;transform:translateY(-50%) translateX(0)!important;
}
html[data-dlwe-theme="dark"] .dsq-rail-button[data-tooltip]::before{background:#f7f3ee!important;color:#171616!important;border-color:#d9d0c7!important;}

@media(max-width:680px){
  .dlwe-studio-qortrade .dlwe-ask-dated-drawer{top:8px!important;right:8px!important;bottom:8px!important;}
}

/* ========================================================================== 
   Dated Studio v8.22.10 — final top-command proportion refinement
   ========================================================================== */
/* Stronger Dated Studio brand presence without changing the accepted shell. */
.dsq-topbar{
  grid-template-columns:184px minmax(0,1fr) auto!important;
  gap:16px!important;
}
.dsq-top-brand{width:182px!important;height:62px!important;}
.dsq-top-brand img{width:176px!important;max-height:58px!important;object-fit:contain!important;object-position:left center!important;}

/* More breathing room between primary workspaces while preserving true centred composition. */
.dsq-topnav{gap:7px!important;padding-inline:2px!important;}
.dsq-topnav-item{padding-inline:11px!important;}

/* Approved Ask Dated mark: same light circular control, full-black logo artwork. */
.dsq-ai{background:var(--dsq-surface)!important;}
.dsq-ai-logo{background:transparent!important;}
.dsq-ai-logo img{
  filter:grayscale(1) brightness(0)!important;
  opacity:1!important;
  object-fit:contain!important;
}

/* CLOCK-IN / CLOCK-OUT: centre the complete dot + label group both axes. */
.dsq-clock{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:116px!important;
  max-width:132px!important;
  padding:0 14px!important;
  gap:8px!important;
}
.dsq-clock>i{align-self:center!important;flex:0 0 7px!important;margin:0!important;}
.dsq-clock span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
}
.dsq-clock span strong{
  display:block!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  transform:translateY(.25px)!important;
}

/* Keep the accepted desktop proportions intact at narrower laptop widths. */
@media(max-width:1500px) and (min-width:1181px){
  .dsq-topbar{grid-template-columns:158px minmax(0,1fr) auto!important;gap:10px!important;}
  .dsq-top-brand{width:156px!important;height:56px!important;}
  .dsq-top-brand img{width:150px!important;max-height:52px!important;}
  .dsq-topnav{gap:4px!important;}
  .dsq-topnav-item{padding-inline:9px!important;}
  .dsq-clock{min-width:108px!important;max-width:120px!important;padding-inline:11px!important;}
}
@media(max-width:1180px) and (min-width:681px){
  .dsq-top-brand{width:78px!important;}.dsq-top-brand img{width:76px!important;}
  .dsq-topnav{gap:2px!important;}.dsq-topnav-item{padding-inline:7px!important;}
}


/* ==========================================================================
   Dated Studio v8.22.11 — exact black Ask Dated mark correction
   ========================================================================== */
.dsq-ai-logo{width:27px!important;height:27px!important;background:transparent!important;border-radius:0!important;overflow:visible!important;}
.dsq-ai-logo img{
  width:100%!important;height:100%!important;object-fit:contain!important;
  filter:none!important;opacity:1!important;background:transparent!important;
}

/* ========================================================================== 
   Dated Studio v8.22.12 — final brand proportion micro-refinement
   ========================================================================== */
/* Slightly stronger Studio branding in the accepted floating command shell. */
.dsq-topbar{grid-template-columns:198px minmax(0,1fr) auto!important;}
.dsq-top-brand{width:196px!important;height:66px!important;}
.dsq-top-brand img{width:190px!important;max-height:62px!important;object-fit:contain!important;object-position:left center!important;}

/* Increase the approved transparent black Ask Dated mark without changing its button. */
.dsq-ai-logo{width:31px!important;height:31px!important;}
.dsq-ai-logo img{width:100%!important;height:100%!important;object-fit:contain!important;}

@media(max-width:1500px) and (min-width:1181px){
  .dsq-topbar{grid-template-columns:170px minmax(0,1fr) auto!important;}
  .dsq-top-brand{width:168px!important;height:58px!important;}
  .dsq-top-brand img{width:162px!important;max-height:54px!important;}
  .dsq-ai-logo{width:29px!important;height:29px!important;}
}
@media(max-width:1180px) and (min-width:681px){
  .dsq-top-brand{width:82px!important;}
  .dsq-top-brand img{width:80px!important;}
  .dsq-ai-logo{width:27px!important;height:27px!important;}
}

/* ========================================================================== */
/* v8.23.0 — Graphical Dashboard                                              */
/* Frozen v8.22.12 shell; dashboard content only.                             */
/* ========================================================================== */
.dlwe-studio-qortrade #dlwe-home-content.dsq-dashboard-graphical{
  display:block!important;
  max-width:none!important;
}
.dlwe-studio-qortrade #dlwe-home-content.dsq-dashboard-graphical.dsq-dashboard-ready>.dlwe-home-hero,
.dlwe-studio-qortrade #dlwe-home-content.dsq-dashboard-graphical.dsq-dashboard-ready>#dlwe-home-summary,
.dlwe-studio-qortrade #dlwe-home-content.dsq-dashboard-graphical.dsq-dashboard-ready>.dlwe-home-section,
.dlwe-studio-qortrade #dlwe-home-content.dsq-dashboard-graphical.dsq-dashboard-ready>.dlwe-home-grid{
  display:none!important;
}
.dlwe-studio-qortrade #dlwe-home-content.dsq-dashboard-graphical>.dlwe-security-note{
  margin:18px 0 0!important;
  padding:11px 14px!important;
  border:0!important;
  border-top:1px solid var(--dsq-line)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--dsq-muted)!important;
  font-size:11px!important;
}
.dsq-dashboard-visual{display:grid;gap:16px;width:100%;}
.dsq-dashboard-topgrid,.dsq-dashboard-midgrid,.dsq-dashboard-bottomgrid{display:grid;gap:16px;align-items:stretch;}
.dsq-dashboard-topgrid{grid-template-columns:minmax(0,1.65fr) minmax(310px,.72fr);}
.dsq-dashboard-midgrid{grid-template-columns:minmax(0,1.65fr) minmax(310px,.72fr);}
.dsq-dashboard-bottomgrid{grid-template-columns:minmax(0,1.1fr) minmax(260px,.7fr) minmax(300px,.82fr);}
.dsq-visual-card{
  position:relative;min-width:0;padding:22px;border:1px solid var(--dsq-line);border-radius:20px;
  background:var(--dsq-surface);box-shadow:0 10px 30px rgba(34,28,22,.025);overflow:hidden;
}
.dsq-visual-card::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px rgba(255,255,255,.42);}
.dsq-visual-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;}
.dsq-visual-head p{margin:0 0 7px;font:700 8px/1.1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.18em;color:var(--dsq-bronze);}
.dsq-visual-head h2{margin:0;font:650 18px/1.12 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.025em;color:var(--dsq-ink);}
.dsq-visual-head>button,.dsq-next-open{
  flex:none;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
  color:var(--dsq-copy)!important;font:650 10px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  text-decoration:none!important;white-space:nowrap;transition:color .16s ease,transform .16s ease!important;
}
.dsq-visual-head>button:hover,.dsq-next-open:hover{color:var(--dsq-ink)!important;transform:translateX(2px);}

/* Planning health — main analytical card */
.dsq-planning-health{background:#171719;border-color:#171719;color:#f7f3ed;}
.dsq-planning-health::before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-90px;top:-155px;background:radial-gradient(circle,rgba(214,226,188,.18),rgba(214,226,188,0) 70%);pointer-events:none;}
.dsq-planning-health .dsq-visual-head p{color:#d5bd96;}
.dsq-planning-health .dsq-visual-head h2{color:#fffaf3;}
.dsq-planning-health .dsq-visual-head>button{color:#d8d2ca!important;}
.dsq-planning-body{display:grid;grid-template-columns:158px minmax(0,1fr);gap:28px;align-items:center;}
.dsq-health-ring{--health:0%;position:relative;width:146px;height:146px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#d9e6be var(--health),rgba(255,255,255,.1) 0);}
.dsq-health-ring::before{content:"";position:absolute;inset:12px;border-radius:50%;background:#171719;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);}
.dsq-health-ring>div{position:relative;z-index:1;text-align:center;display:grid;gap:2px;}
.dsq-health-ring strong{font:600 32px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.045em;color:#fff;}
.dsq-health-ring span{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#aaa49d;}
.dsq-health-copy{min-width:0;display:grid;gap:18px;}
.dsq-health-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.dsq-health-kpis span{min-width:0;padding-right:10px;border-right:1px solid rgba(255,255,255,.08);}
.dsq-health-kpis span:last-child{border-right:0;}
.dsq-health-kpis b{display:block;font:600 22px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fff;}
.dsq-health-kpis small{display:block;margin-top:6px;font-size:9px;color:#9f9a94;white-space:nowrap;}
.dsq-health-kpis .is-alert b{color:#dda1a8;}
.dsq-task-stack{height:12px;display:flex;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.07);}
.dsq-task-stack i{display:block;height:100%;min-width:0;}
.dsq-task-stack .done,.dsq-task-legend i.done{background:#d9e6be;}.dsq-task-stack .progress,.dsq-task-legend i.progress{background:#b9a17f;}.dsq-task-stack .blocked,.dsq-task-legend i.blocked{background:#b96f76;}.dsq-task-stack .open,.dsq-task-legend i.open{background:#5b595d;}
.dsq-task-legend{display:flex;gap:15px;flex-wrap:wrap;}
.dsq-task-legend span{display:flex;align-items:center;gap:6px;font-size:8.5px;color:#aaa49d;}
.dsq-task-legend i{width:7px;height:7px;border-radius:50%;}

/* Next wedding */
.dsq-next-wedding{background:#e5e8d2;border-color:#daddc7;color:#171719;display:flex;flex-direction:column;}
.dsq-next-wedding .dsq-visual-head p{color:#6f7654;}.dsq-next-wedding .dsq-visual-head h2{font-size:21px;color:#171719;}
.dsq-next-number{display:grid;gap:3px;margin:auto 0 17px;}.dsq-next-number strong{font:600 clamp(32px,3.1vw,48px)/.98 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.055em;color:#171719;}.dsq-next-number span{font-size:11px;color:#656858;}
.dsq-next-meta{display:flex;flex-wrap:wrap;gap:7px 14px;padding-top:13px;border-top:1px solid rgba(30,33,25,.12);font-size:10px;color:#626456;}
.dsq-next-meta span+span::before{content:"·";margin-right:14px;color:#999c86;}
.dsq-next-open{margin-top:15px!important;text-align:left!important;color:#171719!important;}

/* Wedding timeline */
.dsq-wedding-portfolio{min-height:260px;}
.dsq-wedding-axis{position:relative;height:58px;margin:28px 16px 12px;}
.dsq-wedding-axis>span{position:absolute;left:0;right:0;top:26px;height:1px;background:linear-gradient(90deg,var(--dsq-line-strong),var(--dsq-line));}
.dsq-wedding-point{position:absolute!important;left:var(--pos);top:17px;transform:translateX(-50%);width:20px!important;height:20px!important;min-width:20px!important;padding:0!important;border:0!important;border-radius:50%!important;background:var(--dsq-surface)!important;box-shadow:0 0 0 1px var(--dsq-line-strong),0 3px 9px rgba(0,0,0,.05)!important;z-index:2;}
.dsq-wedding-point i{display:block;width:7px;height:7px;margin:auto;border-radius:50%;background:var(--dsq-bronze);}
.dsq-wedding-point.is-next{width:28px!important;height:28px!important;top:13px;background:var(--dsq-ink)!important;box-shadow:0 0 0 5px color-mix(in srgb,var(--dsq-bronze) 14%,transparent)!important;}
.dsq-wedding-point.is-next i{background:#e5e8d2;}
.dsq-wedding-legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
.dsq-wedding-legend button{display:grid!important;grid-template-columns:25px minmax(0,1fr)!important;gap:1px 7px!important;align-items:start!important;padding:10px 8px!important;border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;text-align:left!important;color:var(--dsq-copy)!important;}
.dsq-wedding-legend button:hover{background:var(--dsq-surface-2)!important;}
.dsq-wedding-legend span{grid-row:1/3;font:700 8px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--dsq-bronze);padding-top:3px;}.dsq-wedding-legend strong{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--dsq-ink);}.dsq-wedding-legend small{font-size:8.5px;line-height:1.35;color:var(--dsq-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* Decisions */
.dsq-decision-total,.dsq-readiness-total{font:600 28px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--dsq-ink);letter-spacing:-.04em;}
.dsq-decision-list{display:grid;gap:5px;}
.dsq-decision-list button{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:100%!important;padding:12px 0!important;border:0!important;border-bottom:1px solid var(--dsq-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:left!important;color:var(--dsq-copy)!important;}
.dsq-decision-list button:last-child{border-bottom:0!important;}.dsq-decision-list span{font-size:10px;}.dsq-decision-list strong{font:600 18px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--dsq-ink);}.dsq-decision-list button:hover span{color:var(--dsq-ink);}

/* Readiness */
.dsq-readiness-list{display:grid;gap:12px;}.dsq-readiness-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:5px 12px!important;width:100%!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;text-align:left!important;color:var(--dsq-copy)!important;}.dsq-readiness-row>span strong{display:block;font-size:10px;color:var(--dsq-ink);}.dsq-readiness-row>span small{display:block;margin-top:3px;font-size:8.5px;color:var(--dsq-muted);}.dsq-readiness-row em{font:600 11px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-style:normal;color:var(--dsq-ink);}.dsq-readiness-row>i{grid-column:1/-1;height:6px;border-radius:999px;background:var(--dsq-surface-2);overflow:hidden;}.dsq-readiness-row>i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8da07a,#c8b390);}

/* Team */
.dsq-team-today{background:#f3eee7;}.dsq-team-status{padding:8px 0 18px;border-bottom:1px solid rgba(83,69,57,.1);}.dsq-team-status strong{display:block;font:500 30px/1.05 Georgia,"Times New Roman",serif;color:var(--dsq-ink);}.dsq-team-status span{display:block;margin-top:5px;font-size:9px;color:var(--dsq-muted);}.dsq-team-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:17px;}.dsq-team-kpis span+span{border-left:1px solid rgba(83,69,57,.1);padding-left:14px;}.dsq-team-kpis b{display:block;font:600 22px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--dsq-ink);}.dsq-team-kpis small{display:block;margin-top:5px;font-size:8.5px;color:var(--dsq-muted);}

/* Quick access */
.dsq-quick-list{display:grid;gap:5px;}.dsq-quick-list>button{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 18px!important;gap:1px 8px!important;width:100%!important;padding:10px 0!important;border:0!important;border-bottom:1px solid var(--dsq-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:left!important;color:var(--dsq-copy)!important;}.dsq-quick-list>button:last-child{border-bottom:0!important;}.dsq-quick-list span{font-size:10px;color:var(--dsq-ink);}.dsq-quick-list small{grid-column:1;font-size:8px;color:var(--dsq-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.dsq-quick-list b{grid-column:2;grid-row:1/3;align-self:center;font-size:12px;color:var(--dsq-bronze);transition:transform .15s ease;}.dsq-quick-list>button:hover b{transform:translate(2px,-2px);}

.dsq-visual-empty{min-height:110px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;padding:16px 0;color:var(--dsq-muted);}.dsq-visual-empty strong{font-size:11px;color:var(--dsq-ink);}.dsq-visual-empty span{font-size:9.5px;line-height:1.5;max-width:360px;}.dsq-visual-empty.compact{min-height:72px;padding:8px 0;}

html[data-dlwe-theme="dark"] .dsq-next-wedding{background:#292d24;border-color:#363b30;color:#f4f0e8;}html[data-dlwe-theme="dark"] .dsq-next-wedding .dsq-visual-head h2,html[data-dlwe-theme="dark"] .dsq-next-number strong,html[data-dlwe-theme="dark"] .dsq-next-open{color:#f4f0e8!important;}html[data-dlwe-theme="dark"] .dsq-next-number span,html[data-dlwe-theme="dark"] .dsq-next-meta{color:#b8b9aa;}html[data-dlwe-theme="dark"] .dsq-team-today{background:#211e1b;}

@media(max-width:1180px){
  .dsq-dashboard-topgrid,.dsq-dashboard-midgrid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.75fr);}
  .dsq-dashboard-bottomgrid{grid-template-columns:1fr 1fr;}.dsq-quick-access{grid-column:1/-1;}.dsq-quick-list{grid-template-columns:1fr 1fr;column-gap:18px;}
  .dsq-planning-body{grid-template-columns:130px minmax(0,1fr);gap:20px}.dsq-health-ring{width:124px;height:124px}.dsq-health-kpis{grid-template-columns:repeat(2,1fr);row-gap:12px;}.dsq-health-kpis span:nth-child(2){border-right:0;}
}
@media(max-width:900px){
  .dsq-dashboard-topgrid,.dsq-dashboard-midgrid,.dsq-dashboard-bottomgrid{grid-template-columns:1fr;}.dsq-quick-access{grid-column:auto;}.dsq-quick-list{grid-template-columns:1fr;}.dsq-wedding-legend{grid-template-columns:repeat(2,minmax(0,1fr));}.dsq-planning-body{grid-template-columns:124px minmax(0,1fr);}
}
@media(max-width:620px){
  .dsq-dashboard-visual{gap:12px}.dsq-dashboard-topgrid,.dsq-dashboard-midgrid,.dsq-dashboard-bottomgrid{gap:12px}.dsq-visual-card{padding:17px;border-radius:16px}.dsq-planning-body{grid-template-columns:1fr}.dsq-health-ring{width:116px;height:116px}.dsq-health-kpis{grid-template-columns:repeat(2,1fr)}.dsq-task-legend{gap:10px}.dsq-wedding-axis{display:none}.dsq-wedding-legend{grid-template-columns:1fr;margin-top:0}.dsq-visual-head h2{font-size:16px}.dsq-next-number strong{font-size:36px}
}


/* ================================================================
   Dated Studio v8.23.1 — Graphical Dashboard visual polish
   Dashboard-only refinement; v8.22.12 shell remains frozen.
   ================================================================ */

/* Fix dark analytical-card contrast deterministically. */
.dlwe-studio-qortrade .dsq-planning-health .dsq-visual-head p{
  color:#d8c5a4!important;
  opacity:1!important;
}
.dlwe-studio-qortrade .dsq-planning-health .dsq-visual-head h2{
  color:#fffaf3!important;
  opacity:1!important;
}
.dlwe-studio-qortrade .dsq-planning-health .dsq-visual-head>button{
  color:#e8e1d8!important;
}
.dlwe-studio-qortrade .dsq-planning-health .dsq-visual-head>button:hover,
.dlwe-studio-qortrade .dsq-planning-health .dsq-visual-head>button:focus-visible{
  color:#ffffff!important;
}

/* Warmer Dated treatment for the next-wedding visual anchor. */
.dlwe-studio-qortrade .dsq-next-wedding{
  background:#eee8dc!important;
  border-color:#ddd2c3!important;
  color:#171719!important;
}
.dlwe-studio-qortrade .dsq-next-wedding::before{
  content:"";
  position:absolute;
  width:220px;height:220px;
  right:-82px;bottom:-102px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(156,118,86,.13),rgba(156,118,86,0) 72%);
  pointer-events:none;
}
.dlwe-studio-qortrade .dsq-next-wedding .dsq-visual-head p{color:#8c684b!important;}
.dlwe-studio-qortrade .dsq-next-wedding .dsq-visual-head h2,
.dlwe-studio-qortrade .dsq-next-wedding .dsq-next-number strong,
.dlwe-studio-qortrade .dsq-next-wedding .dsq-next-open{color:#171719!important;}

/* Truthful but deliberately designed zero-wedding calendar. */
.dsq-wedding-empty-timeline{
  min-height:166px;
  display:grid;
  grid-template-rows:1fr auto;
  align-content:center;
  gap:22px;
  padding:20px 8px 2px;
}
.dsq-empty-calendar-axis{
  position:relative;
  min-height:76px;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  align-items:end;
  gap:0;
}
.dsq-empty-calendar-axis::before{
  content:"";
  position:absolute;
  left:3%;right:3%;top:28px;
  height:1px;
  background:linear-gradient(90deg,var(--dsq-line-strong),var(--dsq-line),var(--dsq-line-strong));
}
.dsq-empty-calendar-axis span{
  position:relative;
  display:grid;
  justify-items:center;
  gap:14px;
  min-width:0;
  font:650 8px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--dsq-muted);
}
.dsq-empty-calendar-axis span::before{
  content:"";
  width:7px;height:7px;
  border-radius:50%;
  background:var(--dsq-surface);
  border:1px solid var(--dsq-line-strong);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--dsq-line) 42%,transparent);
  z-index:1;
}
.dsq-empty-calendar-note{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding-top:15px;
  border-top:1px solid var(--dsq-line);
}
.dsq-empty-calendar-note strong{font-size:10.5px;color:var(--dsq-ink);}
.dsq-empty-calendar-note span{font-size:9px;line-height:1.45;color:var(--dsq-muted);text-align:right;}

/* Decision queue: compact analytical rows with truthful state indicators. */
.dsq-decision-list{gap:0!important;}
.dsq-decision-list button{
  min-height:48px!important;
  padding:10px 0!important;
}
.dsq-decision-label{display:flex!important;align-items:center!important;gap:9px!important;font-size:10.5px!important;color:var(--dsq-copy)!important;}
.dsq-decision-dot{
  width:7px;height:7px;flex:none;border-radius:50%;
  background:#c7c2bb;
  box-shadow:0 0 0 4px color-mix(in srgb,#c7c2bb 17%,transparent);
}
.dsq-decision-list button.has-action .dsq-decision-dot{
  background:var(--dsq-rose);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--dsq-rose) 16%,transparent);
}
.dsq-decision-list button.has-action strong{color:var(--dsq-rose)!important;}
.dsq-decision-list button:hover .dsq-decision-label{color:var(--dsq-ink)!important;}

/* Keep lower dashboard modules visually balanced. */
@media(min-width:1181px){
  .dsq-dashboard-bottomgrid>.dsq-visual-card{
    min-height:284px;
    display:flex;
    flex-direction:column;
  }
  .dsq-dashboard-bottomgrid .dsq-readiness-list,
  .dsq-dashboard-bottomgrid .dsq-quick-list{flex:1;align-content:start;}
  .dsq-dashboard-bottomgrid .dsq-team-kpis{margin-top:auto;}
}
.dsq-readiness .dsq-visual-empty.compact{
  min-height:116px;
  justify-content:center;
  padding:14px 0;
  border-top:1px solid var(--dsq-line);
  border-bottom:1px solid var(--dsq-line);
}
.dsq-team-today{
  background:#f1ece5!important;
  border-color:#ddd5ca!important;
}
.dsq-team-status{padding-top:12px!important;}
.dsq-team-status strong{font-size:34px!important;}
.dsq-quick-list>button{min-height:44px!important;}

/* Slightly tighter empty-state composition without creating fake data. */
.dsq-next-wedding.is-empty .dsq-visual-empty{
  min-height:0;
  margin-top:auto;
  padding:18px 0 3px;
  border-top:1px solid rgba(91,70,52,.12);
}
.dsq-next-wedding.is-empty .dsq-visual-empty span{
  max-width:290px;
  color:#73695f;
}

html[data-dlwe-theme="dark"] .dlwe-studio-qortrade .dsq-next-wedding{
  background:#28231f!important;
  border-color:#3a332d!important;
  color:#f4f0e8!important;
}
html[data-dlwe-theme="dark"] .dlwe-studio-qortrade .dsq-next-wedding .dsq-visual-head p{color:#c9a789!important;}
html[data-dlwe-theme="dark"] .dlwe-studio-qortrade .dsq-next-wedding .dsq-visual-head h2,
html[data-dlwe-theme="dark"] .dlwe-studio-qortrade .dsq-next-wedding .dsq-next-number strong,
html[data-dlwe-theme="dark"] .dlwe-studio-qortrade .dsq-next-wedding .dsq-next-open{color:#f4f0e8!important;}
html[data-dlwe-theme="dark"] .dlwe-studio-qortrade .dsq-team-today{background:#211e1b!important;border-color:#34302c!important;}

@media(max-width:900px){
  .dsq-wedding-empty-timeline{min-height:142px;padding-top:12px;}
  .dsq-empty-calendar-axis{min-height:66px;}
  .dsq-empty-calendar-note{align-items:flex-start;flex-direction:column;gap:5px;}
  .dsq-empty-calendar-note span{text-align:left;}
}
@media(max-width:620px){
  .dsq-empty-calendar-axis{grid-template-columns:repeat(3,1fr);row-gap:18px;min-height:116px;}
  .dsq-empty-calendar-axis::before{display:none;}
  .dsq-empty-calendar-axis span{gap:8px;}
}

/* ===== dated-studio-weddings-v8240.css ===== */
/* Dated Studio v8.24.0 — Weddings + Wedding Workspace visual system. */
.dlwe-studio-qortrade [data-dlwe-panel="my-weddings"].dsw-portfolio-active > :not(.dsw-portfolio-layer),
.dlwe-studio-qortrade [data-dlwe-panel="wedding-workspace"].dsw-workspace-active > :not(.dsw-workspace-layer){display:none!important;}
.dsw-portfolio-layer,.dsw-workspace-layer{color:var(--dsq-copy);}
.dsw-portfolio-layer[hidden],.dsw-workspace-layer[hidden]{display:none!important;}
.dsw-loading{min-height:360px;display:grid;place-items:center;align-content:center;gap:14px;color:var(--dsq-muted);}
.dsw-loading span{width:32px;height:32px;border:2px solid var(--dsq-line);border-top-color:var(--dsq-ink);border-radius:50%;animation:dsw-spin .8s linear infinite;}
.dsw-loading strong{font-size:13px;font-weight:600;color:var(--dsq-ink);}
@keyframes dsw-spin{to{transform:rotate(360deg)}}

.dsw-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:4px 0 25px;margin-bottom:22px;border-bottom:1px solid var(--dsq-line);}
.dsw-page-head h1,.dsw-workspace-hero h1{margin:4px 0 7px!important;color:var(--dsq-ink)!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-weight:650!important;letter-spacing:-.035em!important;}
.dsw-page-head h1{font-size:34px!important;line-height:1!important;}
.dsw-page-head>div>p:last-child{max-width:680px;margin:0;color:var(--dsq-muted);font-size:13px;line-height:1.55;}
.dsw-kicker{margin:0!important;font-size:9px!important;font-weight:700!important;line-height:1.2!important;letter-spacing:.19em!important;text-transform:uppercase!important;color:var(--dsq-bronze)!important;}
.dsw-head-actions{display:flex;align-items:center;gap:9px;flex:none;}
.dsw-quiet-button,.dsw-dark-button{height:42px!important;padding:0 15px!important;border-radius:999px!important;font-size:11px!important;font-weight:650!important;letter-spacing:.01em!important;box-shadow:none!important;}
.dsw-quiet-button{border:1px solid var(--dsq-line)!important;background:transparent!important;color:var(--dsq-ink)!important;}
.dsw-dark-button{border:1px solid var(--dsq-ink)!important;background:var(--dsq-ink)!important;color:var(--dsq-surface)!important;}

.dsw-portfolio-ledger{display:grid;grid-template-columns:1.25fr repeat(4,1fr);align-items:stretch;margin-bottom:18px;border:1px solid var(--dsq-line);border-radius:16px;background:var(--dsq-surface);overflow:hidden;}
.dsw-portfolio-ledger>div{min-height:78px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-left:1px solid var(--dsq-line);}
.dsw-portfolio-ledger>div:first-child{border-left:0;background:color-mix(in srgb,var(--dsq-bronze-soft) 55%,var(--dsq-surface));}
.dsw-portfolio-ledger span{font-size:10px;color:var(--dsq-muted);}
.dsw-portfolio-ledger strong{font:500 28px/1 Georgia,"Times New Roman",serif;color:var(--dsq-ink);}
.dsw-portfolio-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 220px auto;gap:10px;align-items:center;margin-bottom:13px;}
.dsw-search{height:46px;display:grid;grid-template-columns:20px 1fr;align-items:center;gap:9px;padding:0 14px;border:1px solid var(--dsq-line);border-radius:13px;background:var(--dsq-surface);}
.dsw-search svg{width:17px;height:17px;color:var(--dsq-muted);}
.dsw-search input{height:42px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:12px!important;}
.dsw-portfolio-toolbar select{height:46px!important;font-size:11px!important;}
.dsw-segmented{height:46px;padding:4px;display:flex;align-items:center;gap:2px;border:1px solid var(--dsq-line);border-radius:13px;background:var(--dsq-surface);}
.dsw-segmented button{height:36px!important;padding:0 13px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:var(--dsq-muted)!important;font-size:10px!important;font-weight:650!important;box-shadow:none!important;}
.dsw-segmented button:hover{color:var(--dsq-ink)!important;background:var(--dsq-surface-2)!important;}
.dsw-segmented button.is-active{background:var(--dsq-ink)!important;color:var(--dsq-surface)!important;}
.dsw-portfolio-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 2px 16px;color:var(--dsq-muted);}
.dsw-portfolio-meta span{font-size:11px;font-weight:650;color:var(--dsq-ink);}
.dsw-portfolio-meta small{font-size:9px;}

.dsw-wedding-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch;}
.dsw-wedding-card{min-width:0;min-height:430px;padding:20px;border:1px solid var(--dsq-line);border-radius:18px;background:var(--dsq-surface);box-shadow:none;display:flex;flex-direction:column;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;overflow:hidden;}
.dsw-wedding-card:hover{transform:translateY(-2px);border-color:var(--dsq-line-strong);box-shadow:var(--dsq-shadow);}
.dsw-wedding-card.is-featured{background:var(--dsq-ink);border-color:var(--dsq-ink);color:#d8d4cf;}
.dsw-wedding-card.is-past{opacity:.78;}
.dsw-wedding-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.dsw-status{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;font-size:8px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;background:var(--dsq-surface-2);color:var(--dsq-copy);border:1px solid var(--dsq-line);}
.dsw-status.is-success{background:#e9f0eb;color:#456454;border-color:#d4e1d8}.dsw-status.is-warm{background:var(--dsq-bronze-soft);color:#7c5a3f;border-color:#ddcbbb}.dsw-status.is-danger{background:#f5e7e8;color:#925560;border-color:#ead0d3}
.dsw-wedding-card.is-featured .dsw-status{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.13);color:#f4f0eb;}
.dsw-wid{font:650 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;color:var(--dsq-muted);}
.dsw-wedding-card.is-featured .dsw-wid{color:#9e9993;}
.dsw-wedding-identity{margin-top:24px;}
.dsw-wedding-identity h2{margin:0 0 6px!important;font:500 27px/1.05 Georgia,"Times New Roman",serif!important;letter-spacing:-.02em!important;color:var(--dsq-ink)!important;}
.dsw-wedding-identity p{margin:0;font-size:10px;color:var(--dsq-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dsw-wedding-card.is-featured .dsw-wedding-identity h2{color:#fff!important}.dsw-wedding-card.is-featured .dsw-wedding-identity p{color:#aaa49e;}
.dsw-wedding-date{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:26px 0 22px;padding-bottom:19px;border-bottom:1px solid var(--dsq-line);}
.dsw-wedding-card.is-featured .dsw-wedding-date{border-color:rgba(255,255,255,.12);}
.dsw-wedding-date>div{display:flex;align-items:baseline;gap:7px;}
.dsw-wedding-date>div strong{font:500 32px/1 Georgia,serif;color:var(--dsq-ink);}.dsw-wedding-date>div span{font-size:7px;letter-spacing:.13em;text-transform:uppercase;color:var(--dsq-muted);}
.dsw-wedding-date>p{margin:0;text-align:right;font-size:9px;color:var(--dsq-copy);max-width:45%;}
.dsw-wedding-card.is-featured .dsw-wedding-date>div strong{color:#fff}.dsw-wedding-card.is-featured .dsw-wedding-date>p{color:#ccc7c2}
.dsw-readiness>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:9px;color:var(--dsq-muted)}.dsw-readiness>div strong{color:var(--dsq-ink);font-size:9px;}
.dsw-readiness>i,.dsw-plan-track i{display:block;height:5px;border-radius:99px;background:var(--dsq-surface-2);overflow:hidden;}.dsw-readiness>i b,.dsw-plan-track i b{display:block;height:100%;background:var(--dsq-bronze);border-radius:inherit;}
.dsw-wedding-card.is-featured .dsw-readiness>div strong{color:#fff}.dsw-wedding-card.is-featured .dsw-readiness>i{background:rgba(255,255,255,.12)}
.dsw-wedding-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:19px 0;}
.dsw-wedding-metrics>div{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:7px;min-width:0;}.dsw-wedding-metrics svg{width:17px;height:17px;color:var(--dsq-bronze)}.dsw-wedding-metrics span{display:flex;flex-direction:column;min-width:0}.dsw-wedding-metrics strong{font-size:14px;color:var(--dsq-ink)}.dsw-wedding-metrics small{font-size:8px;color:var(--dsq-muted);white-space:nowrap;}
.dsw-wedding-card.is-featured .dsw-wedding-metrics strong{color:#fff}
.dsw-wedding-team{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;margin-top:auto;padding-top:13px;border-top:1px solid var(--dsq-line);}.dsw-wedding-card.is-featured .dsw-wedding-team{border-color:rgba(255,255,255,.12)}
.dsw-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--dsq-bronze-soft);border:1px solid #ddc9b8;color:var(--dsq-ink);font:650 10px Georgia,serif;flex:none;}.dsw-wedding-card.is-featured .dsw-avatar{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.14);color:#fff}
.dsw-wedding-team div{display:flex;flex-direction:column;min-width:0}.dsw-wedding-team small{font-size:7px;text-transform:uppercase;letter-spacing:.11em;color:var(--dsq-muted)}.dsw-wedding-team strong{font-size:9px;color:var(--dsq-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dsw-wedding-card.is-featured .dsw-wedding-team strong{color:#fff}
.dsw-wedding-card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:15px;}
.dsw-wedding-card-actions button,.dsw-wedding-card-actions a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:38px!important;padding:0 12px!important;border-radius:10px!important;text-decoration:none!important;font-size:9px!important;font-weight:700!important;box-shadow:none!important;}.dsw-wedding-card-actions svg{width:14px;height:14px;}
.dsw-wedding-card-actions button{flex:1;border:1px solid var(--dsq-ink)!important;background:var(--dsq-ink)!important;color:var(--dsq-surface)!important}.dsw-wedding-card-actions a{border:1px solid var(--dsq-line)!important;background:transparent!important;color:var(--dsq-copy)!important}.dsw-wedding-card-actions>span{font-size:8px;color:var(--dsq-muted);}
.dsw-wedding-card.is-featured .dsw-wedding-card-actions button{background:#fff!important;color:#151516!important;border-color:#fff!important}.dsw-wedding-card.is-featured .dsw-wedding-card-actions a{color:#ddd8d2!important;border-color:rgba(255,255,255,.18)!important}
.dsw-portfolio-empty{grid-column:1/-1;min-height:280px;display:grid;grid-template-columns:52px 1fr;align-items:center;align-content:center;justify-content:center;gap:16px;padding:42px;border:1px dashed var(--dsq-line-strong);border-radius:18px;background:var(--dsq-surface);}.dsw-portfolio-empty svg{width:38px;height:38px;color:var(--dsq-bronze)}.dsw-portfolio-empty div{display:flex;flex-direction:column;gap:5px}.dsw-portfolio-empty strong{font:500 22px Georgia,serif;color:var(--dsq-ink)}.dsw-portfolio-empty span{font-size:11px;color:var(--dsq-muted)}

/* Wedding workspace */
.dsw-workspace-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:2px 0 17px;margin-bottom:14px;border-bottom:1px solid var(--dsq-line);}.dsw-workspace-head>div{display:flex;align-items:center;gap:15px}.dsw-back{padding:0!important;border:0!important;background:transparent!important;color:var(--dsq-muted)!important;font-size:10px!important;box-shadow:none!important}.dsw-back:hover{color:var(--dsq-ink)!important}.dsw-workspace-head label{display:flex;align-items:center;gap:10px}.dsw-workspace-head label span{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--dsq-muted)}.dsw-workspace-head select{height:40px!important;min-width:280px!important;font-size:10px!important;border-radius:999px!important;padding-inline:14px!important;}
.dsw-workspace-hero{min-height:300px;padding:32px 34px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,.6fr);align-items:stretch;gap:26px;border-radius:22px;background:var(--dsq-ink);color:#d4cfca;overflow:hidden;position:relative;}.dsw-workspace-hero:after{content:"";position:absolute;width:340px;height:340px;border:1px solid rgba(255,255,255,.07);border-radius:50%;right:-100px;top:-140px;box-shadow:0 0 0 50px rgba(255,255,255,.018),0 0 0 100px rgba(255,255,255,.012)}
.dsw-workspace-hero-copy{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.dsw-hero-status{display:flex;align-items:center;gap:10px;margin-bottom:24px}.dsw-hero-status>span:last-child{font:650 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;color:#8f8a84}.dsw-workspace-hero h1{font:500 45px/1 Georgia,"Times New Roman",serif!important;letter-spacing:-.035em!important;color:#fff!important;margin:0 0 10px!important}.dsw-workspace-hero-copy>p{margin:0;font-size:12px;color:#aca6a0}.dsw-hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:27px}.dsw-hero-actions button,.dsw-hero-actions a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;height:38px!important;padding:0 13px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.15)!important;background:transparent!important;color:#e2ddd8!important;text-decoration:none!important;font-size:9px!important;font-weight:700!important;box-shadow:none!important}.dsw-hero-actions .is-primary{background:#fff!important;color:#151516!important;border-color:#fff!important}
.dsw-workspace-countdown{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;gap:38px;padding-left:24px;border-left:1px solid rgba(255,255,255,.11)}.dsw-workspace-countdown>div:first-child{display:flex;flex-direction:column;align-items:flex-end}.dsw-workspace-countdown>div:first-child strong{font:500 48px/1 Georgia,serif;color:#fff}.dsw-workspace-countdown>div:first-child span{margin-top:8px;font-size:8px;letter-spacing:.13em;color:#938e88}.dsw-readiness-ring{--dsw-progress:0;width:112px;height:112px;border-radius:50%;display:grid;place-content:center;text-align:center;position:relative;background:conic-gradient(var(--dsq-bronze) calc(var(--dsw-progress)*1%),rgba(255,255,255,.1) 0)}.dsw-readiness-ring:after{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--dsq-ink)}.dsw-readiness-ring strong,.dsw-readiness-ring span{position:relative;z-index:1}.dsw-readiness-ring strong{font:500 26px/1 Georgia,serif;color:#fff}.dsw-readiness-ring span{margin-top:4px;font-size:7px;letter-spacing:.12em;color:#8f8a84}.dsw-readiness-ring.is-large{width:132px;height:132px}.dsw-readiness-ring.is-large:after{inset:10px}
.dsw-workspace-nav{display:flex;align-items:center;gap:4px;margin:14px 0 16px;padding:4px;border:1px solid var(--dsq-line);border-radius:14px;background:var(--dsq-surface);overflow-x:auto}.dsw-workspace-nav button{height:38px!important;padding:0 14px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--dsq-muted)!important;font-size:10px!important;font-weight:650!important;box-shadow:none!important;white-space:nowrap}.dsw-workspace-nav button:hover{background:var(--dsq-surface-2)!important;color:var(--dsq-ink)!important}.dsw-workspace-nav button.is-active{background:var(--dsq-ink)!important;color:var(--dsq-surface)!important}
.dsw-workspace-facts{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--dsq-line);border-radius:16px;background:var(--dsq-surface);margin-bottom:14px;overflow:hidden}.dsw-workspace-facts>div{min-height:82px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-left:1px solid var(--dsq-line)}.dsw-workspace-facts>div:first-child{border-left:0}.dsw-workspace-facts span{font-size:9px;color:var(--dsq-muted)}.dsw-workspace-facts strong{font:500 21px Georgia,serif;color:var(--dsq-ink);text-align:right}
.dsw-workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}.dsw-work-card{min-width:0;padding:22px;border:1px solid var(--dsq-line);border-radius:18px;background:var(--dsq-surface);box-shadow:none}.dsw-work-card.dsw-span-2{grid-column:1/-1}.dsw-work-card.is-dark{background:var(--dsq-ink);border-color:var(--dsq-ink);color:#d7d2cc}.dsw-work-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:15px;margin-bottom:16px;border-bottom:1px solid var(--dsq-line)}.dsw-work-card.is-dark>header{border-color:rgba(255,255,255,.1)}.dsw-work-card h2{margin:4px 0 0!important;font:500 24px/1.05 Georgia,serif!important;color:var(--dsq-ink)!important}.dsw-work-card.is-dark h2{color:#fff!important}.dsw-work-card>header button{padding:0!important;border:0!important;background:transparent!important;color:var(--dsq-bronze)!important;font-size:9px!important;font-weight:700!important;box-shadow:none!important}.dsw-count{font:500 26px/1 Georgia,serif;color:var(--dsq-ink)}
.dsw-planning-layout{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center}.dsw-planning-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden}.dsw-planning-stats>div{min-height:88px;padding:16px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid rgba(255,255,255,.1)}.dsw-planning-stats>div:first-child{border-left:0}.dsw-planning-stats strong{font:500 27px/1 Georgia,serif;color:#fff}.dsw-planning-stats span{margin-top:7px;font-size:8px;color:#9d9791}.dsw-planning-stats .is-alert strong{color:#dfa0aa}.dsw-plan-track{grid-column:2;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.dsw-plan-track i{background:rgba(255,255,255,.1)}.dsw-plan-track span{font-size:8px;color:#8f8984}
.dsw-team-list{display:flex;flex-direction:column;gap:9px}.dsw-team-list>div{min-height:51px;display:grid;grid-template-columns:36px 1fr;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--dsq-line)}.dsw-team-list>div:last-child{border-bottom:0}.dsw-team-list p{display:flex;flex-direction:column;margin:0}.dsw-team-list strong{font-size:10px;color:var(--dsq-ink)}.dsw-team-list small{margin-top:3px;font-size:8px;color:var(--dsq-muted)}
.dsw-alert-list{display:flex;flex-direction:column;gap:5px}.dsw-alert-list>div:not(.dsw-soft-empty){min-height:43px;display:grid;grid-template-columns:9px 1fr;align-items:center;gap:10px;padding:0 10px;border-radius:10px;background:var(--dsq-surface-2);font-size:9px;color:var(--dsq-copy)}.dsw-alert-list i{width:7px;height:7px;border-radius:50%;background:#a7a19b}.dsw-alert-list .is-danger i{background:#b96d79}.dsw-alert-list .is-warm i{background:var(--dsq-bronze)}.dsw-soft-empty{min-height:96px;display:grid!important;place-items:center!important;padding:18px!important;border:1px dashed var(--dsq-line)!important;border-radius:12px!important;color:var(--dsq-muted)!important;font-size:9px!important;text-align:center!important}.dsw-soft-empty.is-good{background:#f1f5f2;color:#557061!important;border-color:#dbe6df!important}
.dsw-event-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:13px}.dsw-event-summary>div{padding:12px;border-radius:11px;background:var(--dsq-surface-2);display:flex;flex-direction:column}.dsw-event-summary strong{font:500 22px Georgia,serif;color:var(--dsq-ink)}.dsw-event-summary span{margin-top:3px;font-size:8px;color:var(--dsq-muted)}.dsw-event-list{display:flex;flex-direction:column}.dsw-event-list>div:not(.dsw-soft-empty){display:grid;grid-template-columns:10px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--dsq-line)}.dsw-event-list>div:last-child{border-bottom:0}.dsw-event-list i{width:6px;height:6px;margin-top:5px;border-radius:50%;background:var(--dsq-bronze)}.dsw-event-list p{margin:0;display:flex;flex-direction:column}.dsw-event-list strong{font-size:9px;color:var(--dsq-ink)}.dsw-event-list small{font-size:8px;color:var(--dsq-muted);margin-top:2px}
.dsw-doc-status{display:grid;grid-template-columns:32px 1fr;align-items:center;gap:10px;padding:13px;border-radius:12px;background:var(--dsq-surface-2)}.dsw-doc-status svg{width:21px;height:21px;color:var(--dsq-bronze)}.dsw-doc-status div{display:flex;flex-direction:column}.dsw-doc-status span{font-size:8px;color:var(--dsq-muted)}.dsw-doc-status strong{font-size:10px;color:var(--dsq-ink);margin-top:2px}.dsw-notes{min-height:76px;margin:12px 0 0;padding:13px;border:1px solid var(--dsq-line);border-radius:12px;font-size:9px;line-height:1.6;color:var(--dsq-copy)}.dsw-inline-link{display:inline-flex;align-items:center;gap:7px;margin-top:12px;color:var(--dsq-bronze);font-size:9px;font-weight:700;text-decoration:none}.dsw-inline-link svg{width:13px;height:13px}
.dsw-finance-hero{padding:14px 0 17px;border-bottom:1px solid var(--dsq-line);display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.dsw-finance-hero span{font-size:9px;color:var(--dsq-muted)}.dsw-finance-hero strong{font:500 28px Georgia,serif;color:var(--dsq-ink)}.dsw-finance-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.dsw-finance-row>div{padding:11px;border-radius:10px;background:var(--dsq-surface-2);display:flex;flex-direction:column}.dsw-finance-row span{font-size:8px;color:var(--dsq-muted)}.dsw-finance-row strong{margin-top:3px;font-size:9px;color:var(--dsq-ink)}
.dsw-generated{margin:12px 2px 0;text-align:right;font-size:8px;color:var(--dsq-muted)}
.dsw-workspace-empty{min-height:540px;display:flex;flex-direction:column}.dsw-workspace-empty>div{flex:1;display:grid;place-items:center;align-content:center;text-align:center}.dsw-workspace-empty svg{width:48px;height:48px;color:var(--dsq-bronze)}.dsw-workspace-empty h1{font:500 31px Georgia,serif;color:var(--dsq-ink);margin:16px 0 8px}.dsw-workspace-empty p{max-width:520px;color:var(--dsq-muted);font-size:11px}

html[data-dlwe-theme="dark"] .dsw-status.is-success{background:#203027;color:#a7c7b5;border-color:#30483a}html[data-dlwe-theme="dark"] .dsw-status.is-danger{background:#342126;color:#d9a3ac;border-color:#503039}html[data-dlwe-theme="dark"] .dsw-soft-empty.is-good{background:#1d2822;color:#9db5a7!important;border-color:#2f4438!important}

@media(max-width:1280px){
  .dsw-wedding-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dsw-portfolio-toolbar{grid-template-columns:1fr 190px}.dsw-segmented{grid-column:1/-1;width:max-content}.dsw-workspace-hero{grid-template-columns:1fr 260px}.dsw-workspace-countdown{gap:20px}.dsw-workspace-facts{grid-template-columns:repeat(2,1fr)}.dsw-workspace-facts>div:nth-child(3){border-left:0;border-top:1px solid var(--dsq-line)}.dsw-workspace-facts>div:nth-child(4){border-top:1px solid var(--dsq-line)}
}
@media(max-width:850px){
  .dsw-page-head{align-items:flex-start;flex-direction:column}.dsw-portfolio-ledger{grid-template-columns:repeat(2,1fr)}.dsw-portfolio-ledger>div{border-top:1px solid var(--dsq-line)}.dsw-portfolio-ledger>div:nth-child(1),.dsw-portfolio-ledger>div:nth-child(2){border-top:0}.dsw-portfolio-ledger>div:nth-child(odd){border-left:0}.dsw-wedding-grid{grid-template-columns:1fr}.dsw-portfolio-toolbar{grid-template-columns:1fr}.dsw-segmented{grid-column:auto;max-width:100%;overflow-x:auto}.dsw-workspace-head{align-items:flex-start;flex-direction:column}.dsw-workspace-head label{width:100%;justify-content:space-between}.dsw-workspace-head select{min-width:0!important;flex:1}.dsw-workspace-hero{grid-template-columns:1fr;min-height:0;padding:26px}.dsw-workspace-countdown{justify-content:flex-start;padding:23px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.11)}.dsw-workspace-grid{grid-template-columns:1fr}.dsw-work-card.dsw-span-2{grid-column:auto}.dsw-planning-layout{grid-template-columns:1fr}.dsw-readiness-ring.is-large{margin:auto}.dsw-plan-track{grid-column:auto}.dsw-planning-stats{grid-template-columns:repeat(2,1fr)}.dsw-planning-stats>div:nth-child(3){border-left:0;border-top:1px solid rgba(255,255,255,.1)}.dsw-planning-stats>div:nth-child(4){border-top:1px solid rgba(255,255,255,.1)}
}
@media(max-width:560px){
  .dsw-page-head h1{font-size:30px!important}.dsw-head-actions{width:100%}.dsw-head-actions button{flex:1}.dsw-portfolio-ledger{grid-template-columns:1fr}.dsw-portfolio-ledger>div{border-left:0!important;border-top:1px solid var(--dsq-line)!important}.dsw-portfolio-ledger>div:first-child{border-top:0!important}.dsw-wedding-card{min-height:0;padding:17px}.dsw-wedding-date{align-items:flex-start;flex-direction:column}.dsw-wedding-date>p{max-width:none;text-align:left}.dsw-wedding-metrics{grid-template-columns:1fr}.dsw-workspace-hero h1{font-size:36px!important}.dsw-workspace-countdown{justify-content:space-between}.dsw-workspace-countdown>div:first-child{align-items:flex-start}.dsw-workspace-facts{grid-template-columns:1fr}.dsw-workspace-facts>div{border-left:0!important;border-top:1px solid var(--dsq-line)!important}.dsw-workspace-facts>div:first-child{border-top:0!important}.dsw-finance-row{grid-template-columns:1fr}.dsw-event-summary{grid-template-columns:1fr}.dsw-planning-stats{grid-template-columns:1fr}.dsw-planning-stats>div{border-left:0!important;border-top:1px solid rgba(255,255,255,.1)!important}.dsw-planning-stats>div:first-child{border-top:0!important}
}
@media(prefers-reduced-motion:reduce){.dsw-wedding-card,.dsw-loading span{transition:none!important;animation:none!important}}

/* ===== dated-studio-workspace-empty-v8241.css ===== */
/* Dated Studio v8.24.1 — Wedding Workspace empty-state refinement only. */
.dsw-workspace-empty.dsw-workspace-empty-refined{
  min-height:440px!important;
  display:flex!important;
  flex-direction:column!important;
  padding:0!important;
}
.dsw-workspace-empty.dsw-workspace-empty-refined>.dsw-empty-back{
  width:auto!important;
  max-width:max-content!important;
  min-height:36px!important;
  align-self:flex-start!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  margin:0!important;
  padding:0 13px!important;
  border:1px solid var(--dsq-line)!important;
  border-radius:999px!important;
  background:var(--dsq-surface)!important;
  color:var(--dsq-copy)!important;
  box-shadow:none!important;
  font-size:9px!important;
  font-weight:650!important;
  line-height:1!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  transition:border-color .18s ease,background .18s ease,color .18s ease!important;
}
.dsw-workspace-empty.dsw-workspace-empty-refined>.dsw-empty-back:hover,
.dsw-workspace-empty.dsw-workspace-empty-refined>.dsw-empty-back:focus-visible{
  border-color:var(--dsq-line-strong)!important;
  background:var(--dsq-surface-2)!important;
  color:var(--dsq-ink)!important;
  outline:none!important;
}
.dsw-workspace-empty.dsw-workspace-empty-refined>.dsw-empty-state{
  flex:1!important;
  min-height:360px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:38px 24px 74px!important;
}
.dsw-workspace-empty-refined .dsw-empty-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border:1px solid var(--dsq-line);
  border-radius:16px;
  background:var(--dsq-surface);
  color:var(--dsq-bronze);
}
.dsw-workspace-empty-refined .dsw-empty-icon svg{
  width:27px!important;
  height:27px!important;
  color:inherit!important;
}
.dsw-workspace-empty-refined .dsw-empty-state h1{
  margin:18px 0 8px!important;
  font:500 31px/1.08 Georgia,"Times New Roman",serif!important;
  letter-spacing:-.025em!important;
  color:var(--dsq-ink)!important;
}
.dsw-workspace-empty-refined .dsw-empty-state p{
  max-width:500px!important;
  margin:0!important;
  color:var(--dsq-muted)!important;
  font-size:11px!important;
  line-height:1.6!important;
}
.dsw-workspace-empty-refined .dsw-empty-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  margin-top:22px!important;
}
.dsw-workspace-empty-refined .dsw-empty-primary{
  width:auto!important;
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 17px!important;
  border:1px solid var(--dsq-ink)!important;
  border-radius:11px!important;
  background:var(--dsq-ink)!important;
  color:var(--dsq-surface)!important;
  box-shadow:none!important;
  font-size:9px!important;
  font-weight:700!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
.dsw-workspace-empty-refined .dsw-empty-primary:hover,
.dsw-workspace-empty-refined .dsw-empty-primary:focus-visible{
  opacity:.88;
  outline:none!important;
}
@media(max-width:850px){
  .dsw-workspace-empty.dsw-workspace-empty-refined{min-height:400px!important}
  .dsw-workspace-empty.dsw-workspace-empty-refined>.dsw-empty-state{min-height:320px!important;padding:32px 18px 54px!important}
}
@media(max-width:560px){
  .dsw-workspace-empty.dsw-workspace-empty-refined{min-height:360px!important}
  .dsw-workspace-empty-refined .dsw-empty-state h1{font-size:27px!important}
  .dsw-workspace-empty-refined .dsw-empty-state p{font-size:10.5px!important}
}
@media(prefers-reduced-motion:reduce){
  .dsw-workspace-empty.dsw-workspace-empty-refined>.dsw-empty-back{transition:none!important}
}

/* ===== dated-studio-planning-v8250.css ===== */
/* Dated Studio v8.25.0 — unified Planning workspace visual system. */

/* Shared Planning page rhythm */
.dlwe-studio-qortrade :is([data-dlwe-panel="task-dashboard"],[data-dlwe-panel="tasks"],[data-dlwe-panel="checklist-builder"],[data-dlwe-panel="timeline-builder"],[data-dlwe-panel="calendar"]) {
  --dsp-soft: color-mix(in srgb,var(--dsq-bronze-soft) 42%,var(--dsq-surface));
  --dsp-soft-2: color-mix(in srgb,var(--dsq-surface-2) 72%,var(--dsq-surface));
}
.dlwe-studio-qortrade :is([data-dlwe-panel="task-dashboard"],[data-dlwe-panel="tasks"],[data-dlwe-panel="checklist-builder"],[data-dlwe-panel="timeline-builder"],[data-dlwe-panel="calendar"]) > .dlwe-portal-header {
  align-items:flex-end!important;
  gap:28px!important;
  padding:3px 0 22px!important;
  margin-bottom:0!important;
  border-bottom:1px solid var(--dsq-line)!important;
}
.dlwe-studio-qortrade :is([data-dlwe-panel="task-dashboard"],[data-dlwe-panel="tasks"],[data-dlwe-panel="checklist-builder"],[data-dlwe-panel="timeline-builder"],[data-dlwe-panel="calendar"]) > .dlwe-portal-header h1 {
  margin:4px 0 7px!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:34px!important;
  font-weight:650!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
  color:var(--dsq-ink)!important;
}
.dlwe-studio-qortrade :is([data-dlwe-panel="task-dashboard"],[data-dlwe-panel="tasks"],[data-dlwe-panel="checklist-builder"],[data-dlwe-panel="timeline-builder"],[data-dlwe-panel="calendar"]) > .dlwe-portal-header .dlwe-eyebrow {
  margin:0!important;
  font-size:9px!important;
  font-weight:700!important;
  line-height:1.2!important;
  letter-spacing:.19em!important;
  text-transform:uppercase!important;
  color:var(--dsq-bronze)!important;
}
.dlwe-studio-qortrade :is([data-dlwe-panel="task-dashboard"],[data-dlwe-panel="tasks"],[data-dlwe-panel="checklist-builder"],[data-dlwe-panel="timeline-builder"],[data-dlwe-panel="calendar"]) > .dlwe-portal-header .dlwe-muted {
  max-width:720px!important;
  margin:0!important;
  font-size:12px!important;
  line-height:1.55!important;
  color:var(--dsq-muted)!important;
}
.dlwe-studio-qortrade :is([data-dlwe-panel="task-dashboard"],[data-dlwe-panel="tasks"],[data-dlwe-panel="checklist-builder"],[data-dlwe-panel="timeline-builder"],[data-dlwe-panel="calendar"]) > .dlwe-portal-header .dlwe-header-actions {
  gap:8px!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
}
.dlwe-studio-qortrade :is([data-dlwe-panel="task-dashboard"],[data-dlwe-panel="tasks"],[data-dlwe-panel="checklist-builder"],[data-dlwe-panel="timeline-builder"],[data-dlwe-panel="calendar"]) > .dlwe-portal-header .dlwe-header-actions button {
  min-height:39px!important;
  border-radius:999px!important;
  padding-inline:14px!important;
  font-size:10px!important;
  font-weight:650!important;
  box-shadow:none!important;
}

/* Planning mini-navigation */
.dsp-planning-nav{
  height:52px;
  display:flex;
  align-items:center;
  gap:2px;
  margin:0 0 22px;
  border-bottom:1px solid var(--dsq-line);
  overflow-x:auto;
  scrollbar-width:none;
}
.dsp-planning-nav::-webkit-scrollbar{display:none}
.dsp-planning-nav button{
  position:relative;
  height:51px!important;
  min-width:max-content;
  padding:0 15px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--dsq-muted)!important;
  box-shadow:none!important;
  font-size:10px!important;
  font-weight:650!important;
  letter-spacing:.005em!important;
}
.dsp-planning-nav button:hover{color:var(--dsq-ink)!important;background:transparent!important}
.dsp-planning-nav button::after{
  content:"";
  position:absolute;
  left:14px;right:14px;bottom:-1px;
  height:2px;
  border-radius:2px;
  background:transparent;
}
.dsp-planning-nav button.is-active{color:var(--dsq-ink)!important}
.dsp-planning-nav button.is-active::after{background:var(--dsq-ink)}

/* Overview / Task Dashboard */
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0 0 10px!important;
  padding:0 2px!important;
  color:var(--dsq-muted)!important;
  font-size:9px!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-meta>span:first-child{
  font-weight:700!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  color:var(--dsq-bronze)!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-badges{
  display:flex!important;
  gap:7px!important;
  flex-wrap:wrap!important;
  margin:0 0 14px!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-chip{
  min-height:28px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 10px!important;
  border:1px solid var(--dsq-line)!important;
  border-radius:999px!important;
  background:var(--dsq-surface)!important;
  color:var(--dsq-copy)!important;
  font-size:8px!important;
  font-weight:700!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-chip.is-danger{border-color:#ead0d3!important;background:#f5e7e8!important;color:#925560!important}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-chip.is-warning{border-color:#e3d4c0!important;background:var(--dsq-bronze-soft)!important;color:#7c5a3f!important}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-chip.is-clear{border-color:#d4e1d8!important;background:#e9f0eb!important;color:#456454!important}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-toolbar{
  display:grid!important;
  grid-template-columns:minmax(260px,1.4fr) repeat(4,minmax(145px,.7fr))!important;
  gap:9px!important;
  align-items:center!important;
  margin:0 0 16px!important;
  padding:12px!important;
  border:1px solid var(--dsq-line)!important;
  border-radius:15px!important;
  background:var(--dsq-surface)!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-toolbar :is(input,select){
  height:42px!important;
  min-width:0!important;
  border:1px solid var(--dsq-line)!important;
  border-radius:10px!important;
  background:var(--dsq-surface-2)!important;
  box-shadow:none!important;
  font-size:10px!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-toolbar :is(input,select):focus{
  border-color:var(--dsq-line-strong)!important;
  background:var(--dsq-surface)!important;
  outline:none!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-summary{
  display:grid!important;
  grid-template-columns:1.15fr repeat(5,1fr)!important;
  gap:0!important;
  margin:0 0 16px!important;
  border:1px solid var(--dsq-line)!important;
  border-radius:16px!important;
  background:var(--dsq-surface)!important;
  overflow:hidden!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-stat{
  min-height:92px!important;
  padding:15px 16px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:3px!important;
  border:0!important;
  border-left:1px solid var(--dsq-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-stat:first-child{border-left:0!important;background:var(--dsp-soft)!important}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-stat span{font-size:8px!important;color:var(--dsq-muted)!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-weight:650!important}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-stat strong{margin:2px 0!important;font:500 27px/1 Georgia,"Times New Roman",serif!important;color:var(--dsq-ink)!important}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-stat small{font-size:8px!important;color:var(--dsq-muted)!important}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-stat.is-danger strong{color:#9b5762!important}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-stat.is-warning strong{color:#8f6a46!important}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-stat.is-success strong{color:#526f60!important}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(300px,.72fr)!important;
  gap:14px!important;
  align-items:start!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-card{
  min-width:0!important;
  padding:18px!important;
  border:1px solid var(--dsq-line)!important;
  border-radius:16px!important;
  background:var(--dsq-surface)!important;
  box-shadow:none!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-card-wide{grid-column:auto!important}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-card:nth-child(1){grid-row:span 2}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-card:nth-child(4),
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-card:nth-child(5){grid-column:1/-1!important}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-card-heading{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:18px!important;
  padding:0 0 13px!important;
  margin:0 0 5px!important;
  border-bottom:1px solid var(--dsq-line)!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-card-heading .dlwe-eyebrow{font-size:8px!important;letter-spacing:.14em!important;color:var(--dsq-bronze)!important}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-card-heading h2{margin:4px 0 0!important;font:500 20px/1.1 Georgia,"Times New Roman",serif!important;color:var(--dsq-ink)!important}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-table{width:100%!important;border-collapse:collapse!important}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-table th{
  padding:10px 9px!important;
  border-bottom:1px solid var(--dsq-line)!important;
  background:transparent!important;
  color:var(--dsq-muted)!important;
  font-size:7.5px!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-table td{
  padding:12px 9px!important;
  border-bottom:1px solid var(--dsq-line)!important;
  color:var(--dsq-copy)!important;
  font-size:9px!important;
  vertical-align:middle!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-table tbody tr:last-child td{border-bottom:0!important}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-table td:first-child strong{font-size:9.5px!important;color:var(--dsq-ink)!important}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-table td:first-child small{display:block!important;margin-top:2px!important;color:var(--dsq-muted)!important;font-size:7.5px!important}
[data-dlwe-panel="task-dashboard"] .dlwe-task-load-label{margin-left:7px!important;font-size:7px!important;letter-spacing:.05em!important}
[data-dlwe-panel="task-dashboard"] .dlwe-task-deadline-list{display:flex!important;flex-direction:column!important}
[data-dlwe-panel="task-dashboard"] .dlwe-task-deadline-item{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
  padding:12px 0!important;
  border:0!important;
  border-bottom:1px solid var(--dsq-line)!important;
  border-radius:0!important;
  background:transparent!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-deadline-item:last-child{border-bottom:0!important}
[data-dlwe-panel="task-dashboard"] .dlwe-task-deadline-item strong{font-size:9.5px!important;color:var(--dsq-ink)!important}
[data-dlwe-panel="task-dashboard"] .dlwe-task-deadline-item span,[data-dlwe-panel="task-dashboard"] .dlwe-task-deadline-item small{font-size:7.5px!important;color:var(--dsq-muted)!important}
[data-dlwe-panel="task-dashboard"] .dlwe-task-deadline-item b{font-size:8px!important;color:var(--dsq-copy)!important}
[data-dlwe-panel="task-dashboard"] .dlwe-task-breakdown-row{padding:8px 0!important}
[data-dlwe-panel="task-dashboard"] .dlwe-task-breakdown-row>div:first-child{font-size:8.5px!important}
[data-dlwe-panel="task-dashboard"] .dlwe-task-breakdown-track{height:5px!important;background:var(--dsq-surface-2)!important;border-radius:999px!important}
[data-dlwe-panel="task-dashboard"] .dlwe-task-breakdown-track span{background:var(--dsq-bronze)!important;border-radius:999px!important}
[data-dlwe-panel="task-dashboard"] .dlwe-task-trend{min-height:190px!important;padding-top:7px!important}

/* Tasks */
[data-dlwe-panel="tasks"] .dlwe-task-email-summary-note{
  margin:0 0 14px!important;
  padding:11px 14px!important;
  border:1px solid var(--dsq-line)!important;
  border-radius:12px!important;
  background:var(--dsp-soft)!important;
  box-shadow:none!important;
}
[data-dlwe-panel="tasks"] .dlwe-task-email-summary-note strong{font-size:9px!important;color:var(--dsq-ink)!important}
[data-dlwe-panel="tasks"] .dlwe-task-email-summary-note span{font-size:8.5px!important;color:var(--dsq-muted)!important}
[data-dlwe-panel="tasks"] .dlwe-task-scope-note{margin:0 0 10px!important;padding:0 2px!important;color:var(--dsq-muted)!important;font-size:9px!important}
[data-dlwe-panel="tasks"] .dlwe-task-summary{
  display:grid!important;
  grid-template-columns:repeat(6,1fr)!important;
  gap:0!important;
  margin:0 0 14px!important;
  border:1px solid var(--dsq-line)!important;
  border-radius:15px!important;
  overflow:hidden!important;
  background:var(--dsq-surface)!important;
}
[data-dlwe-panel="tasks"] .dlwe-task-summary-card{
  min-height:76px!important;
  padding:13px 15px!important;
  border:0!important;
  border-left:1px solid var(--dsq-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
[data-dlwe-panel="tasks"] .dlwe-task-summary-card:first-child{border-left:0!important;background:var(--dsp-soft)!important}
[data-dlwe-panel="tasks"] .dlwe-task-summary-card span{font-size:8px!important;color:var(--dsq-muted)!important;text-transform:uppercase!important;letter-spacing:.05em!important}
[data-dlwe-panel="tasks"] .dlwe-task-summary-card strong{font:500 25px/1 Georgia,"Times New Roman",serif!important;color:var(--dsq-ink)!important}
[data-dlwe-panel="tasks"] .dlwe-task-toolbar{
  display:grid!important;
  grid-template-columns:minmax(245px,1.4fr) repeat(5,minmax(125px,.7fr))!important;
  gap:8px!important;
  margin:0 0 12px!important;
  padding:11px!important;
  border:1px solid var(--dsq-line)!important;
  border-radius:14px!important;
  background:var(--dsq-surface)!important;
}
[data-dlwe-panel="tasks"] .dlwe-task-toolbar :is(input,select){height:40px!important;border-radius:9px!important;background:var(--dsq-surface-2)!important;border-color:var(--dsq-line)!important;font-size:9.5px!important;box-shadow:none!important}
[data-dlwe-panel="tasks"] .dlwe-task-bulk-bar{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  margin:0 0 12px!important;
  padding:10px 12px!important;
  border:1px solid var(--dsq-line)!important;
  border-radius:12px!important;
  background:var(--dsp-soft-2)!important;
  box-shadow:none!important;
}
[data-dlwe-panel="tasks"] #dlwe-tasks-count{margin:12px 2px 10px!important;font-size:9px!important;color:var(--dsq-muted)!important}
[data-dlwe-panel="tasks"] .dlwe-task-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
[data-dlwe-panel="tasks"] .dlwe-task-card{
  position:relative!important;
  min-width:0!important;
  margin:0!important;
  padding:16px!important;
  border:1px solid var(--dsq-line)!important;
  border-radius:15px!important;
  background:var(--dsq-surface)!important;
  box-shadow:none!important;
  transition:border-color .18s ease,transform .18s ease!important;
}
[data-dlwe-panel="tasks"] .dlwe-task-card:hover{border-color:var(--dsq-line-strong)!important;transform:translateY(-1px)!important}
[data-dlwe-panel="tasks"] .dlwe-task-card.is-overdue{border-left:3px solid #b76a74!important}
[data-dlwe-panel="tasks"] .dlwe-task-card.is-completed{opacity:.73!important}
[data-dlwe-panel="tasks"] .dlwe-task-card-header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;padding-bottom:11px!important;border-bottom:1px solid var(--dsq-line)!important}
[data-dlwe-panel="tasks"] .dlwe-history-id{font-size:7px!important;letter-spacing:.08em!important;color:var(--dsq-bronze)!important}
[data-dlwe-panel="tasks"] .dlwe-task-card-header h3{margin:5px 0 3px!important;font:500 19px/1.15 Georgia,"Times New Roman",serif!important;color:var(--dsq-ink)!important}
[data-dlwe-panel="tasks"] .dlwe-task-card-header p{margin:0!important;font-size:8.5px!important;color:var(--dsq-muted)!important}
[data-dlwe-panel="tasks"] .dlwe-history-pills{display:flex!important;gap:5px!important;flex-wrap:wrap!important;justify-content:flex-end!important;max-width:48%!important}
[data-dlwe-panel="tasks"] :is(.dlwe-history-pill,.dlwe-task-priority,.dlwe-task-deadline){min-height:24px!important;padding:0 8px!important;border-radius:999px!important;font-size:7px!important;font-weight:700!important;letter-spacing:.04em!important;box-shadow:none!important}
[data-dlwe-panel="tasks"] .dlwe-task-description{padding:10px 0 0!important;font-size:9px!important;line-height:1.55!important;color:var(--dsq-copy)!important}
[data-dlwe-panel="tasks"] .dlwe-task-details-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;margin:12px 0!important}
[data-dlwe-panel="tasks"] .dlwe-task-metric{padding:9px!important;border:0!important;border-radius:9px!important;background:var(--dsq-surface-2)!important}
[data-dlwe-panel="tasks"] .dlwe-task-metric span{font-size:7px!important;color:var(--dsq-muted)!important;text-transform:uppercase!important;letter-spacing:.05em!important}
[data-dlwe-panel="tasks"] .dlwe-task-metric strong{font-size:8.5px!important;color:var(--dsq-ink)!important}
[data-dlwe-panel="tasks"] .dlwe-task-progress-wrap{margin:12px 0!important}
[data-dlwe-panel="tasks"] .dlwe-task-progress-label{font-size:8px!important}
[data-dlwe-panel="tasks"] .dlwe-task-progress-track{height:5px!important;background:var(--dsq-surface-2)!important;border-radius:999px!important}
[data-dlwe-panel="tasks"] .dlwe-task-progress-track span{background:var(--dsq-bronze)!important;border-radius:999px!important}
[data-dlwe-panel="tasks"] .dlwe-task-note{padding:8px 10px!important;border-radius:9px!important;background:var(--dsq-surface-2)!important;border:0!important;font-size:8.5px!important;line-height:1.5!important}
[data-dlwe-panel="tasks"] .dlwe-task-actions{display:flex!important;gap:7px!important;justify-content:flex-end!important;flex-wrap:wrap!important;margin-top:12px!important;padding-top:11px!important;border-top:1px solid var(--dsq-line)!important}
[data-dlwe-panel="tasks"] .dlwe-task-actions button{min-height:34px!important;padding-inline:11px!important;border-radius:9px!important;font-size:8px!important;box-shadow:none!important}

/* Checklist */
[data-dlwe-panel="checklist-builder"] .dlwe-checklist-command-bar,
[data-dlwe-panel="timeline-builder"] .dlwe-timeline-command-bar{
  min-height:68px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0 0 14px!important;
  padding:12px 14px!important;
  border:1px solid var(--dsq-line)!important;
  border-radius:14px!important;
  background:var(--dsq-surface)!important;
  box-shadow:none!important;
}
[data-dlwe-panel="checklist-builder"] .dlwe-checklist-command-bar .dlwe-field,
[data-dlwe-panel="timeline-builder"] .dlwe-timeline-command-bar .dlwe-field{margin:0!important;min-width:min(420px,100%)!important}
[data-dlwe-panel="checklist-builder"] .dlwe-checklist-command-bar label,
[data-dlwe-panel="timeline-builder"] .dlwe-timeline-command-bar label{font-size:8px!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--dsq-muted)!important}
[data-dlwe-panel="checklist-builder"] .dlwe-checklist-command-bar select,
[data-dlwe-panel="timeline-builder"] .dlwe-timeline-command-bar select{height:40px!important;border-radius:9px!important;background:var(--dsq-surface-2)!important;border-color:var(--dsq-line)!important;font-size:9.5px!important}
[data-dlwe-panel="checklist-builder"] .dlwe-form-section,
[data-dlwe-panel="timeline-builder"] .dlwe-form-section{
  margin:0 0 13px!important;
  padding:17px!important;
  border:1px solid var(--dsq-line)!important;
  border-radius:15px!important;
  background:var(--dsq-surface)!important;
  box-shadow:none!important;
}
[data-dlwe-panel="checklist-builder"] .dlwe-form-section-heading,
[data-dlwe-panel="timeline-builder"] .dlwe-form-section-heading{
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
  margin-bottom:14px!important;
}
[data-dlwe-panel="checklist-builder"] .dlwe-form-section-heading>span,
[data-dlwe-panel="timeline-builder"] .dlwe-form-section-heading>span{
  width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border:1px solid var(--dsq-line)!important;border-radius:50%!important;background:var(--dsp-soft)!important;color:var(--dsq-bronze)!important;font-size:8px!important;font-weight:700!important;
}
[data-dlwe-panel="checklist-builder"] .dlwe-form-section-heading h2,
[data-dlwe-panel="timeline-builder"] .dlwe-form-section-heading h2{margin:0 0 3px!important;font:500 19px/1.15 Georgia,"Times New Roman",serif!important;color:var(--dsq-ink)!important}
[data-dlwe-panel="checklist-builder"] .dlwe-form-section-heading p,
[data-dlwe-panel="timeline-builder"] .dlwe-form-section-heading p{margin:0!important;font-size:8.7px!important;line-height:1.55!important;color:var(--dsq-muted)!important}
[data-dlwe-panel="checklist-builder"] .dlwe-checklist-table,
[data-dlwe-panel="timeline-builder"] :is(.dlwe-timeline-preview-table,.dlwe-checklist-table){border-collapse:collapse!important;width:100%!important}
[data-dlwe-panel="checklist-builder"] .dlwe-checklist-table th,
[data-dlwe-panel="timeline-builder"] :is(.dlwe-timeline-preview-table,.dlwe-checklist-table) th{padding:9px 8px!important;background:transparent!important;border-bottom:1px solid var(--dsq-line)!important;color:var(--dsq-muted)!important;font-size:7px!important;text-transform:uppercase!important;letter-spacing:.06em!important}
[data-dlwe-panel="checklist-builder"] .dlwe-checklist-table td,
[data-dlwe-panel="timeline-builder"] :is(.dlwe-timeline-preview-table,.dlwe-checklist-table) td{padding:10px 8px!important;border-bottom:1px solid var(--dsq-line)!important;font-size:8.5px!important;color:var(--dsq-copy)!important}
[data-dlwe-panel="checklist-builder"] .dlwe-checklist-live-workspace,
[data-dlwe-panel="timeline-builder"] .dlwe-timeline-live-workspace,
[data-dlwe-panel="checklist-builder"] .dlwe-checklist-progress-section,
[data-dlwe-panel="timeline-builder"] .dlwe-checklist-progress-section{
  margin-top:14px!important;
  padding:17px!important;
  border:1px solid var(--dsq-line)!important;
  border-radius:15px!important;
  background:var(--dsq-surface)!important;
  box-shadow:none!important;
}
[data-dlwe-panel="checklist-builder"] .dlwe-checklist-progress-grid,
[data-dlwe-panel="timeline-builder"] .dlwe-checklist-progress-grid{gap:10px!important}

/* Run Sheet */
[data-dlwe-panel="timeline-builder"] .dlwe-native-timeline-toolbar{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin:0 0 12px!important}
[data-dlwe-panel="timeline-builder"] .dlwe-native-timeline-toolbar button,
[data-dlwe-panel="timeline-builder"] .dlwe-form-actions button,
[data-dlwe-panel="checklist-builder"] .dlwe-form-actions button{min-height:38px!important;border-radius:10px!important;font-size:8.5px!important;box-shadow:none!important}
[data-dlwe-panel="timeline-builder"] .dlwe-timeline-manual-editor{display:flex!important;flex-direction:column!important;gap:9px!important}
[data-dlwe-panel="timeline-builder"] .dlwe-timeline-manual-row{
  padding:13px!important;
  border:1px solid var(--dsq-line)!important;
  border-radius:12px!important;
  background:var(--dsq-surface-2)!important;
  box-shadow:none!important;
}
[data-dlwe-panel="timeline-builder"] .dlwe-timeline-toolbar{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  padding:10px!important;
  border:1px solid var(--dsq-line)!important;
  border-radius:12px!important;
  background:var(--dsq-surface-2)!important;
}
[data-dlwe-panel="timeline-builder"] .dlwe-timeline-toolbar input{flex:1!important;min-width:230px!important}
[data-dlwe-panel="timeline-builder"] .dlwe-timeline-day-tabs{border-bottom:1px solid var(--dsq-line)!important;margin-top:12px!important;gap:1px!important}
[data-dlwe-panel="timeline-builder"] .dlwe-timeline-day-tabs button{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:8px!important;position:relative!important}
[data-dlwe-panel="timeline-builder"] .dlwe-timeline-day-tabs button.is-active{color:var(--dsq-ink)!important}
[data-dlwe-panel="timeline-builder"] .dlwe-timeline-day-tabs button.is-active::after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;background:var(--dsq-ink)}

/* Calendar */
[data-dlwe-panel="calendar"] .dlwe-calendar-toolbar,
[data-dlwe-panel="calendar"] .dlwe-calendar-filterbar{
  border:1px solid var(--dsq-line)!important;
  border-radius:14px!important;
  background:var(--dsq-surface)!important;
  box-shadow:none!important;
}
[data-dlwe-panel="calendar"] .dlwe-calendar-toolbar{padding:11px 13px!important;margin-bottom:9px!important}
[data-dlwe-panel="calendar"] .dlwe-calendar-navigation h2{font:500 20px/1.1 Georgia,"Times New Roman",serif!important;color:var(--dsq-ink)!important}
[data-dlwe-panel="calendar"] .dlwe-calendar-icon-button{border:1px solid var(--dsq-line)!important;background:var(--dsq-surface-2)!important;box-shadow:none!important}
[data-dlwe-panel="calendar"] .dlwe-calendar-view-switch{padding:3px!important;border:1px solid var(--dsq-line)!important;border-radius:10px!important;background:var(--dsq-surface-2)!important}
[data-dlwe-panel="calendar"] .dlwe-calendar-view-switch button{border:0!important;border-radius:7px!important;background:transparent!important;box-shadow:none!important;font-size:8px!important}
[data-dlwe-panel="calendar"] .dlwe-calendar-view-switch button.is-active{background:var(--dsq-ink)!important;color:var(--dsq-surface)!important}
[data-dlwe-panel="calendar"] .dlwe-calendar-filterbar{padding:10px!important;gap:8px!important;margin-bottom:10px!important}
[data-dlwe-panel="calendar"] .dlwe-calendar-filterbar :is(input,select){height:39px!important;border:1px solid var(--dsq-line)!important;border-radius:9px!important;background:var(--dsq-surface-2)!important;box-shadow:none!important;font-size:8.5px!important}
[data-dlwe-panel="calendar"] .dlwe-calendar-summary{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important;margin:0 0 10px!important;border:1px solid var(--dsq-line)!important;border-radius:14px!important;overflow:hidden!important;background:var(--dsq-surface)!important}
[data-dlwe-panel="calendar"] .dlwe-calendar-summary>*{border-left:1px solid var(--dsq-line)!important;border-radius:0!important;box-shadow:none!important}
[data-dlwe-panel="calendar"] .dlwe-calendar-summary>*:first-child{border-left:0!important;background:var(--dsp-soft)!important}
[data-dlwe-panel="calendar"] .dlwe-calendar-grid,
[data-dlwe-panel="calendar"] .dlwe-calendar-agenda,
[data-dlwe-panel="calendar"] .dlwe-calendar-year{border-color:var(--dsq-line)!important;border-radius:15px!important;box-shadow:none!important;overflow:hidden!important}
[data-dlwe-panel="calendar"] .dlwe-calendar-legend{margin-top:10px!important;padding:9px 11px!important;border:1px solid var(--dsq-line)!important;border-radius:11px!important;background:var(--dsq-surface)!important;font-size:8px!important}

/* Empty states */
.dlwe-studio-qortrade :is([data-dlwe-panel="task-dashboard"],[data-dlwe-panel="tasks"],[data-dlwe-panel="checklist-builder"],[data-dlwe-panel="timeline-builder"],[data-dlwe-panel="calendar"]) .dlwe-empty-state{
  min-height:130px!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  padding:24px!important;
  border:1px dashed var(--dsq-line-strong)!important;
  border-radius:13px!important;
  background:var(--dsq-surface)!important;
  color:var(--dsq-muted)!important;
  font-size:9px!important;
  line-height:1.55!important;
  text-align:center!important;
}

/* Weddings zero-state micro polish carried into this coordinated release. */
.dlwe-studio-qortrade .dsw-portfolio-empty.dsp-zero-portfolio{
  min-height:210px!important;
  padding:34px 42px!important;
}

/* Dark mode */
html[data-dlwe-theme="dark"] [data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-chip.is-danger{background:#342126!important;color:#d9a3ac!important;border-color:#503039!important}
html[data-dlwe-theme="dark"] [data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-chip.is-warning{background:#302820!important;color:#cfad84!important;border-color:#4b3d30!important}
html[data-dlwe-theme="dark"] [data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-chip.is-clear{background:#1d2822!important;color:#9db5a7!important;border-color:#2f4438!important}

/* Laptop */
@media(max-width:1366px){
  [data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-toolbar{grid-template-columns:minmax(220px,1.2fr) repeat(2,minmax(135px,.7fr))!important}
  [data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-toolbar>*:nth-child(4),[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-toolbar>*:nth-child(5){grid-row:2}
  [data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-summary{grid-template-columns:repeat(3,1fr)!important}
  [data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-stat:nth-child(4){border-left:0!important;border-top:1px solid var(--dsq-line)!important}
  [data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-stat:nth-child(5),[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-stat:nth-child(6){border-top:1px solid var(--dsq-line)!important}
  [data-dlwe-panel="tasks"] .dlwe-task-toolbar{grid-template-columns:minmax(220px,1.2fr) repeat(2,minmax(130px,.7fr))!important}
  [data-dlwe-panel="tasks"] .dlwe-task-summary{grid-template-columns:repeat(3,1fr)!important}
  [data-dlwe-panel="tasks"] .dlwe-task-summary-card:nth-child(4){border-left:0!important;border-top:1px solid var(--dsq-line)!important}
  [data-dlwe-panel="tasks"] .dlwe-task-summary-card:nth-child(n+5){border-top:1px solid var(--dsq-line)!important}
}

/* Tablet */
@media(max-width:980px){
  .dlwe-studio-qortrade :is([data-dlwe-panel="task-dashboard"],[data-dlwe-panel="tasks"],[data-dlwe-panel="checklist-builder"],[data-dlwe-panel="timeline-builder"],[data-dlwe-panel="calendar"]) > .dlwe-portal-header{align-items:flex-start!important;flex-direction:column!important}
  .dlwe-studio-qortrade :is([data-dlwe-panel="task-dashboard"],[data-dlwe-panel="tasks"],[data-dlwe-panel="checklist-builder"],[data-dlwe-panel="timeline-builder"],[data-dlwe-panel="calendar"]) > .dlwe-portal-header .dlwe-header-actions{justify-content:flex-start!important}
  [data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-toolbar,[data-dlwe-panel="tasks"] .dlwe-task-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-toolbar>*:first-child,[data-dlwe-panel="tasks"] .dlwe-task-toolbar>*:first-child{grid-column:1/-1!important}
  [data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-layout{grid-template-columns:1fr!important}
  [data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-card:nth-child(1){grid-row:auto!important}
  [data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-card:nth-child(4),[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-card:nth-child(5){grid-column:auto!important}
  [data-dlwe-panel="tasks"] .dlwe-task-list{grid-template-columns:1fr!important}
  [data-dlwe-panel="calendar"] .dlwe-calendar-summary{grid-template-columns:repeat(2,1fr)!important}
  [data-dlwe-panel="calendar"] .dlwe-calendar-summary>*:nth-child(3){border-left:0!important;border-top:1px solid var(--dsq-line)!important}
  [data-dlwe-panel="calendar"] .dlwe-calendar-summary>*:nth-child(4){border-top:1px solid var(--dsq-line)!important}
}

/* Mobile */
@media(max-width:620px){
  .dsp-planning-nav{margin-bottom:17px!important}
  .dsp-planning-nav button{padding-inline:11px!important}
  .dlwe-studio-qortrade :is([data-dlwe-panel="task-dashboard"],[data-dlwe-panel="tasks"],[data-dlwe-panel="checklist-builder"],[data-dlwe-panel="timeline-builder"],[data-dlwe-panel="calendar"]) > .dlwe-portal-header h1{font-size:29px!important}
  .dlwe-studio-qortrade :is([data-dlwe-panel="task-dashboard"],[data-dlwe-panel="tasks"],[data-dlwe-panel="checklist-builder"],[data-dlwe-panel="timeline-builder"],[data-dlwe-panel="calendar"]) > .dlwe-portal-header .dlwe-header-actions{width:100%!important}
  .dlwe-studio-qortrade :is([data-dlwe-panel="task-dashboard"],[data-dlwe-panel="tasks"],[data-dlwe-panel="checklist-builder"],[data-dlwe-panel="timeline-builder"],[data-dlwe-panel="calendar"]) > .dlwe-portal-header .dlwe-header-actions button{flex:1 1 auto!important}
  [data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-toolbar,[data-dlwe-panel="tasks"] .dlwe-task-toolbar{grid-template-columns:1fr!important}
  [data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-toolbar>*:first-child,[data-dlwe-panel="tasks"] .dlwe-task-toolbar>*:first-child{grid-column:auto!important}
  [data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-summary,[data-dlwe-panel="tasks"] .dlwe-task-summary{grid-template-columns:1fr!important}
  [data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-stat,[data-dlwe-panel="tasks"] .dlwe-task-summary-card{border-left:0!important;border-top:1px solid var(--dsq-line)!important}
  [data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-stat:first-child,[data-dlwe-panel="tasks"] .dlwe-task-summary-card:first-child{border-top:0!important}
  [data-dlwe-panel="tasks"] .dlwe-task-bulk-bar{grid-template-columns:1fr!important}
  [data-dlwe-panel="tasks"] .dlwe-task-card-header{flex-direction:column!important}
  [data-dlwe-panel="tasks"] .dlwe-history-pills{max-width:none!important;justify-content:flex-start!important}
  [data-dlwe-panel="tasks"] .dlwe-task-details-grid{grid-template-columns:repeat(2,1fr)!important}
  [data-dlwe-panel="checklist-builder"] .dlwe-checklist-command-bar,[data-dlwe-panel="timeline-builder"] .dlwe-timeline-command-bar{align-items:stretch!important;flex-direction:column!important}
  [data-dlwe-panel="checklist-builder"] .dlwe-checklist-command-bar .dlwe-field,[data-dlwe-panel="timeline-builder"] .dlwe-timeline-command-bar .dlwe-field{min-width:0!important;width:100%!important}
  [data-dlwe-panel="calendar"] .dlwe-calendar-summary{grid-template-columns:1fr!important}
  [data-dlwe-panel="calendar"] .dlwe-calendar-summary>*{border-left:0!important;border-top:1px solid var(--dsq-line)!important}
  [data-dlwe-panel="calendar"] .dlwe-calendar-summary>*:first-child{border-top:0!important}
  .dlwe-studio-qortrade .dsw-portfolio-empty.dsp-zero-portfolio{min-height:185px!important;padding:28px 24px!important;grid-template-columns:42px 1fr!important}
}

@media(prefers-reduced-motion:reduce){
  [data-dlwe-panel="tasks"] .dlwe-task-card{transition:none!important}
}

/* ===== dated-studio-planning-v8251.css ===== */
/* Dated Studio v8.25.1 — Planning layout + empty-state refinement.
   Layered after v8.25.0. Presentation/navigation only; native workflows remain canonical. */

/* ---------- Shared planning composition ---------- */
.dlwe-studio-qortrade :is([data-dlwe-panel="task-dashboard"],[data-dlwe-panel="tasks"],[data-dlwe-panel="checklist-builder"],[data-dlwe-panel="timeline-builder"],[data-dlwe-panel="calendar"]) {
  --dsp-251-gap: 16px;
}

.dlwe-studio-qortrade :is([data-dlwe-panel="task-dashboard"],[data-dlwe-panel="tasks"],[data-dlwe-panel="checklist-builder"],[data-dlwe-panel="timeline-builder"],[data-dlwe-panel="calendar"]) > .dlwe-portal-header {
  min-height: 124px!important;
  padding: 12px 0 22px!important;
}

.dlwe-studio-qortrade :is([data-dlwe-panel="task-dashboard"],[data-dlwe-panel="tasks"],[data-dlwe-panel="checklist-builder"],[data-dlwe-panel="timeline-builder"],[data-dlwe-panel="calendar"]) > .dlwe-portal-header .dlwe-muted {
  max-width: 790px!important;
  font-size: 12.5px!important;
  line-height: 1.55!important;
}

.dlwe-studio-qortrade :is([data-dlwe-panel="task-dashboard"],[data-dlwe-panel="tasks"],[data-dlwe-panel="checklist-builder"],[data-dlwe-panel="timeline-builder"],[data-dlwe-panel="calendar"]) > .dlwe-portal-header .dlwe-header-actions {
  align-items:center!important;
  row-gap:8px!important;
}

.dlwe-studio-qortrade :is([data-dlwe-panel="task-dashboard"],[data-dlwe-panel="tasks"],[data-dlwe-panel="checklist-builder"],[data-dlwe-panel="timeline-builder"],[data-dlwe-panel="calendar"]) > .dlwe-portal-header .dlwe-header-actions button {
  min-height: 40px!important;
  padding-inline: 16px!important;
  font-size: 9.5px!important;
  letter-spacing:.04em!important;
}

.dsp-planning-nav {
  height: 54px!important;
  margin-bottom: 20px!important;
  gap: 8px!important;
}
.dsp-planning-nav button {
  height: 53px!important;
  padding-inline: 14px!important;
  font-size: 11px!important;
}

/* ---------- Planning Overview ---------- */
[data-dlwe-panel="task-dashboard"] .dsp-overview-status-row {
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-height:42px!important;
  margin:0 0 12px!important;
  padding:7px 10px!important;
  border:1px solid var(--dsq-line)!important;
  border-radius:12px!important;
  background:var(--dsq-surface)!important;
}
[data-dlwe-panel="task-dashboard"] .dsp-overview-status-row .dlwe-task-dashboard-meta {
  flex:1 1 auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0 4px!important;
  border:0!important;
  background:transparent!important;
}
[data-dlwe-panel="task-dashboard"] .dsp-overview-status-row .dlwe-task-dashboard-meta>span:first-child {
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  padding:0 9px!important;
  border:1px solid var(--dsq-line)!important;
  border-radius:999px!important;
  background:var(--dsp-soft)!important;
  font-size:8px!important;
}
[data-dlwe-panel="task-dashboard"] .dsp-overview-status-row .dlwe-task-dashboard-meta>span:last-child {
  font-size:8.5px!important;
  white-space:nowrap!important;
}
[data-dlwe-panel="task-dashboard"] .dsp-overview-status-row .dlwe-task-dashboard-badges {
  flex:0 0 auto!important;
  margin:0!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-badges {
  margin-bottom:12px!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-chip {
  min-height:26px!important;
  font-size:7.5px!important;
}

[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-toolbar {
  grid-template-columns:minmax(300px,1.55fr) repeat(4,minmax(140px,.72fr))!important;
  gap:10px!important;
  padding:11px!important;
  margin-bottom:14px!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-toolbar :is(input,select) {
  height:44px!important;
  padding-left:14px!important;
  font-size:10px!important;
}
[data-dlwe-panel="task-dashboard"] #dlwe-task-dashboard-search {
  padding-left:16px!important;
  text-indent:0!important;
}

[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-summary {
  margin-bottom:14px!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-stat {
  min-height:88px!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-stat span,
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-stat small {
  font-size:8.5px!important;
}

/* Staff Workload is the planning anchor: full width. Supporting cards follow in two columns. */
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-layout {
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-card:nth-child(1) {
  grid-column:1/-1!important;
  grid-row:auto!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-card:nth-child(4),
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-card:nth-child(5) {
  grid-column:auto!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-card {
  padding:17px!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-card-heading h2 {
  font-size:21px!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-table th {
  font-size:7.8px!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-table td {
  font-size:9px!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-table .dlwe-empty-state,
[data-dlwe-panel="task-dashboard"] #dlwe-task-dashboard-workload .dlwe-empty-state {
  width:100%!important;
}

/* ---------- Tasks ---------- */
[data-dlwe-panel="tasks"] .dlwe-task-email-summary-note {
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  margin-bottom:12px!important;
  padding:9px 13px!important;
}
[data-dlwe-panel="tasks"] .dlwe-task-email-summary-note>div {
  display:flex!important;
  align-items:baseline!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
[data-dlwe-panel="tasks"] .dlwe-task-email-summary-note strong {
  font-size:9px!important;
  white-space:nowrap!important;
}
[data-dlwe-panel="tasks"] .dlwe-task-email-summary-note span {
  font-size:8.5px!important;
}
[data-dlwe-panel="tasks"] .dlwe-task-scope-note,
[data-dlwe-panel="tasks"] .dlwe-task-scope-note.is-manager {
  min-height:26px!important;
  display:flex!important;
  align-items:center!important;
  margin:0 0 10px!important;
  padding:0 2px!important;
  border:0!important;
  border-left:0!important;
  background:transparent!important;
  color:var(--dsq-muted)!important;
  font-size:8.5px!important;
}
[data-dlwe-panel="tasks"] .dlwe-task-scope-note::before,
[data-dlwe-panel="tasks"] .dlwe-task-scope-note::after {
  display:none!important;
  content:none!important;
}
[data-dlwe-panel="tasks"] .dlwe-task-summary {
  margin-bottom:13px!important;
}
[data-dlwe-panel="tasks"] .dlwe-task-summary-card {
  min-height:80px!important;
}
[data-dlwe-panel="tasks"] .dlwe-task-toolbar {
  grid-template-columns:minmax(300px,1.55fr) repeat(5,minmax(118px,.72fr))!important;
  gap:9px!important;
  padding:11px!important;
}
[data-dlwe-panel="tasks"] .dlwe-task-toolbar :is(input,select) {
  height:43px!important;
  padding-left:13px!important;
  font-size:9.5px!important;
}
[data-dlwe-panel="tasks"] .dlwe-task-list>.dlwe-empty-state,
[data-dlwe-panel="tasks"] .dlwe-task-list>.dsp-empty-state {
  grid-column:1/-1!important;
  width:100%!important;
  min-height:180px!important;
}
[data-dlwe-panel="tasks"].dsp-task-list-empty .dlwe-task-bulk-bar {
  display:none!important;
}
[data-dlwe-panel="tasks"].dsp-task-list-empty #dlwe-tasks-count {
  margin-top:4px!important;
}

/* ---------- Checklist ---------- */
[data-dlwe-panel="checklist-builder"] #dlwe-checklist-content:not([hidden]) {
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr)!important;
  gap:14px!important;
  align-items:start!important;
}
[data-dlwe-panel="checklist-builder"] #dlwe-checklist-content > :is(.dlwe-checklist-command-bar,.dlwe-checklist-template-preview-card,.dlwe-checklist-template-editor,.dlwe-checklist-upload-preview,.dlwe-checklist-live-workspace,#dlwe-checklist-empty,.dsp-planning-empty-gate) {
  grid-column:1/-1!important;
}
[data-dlwe-panel="checklist-builder"] .dlwe-checklist-template-card {
  grid-column:1!important;
}
[data-dlwe-panel="checklist-builder"] .dlwe-checklist-upload-card {
  grid-column:2!important;
}
[data-dlwe-panel="checklist-builder"] .dlwe-checklist-command-bar {
  display:grid!important;
  grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr)!important;
  align-items:center!important;
  min-height:72px!important;
  padding:12px 14px!important;
}
[data-dlwe-panel="checklist-builder"] .dlwe-checklist-command-bar .dlwe-field {
  width:100%!important;
  min-width:0!important;
}
[data-dlwe-panel="checklist-builder"] .dlwe-checklist-import-meta {
  justify-items:end!important;
  text-align:right!important;
  min-width:0!important;
}
[data-dlwe-panel="checklist-builder"] .dlwe-form-section {
  margin:0!important;
  padding:18px!important;
}
[data-dlwe-panel="checklist-builder"] .dlwe-checklist-template-card,
[data-dlwe-panel="checklist-builder"] .dlwe-checklist-upload-card {
  min-height:250px!important;
}
[data-dlwe-panel="checklist-builder"] .dlwe-checklist-template-controls {
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
[data-dlwe-panel="checklist-builder"] .dlwe-checklist-template-actions,
[data-dlwe-panel="checklist-builder"] .dlwe-checklist-upload-card .dlwe-form-actions {
  margin-top:12px!important;
}
[data-dlwe-panel="checklist-builder"] input[type="file"],
[data-dlwe-panel="timeline-builder"] input[type="file"] {
  width:100%!important;
  min-height:43px!important;
  padding:5px!important;
  border:1px solid var(--dsq-line)!important;
  border-radius:9px!important;
  background:var(--dsq-surface-2)!important;
  color:var(--dsq-muted)!important;
  font-size:9px!important;
}
[data-dlwe-panel="checklist-builder"] input[type="file"]::file-selector-button,
[data-dlwe-panel="timeline-builder"] input[type="file"]::file-selector-button {
  min-height:31px!important;
  margin-right:9px!important;
  padding:0 11px!important;
  border:1px solid var(--dsq-line)!important;
  border-radius:7px!important;
  background:var(--dsq-surface)!important;
  color:var(--dsq-ink)!important;
  font-size:8px!important;
  font-weight:650!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}

/* ---------- Run Sheet ---------- */
[data-dlwe-panel="timeline-builder"] #dlwe-timeline-content:not([hidden]) {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:14px!important;
}
[data-dlwe-panel="timeline-builder"] .dlwe-timeline-command-bar {
  display:grid!important;
  grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr)!important;
  align-items:center!important;
  min-height:72px!important;
  margin:0!important;
  padding:12px 14px!important;
}
[data-dlwe-panel="timeline-builder"] .dlwe-timeline-command-bar .dlwe-field {
  width:100%!important;
  min-width:0!important;
}
[data-dlwe-panel="timeline-builder"] .dlwe-timeline-import-meta {
  min-height:42px!important;
  padding-left:18px!important;
}
[data-dlwe-panel="timeline-builder"] .dlwe-form-section,
[data-dlwe-panel="timeline-builder"] .dlwe-timeline-live-workspace,
[data-dlwe-panel="timeline-builder"] .dlwe-checklist-progress-section {
  margin:0!important;
}
[data-dlwe-panel="timeline-builder"] .dlwe-native-timeline-builder {
  padding:18px!important;
}
[data-dlwe-panel="timeline-builder"] .dlwe-native-timeline-save-grid textarea {
  min-height:78px!important;
  resize:vertical!important;
}

/* ---------- Zero-wedding gates ---------- */
.dsp-planning-empty-gate {
  min-height:310px!important;
  display:grid!important;
  place-items:center!important;
  padding:38px!important;
  border:1px solid var(--dsq-line)!important;
  border-radius:16px!important;
  background:var(--dsq-surface)!important;
}
.dsp-planning-empty-gate[hidden] { display:none!important; }
.dsp-planning-empty-gate-inner {
  width:min(520px,100%)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
}
.dsp-planning-empty-gate-icon {
  width:52px!important;
  height:52px!important;
  display:grid!important;
  place-items:center!important;
  margin-bottom:16px!important;
  border:1px solid var(--dsq-line)!important;
  border-radius:15px!important;
  background:var(--dsp-soft)!important;
  color:var(--dsq-bronze)!important;
  font:500 20px/1 Georgia,"Times New Roman",serif!important;
}
.dsp-planning-empty-gate h2 {
  margin:0 0 8px!important;
  font:500 27px/1.08 Georgia,"Times New Roman",serif!important;
  color:var(--dsq-ink)!important;
}
.dsp-planning-empty-gate p {
  max-width:440px!important;
  margin:0 0 18px!important;
  color:var(--dsq-muted)!important;
  font-size:11px!important;
  line-height:1.6!important;
}
.dsp-planning-empty-gate button {
  min-height:40px!important;
  padding:0 16px!important;
  border-radius:10px!important;
  font-size:9px!important;
}
[data-dlwe-panel="checklist-builder"].dsp-no-weddings #dlwe-checklist-content > :not(.dsp-planning-empty-gate),
[data-dlwe-panel="timeline-builder"].dsp-no-weddings #dlwe-timeline-content > :not(.dsp-planning-empty-gate) {
  display:none!important;
}

/* ---------- Calendar ---------- */
[data-dlwe-panel="calendar"] .dlwe-calendar-toolbar {
  min-height:72px!important;
  padding:10px 12px!important;
}
[data-dlwe-panel="calendar"] .dlwe-calendar-navigation {
  gap:10px!important;
}
[data-dlwe-panel="calendar"] .dlwe-calendar-filterbar {
  display:grid!important;
  grid-template-columns:minmax(320px,1.45fr) minmax(170px,.58fr) minmax(170px,.58fr) auto auto!important;
  align-items:end!important;
  gap:9px!important;
  padding:10px!important;
}
[data-dlwe-panel="calendar"] .dlwe-calendar-filterbar>label {
  min-width:0!important;
}
[data-dlwe-panel="calendar"] .dlwe-calendar-filterbar>label>span {
  font-size:8px!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}
[data-dlwe-panel="calendar"] .dlwe-calendar-generated {
  align-self:center!important;
  justify-self:end!important;
  white-space:nowrap!important;
  font-size:8.5px!important;
}
[data-dlwe-panel="calendar"] .dlwe-calendar-summary {
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
[data-dlwe-panel="calendar"] .dlwe-calendar-summary>* {
  min-height:78px!important;
  border-top:0!important;
}
[data-dlwe-panel="calendar"] .dlwe-calendar-summary>*:nth-child(5) {
  border-left:1px solid var(--dsq-line)!important;
}
[data-dlwe-panel="calendar"] .dlwe-calendar-stage-wrap {
  margin-top:0!important;
}

/* ---------- Shared empty state ---------- */
.dlwe-studio-qortrade :is([data-dlwe-panel="task-dashboard"],[data-dlwe-panel="tasks"],[data-dlwe-panel="checklist-builder"],[data-dlwe-panel="timeline-builder"],[data-dlwe-panel="calendar"]) .dlwe-empty-state {
  min-height:160px!important;
  padding:30px!important;
  font-size:9.5px!important;
}

/* ---------- Responsive ---------- */
@media(max-width:1366px){
  [data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-toolbar {
    grid-template-columns:minmax(260px,1.35fr) repeat(2,minmax(140px,.75fr))!important;
  }
  [data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-toolbar>*:nth-child(4),
  [data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-toolbar>*:nth-child(5) {grid-row:auto!important;}
  [data-dlwe-panel="tasks"] .dlwe-task-toolbar {
    grid-template-columns:minmax(260px,1.35fr) repeat(2,minmax(130px,.7fr))!important;
  }
  [data-dlwe-panel="calendar"] .dlwe-calendar-filterbar {
    grid-template-columns:minmax(280px,1.3fr) repeat(2,minmax(160px,.65fr)) auto!important;
  }
  [data-dlwe-panel="calendar"] .dlwe-calendar-generated {grid-column:1/-1!important;justify-self:end!important;}
}

@media(max-width:1100px){
  [data-dlwe-panel="checklist-builder"] #dlwe-checklist-content:not([hidden]) {grid-template-columns:1fr!important;}
  [data-dlwe-panel="checklist-builder"] #dlwe-checklist-content > * {grid-column:1!important;}
  [data-dlwe-panel="checklist-builder"] .dlwe-checklist-template-card,
  [data-dlwe-panel="checklist-builder"] .dlwe-checklist-upload-card {min-height:0!important;}
  [data-dlwe-panel="calendar"] .dlwe-calendar-summary {grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  [data-dlwe-panel="calendar"] .dlwe-calendar-summary>*:nth-child(3){border-left:1px solid var(--dsq-line)!important;border-top:0!important;}
  [data-dlwe-panel="calendar"] .dlwe-calendar-summary>*:nth-child(4){border-left:0!important;border-top:1px solid var(--dsq-line)!important;}
  [data-dlwe-panel="calendar"] .dlwe-calendar-summary>*:nth-child(5){border-left:1px solid var(--dsq-line)!important;border-top:1px solid var(--dsq-line)!important;}
}

@media(max-width:980px){
  [data-dlwe-panel="task-dashboard"] .dsp-overview-status-row {align-items:flex-start!important;flex-direction:column!important;}
  [data-dlwe-panel="task-dashboard"] .dsp-overview-status-row .dlwe-task-dashboard-meta {width:100%!important;}
  [data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-layout {grid-template-columns:1fr!important;}
  [data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-card {grid-column:1!important;}
  [data-dlwe-panel="checklist-builder"] .dlwe-checklist-command-bar,
  [data-dlwe-panel="timeline-builder"] .dlwe-timeline-command-bar {grid-template-columns:1fr!important;}
  [data-dlwe-panel="checklist-builder"] .dlwe-checklist-import-meta,
  [data-dlwe-panel="timeline-builder"] .dlwe-timeline-import-meta {justify-items:start!important;text-align:left!important;padding-left:0!important;border-left:0!important;}
  [data-dlwe-panel="calendar"] .dlwe-calendar-filterbar {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  [data-dlwe-panel="calendar"] .dlwe-calendar-filterbar>label:first-child {grid-column:1/-1!important;}
  [data-dlwe-panel="calendar"] .dlwe-calendar-generated {grid-column:1/-1!important;justify-self:start!important;}
}

@media(max-width:620px){
  .dlwe-studio-qortrade :is([data-dlwe-panel="task-dashboard"],[data-dlwe-panel="tasks"],[data-dlwe-panel="checklist-builder"],[data-dlwe-panel="timeline-builder"],[data-dlwe-panel="calendar"]) > .dlwe-portal-header {min-height:0!important;}
  [data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-toolbar,
  [data-dlwe-panel="tasks"] .dlwe-task-toolbar,
  [data-dlwe-panel="calendar"] .dlwe-calendar-filterbar {grid-template-columns:1fr!important;}
  [data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-toolbar>*:first-child,
  [data-dlwe-panel="tasks"] .dlwe-task-toolbar>*:first-child,
  [data-dlwe-panel="calendar"] .dlwe-calendar-filterbar>label:first-child {grid-column:1!important;}
  [data-dlwe-panel="checklist-builder"] .dlwe-checklist-template-controls {grid-template-columns:1fr!important;}
  [data-dlwe-panel="calendar"] .dlwe-calendar-summary {grid-template-columns:1fr!important;}
  [data-dlwe-panel="calendar"] .dlwe-calendar-summary>* {border-left:0!important;border-top:1px solid var(--dsq-line)!important;}
  [data-dlwe-panel="calendar"] .dlwe-calendar-summary>*:first-child {border-top:0!important;}
  .dsp-planning-empty-gate {min-height:250px!important;padding:28px 20px!important;}
  .dsp-planning-empty-gate h2 {font-size:23px!important;}
}

/* ===== dated-studio-global-readability-v8252.css ===== */
/* Dated Studio v8.25.2 — global readability + navigation hierarchy refinement.
   Presentation-only layer. Removes redundant Planning console tabs and establishes
   one higher-contrast, larger, more dimensional typography system across Studio. */

/* ---------- Studio-wide colour, contrast and depth ---------- */
.dlwe-portal-shell.dlwe-studio-qortrade{
  --dsq-bg:#f5f3ef;
  --dsq-surface:#fffdf9;
  --dsq-surface-2:#f5f1eb;
  --dsq-ink:#171513;
  --dsq-copy:#403b36;
  --dsq-muted:#6f685f;
  --dsq-line:#d9d3ca;
  --dsq-line-strong:#c7beb3;
  --dsq-bronze:#9a7151;
  --dsq-shadow:0 12px 30px rgba(35,29,23,.055);
  color:var(--dsq-copy)!important;
  font-size:13px!important;
  line-height:1.5!important;
}
html[data-dlwe-theme="dark"] .dlwe-portal-shell.dlwe-studio-qortrade{
  --dsq-bg:#151516;
  --dsq-surface:#1d1d1f;
  --dsq-surface-2:#232326;
  --dsq-ink:#f4f0e9;
  --dsq-copy:#d3cdc5;
  --dsq-muted:#aaa198;
  --dsq-line:#39383c;
  --dsq-line-strong:#4b494e;
  --dsq-bronze:#c5a185;
  --dsq-shadow:0 14px 34px rgba(0,0,0,.24);
}

/* Common reading hierarchy inside every Studio workspace. */
.dlwe-studio-qortrade .dlwe-panel{
  color:var(--dsq-copy)!important;
}
.dlwe-studio-qortrade .dlwe-panel .dlwe-muted{
  color:var(--dsq-muted)!important;
  font-size:13px!important;
  line-height:1.58!important;
}
.dlwe-studio-qortrade .dlwe-panel :is(.dlwe-help,.dlwe-help-text,.dlwe-field-hint,.dlwe-description,.description,small){
  color:var(--dsq-muted)!important;
  line-height:1.5!important;
}
.dlwe-studio-qortrade .dlwe-panel :is(.dlwe-field label,.dlwe-field>span,.dlwe-form-label,label>.dlwe-label,.dlwe-eyebrow){
  color:var(--dsq-muted)!important;
  font-size:10px!important;
  font-weight:650!important;
  letter-spacing:.075em!important;
}
.dlwe-studio-qortrade .dlwe-panel .dlwe-eyebrow{
  color:var(--dsq-bronze)!important;
  letter-spacing:.17em!important;
}
.dlwe-studio-qortrade .dlwe-panel :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  color:var(--dsq-copy)!important;
  font-size:12px!important;
  line-height:1.4!important;
}
.dlwe-studio-qortrade .dlwe-panel :is(input,textarea)::placeholder{
  color:color-mix(in srgb,var(--dsq-muted) 78%,transparent)!important;
  opacity:1!important;
}
.dlwe-studio-qortrade .dlwe-panel button:not(.dsq-rail-button):not(.dsq-utility-icon){
  font-size:10.5px!important;
  font-weight:650!important;
  letter-spacing:.035em!important;
}
.dlwe-studio-qortrade .dlwe-panel table th{
  color:var(--dsq-muted)!important;
  font-size:9.5px!important;
  font-weight:700!important;
  letter-spacing:.065em!important;
}
.dlwe-studio-qortrade .dlwe-panel table td{
  color:var(--dsq-copy)!important;
  font-size:11.25px!important;
  line-height:1.45!important;
}
.dlwe-studio-qortrade .dlwe-panel .dlwe-empty-state{
  color:var(--dsq-muted)!important;
  font-size:11px!important;
  line-height:1.55!important;
}

/* Slightly stronger surface separation without turning Studio into a card-heavy UI. */
.dlwe-studio-qortrade .dlwe-panel :is(.dlwe-form-section,.dlwe-task-dashboard-card,.dlwe-task-toolbar,.dlwe-task-dashboard-toolbar,.dlwe-calendar-toolbar,.dlwe-calendar-filterbar,.dsp-planning-empty-gate){
  border-color:var(--dsq-line)!important;
}
.dlwe-studio-qortrade .dlwe-panel :is(.dlwe-task-dashboard-card,.dsp-planning-empty-gate){
  box-shadow:var(--dsq-shadow)!important;
}

/* Shell typography follows the same legibility floor. */
.dsq-topnav-item strong{font-size:13px!important;font-weight:650!important;}
.dsq-rail-button[data-tooltip]::before,.dsq-utility-icon[data-tooltip]::before{font-size:10px!important;}
.dsq-user-copy strong{font-size:11px!important;}
.dsq-user-copy small{font-size:9px!important;color:var(--dsq-muted)!important;}

/* ---------- Planning: remove duplicate in-console navigation ---------- */
.dlwe-studio-qortrade .dsp-planning-nav{
  display:none!important;
}
.dlwe-studio-qortrade :is([data-dlwe-panel="task-dashboard"],[data-dlwe-panel="tasks"],[data-dlwe-panel="checklist-builder"],[data-dlwe-panel="timeline-builder"],[data-dlwe-panel="calendar"]) > .dlwe-portal-header{
  min-height:112px!important;
  margin-bottom:20px!important;
  padding-bottom:20px!important;
}

/* Planning heading/copy hierarchy. */
.dlwe-studio-qortrade :is([data-dlwe-panel="task-dashboard"],[data-dlwe-panel="tasks"],[data-dlwe-panel="checklist-builder"],[data-dlwe-panel="timeline-builder"],[data-dlwe-panel="calendar"]) > .dlwe-portal-header h1{
  font-size:35px!important;
  font-weight:660!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
}
.dlwe-studio-qortrade :is([data-dlwe-panel="task-dashboard"],[data-dlwe-panel="tasks"],[data-dlwe-panel="checklist-builder"],[data-dlwe-panel="timeline-builder"],[data-dlwe-panel="calendar"]) > .dlwe-portal-header .dlwe-eyebrow{
  font-size:9.5px!important;
}
.dlwe-studio-qortrade :is([data-dlwe-panel="task-dashboard"],[data-dlwe-panel="tasks"],[data-dlwe-panel="checklist-builder"],[data-dlwe-panel="timeline-builder"],[data-dlwe-panel="calendar"]) > .dlwe-portal-header .dlwe-muted{
  max-width:820px!important;
  font-size:13px!important;
  color:var(--dsq-copy)!important;
  opacity:.84!important;
}
.dlwe-studio-qortrade :is([data-dlwe-panel="task-dashboard"],[data-dlwe-panel="tasks"],[data-dlwe-panel="checklist-builder"],[data-dlwe-panel="timeline-builder"],[data-dlwe-panel="calendar"]) > .dlwe-portal-header .dlwe-header-actions button{
  min-height:41px!important;
  padding-inline:16px!important;
  font-size:10px!important;
}

/* Overview readability. */
[data-dlwe-panel="task-dashboard"] .dsp-overview-status-row{
  min-height:44px!important;
  padding:8px 12px!important;
}
[data-dlwe-panel="task-dashboard"] .dsp-overview-status-row .dlwe-task-dashboard-meta>span:first-child{
  font-size:9px!important;
}
[data-dlwe-panel="task-dashboard"] .dsp-overview-status-row .dlwe-task-dashboard-meta>span:last-child{
  font-size:9.5px!important;
  color:var(--dsq-muted)!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-chip{
  min-height:27px!important;
  font-size:8.75px!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-toolbar :is(input,select){
  height:46px!important;
  font-size:11px!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-stat span{
  font-size:9.25px!important;
  color:var(--dsq-muted)!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-stat strong{
  font-size:28px!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-stat small{
  font-size:9.25px!important;
  color:var(--dsq-muted)!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-card-heading .dlwe-eyebrow{
  font-size:9px!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-card-heading h2{
  font-size:23px!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-table th{
  font-size:9px!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-table td{
  font-size:11px!important;
}

/* Tasks readability. */
[data-dlwe-panel="tasks"] .dlwe-task-email-summary-note strong{
  font-size:10.25px!important;
  color:var(--dsq-ink)!important;
}
[data-dlwe-panel="tasks"] .dlwe-task-email-summary-note span{
  font-size:10px!important;
  color:var(--dsq-muted)!important;
}
[data-dlwe-panel="tasks"] .dlwe-task-scope-note,
[data-dlwe-panel="tasks"] .dlwe-task-scope-note.is-manager{
  min-height:28px!important;
  font-size:9.75px!important;
  color:var(--dsq-muted)!important;
}
[data-dlwe-panel="tasks"] .dlwe-task-summary-card span{
  font-size:9.25px!important;
  color:var(--dsq-muted)!important;
}
[data-dlwe-panel="tasks"] .dlwe-task-summary-card strong{
  font-size:27px!important;
}
[data-dlwe-panel="tasks"] .dlwe-task-toolbar :is(input,select){
  height:45px!important;
  font-size:10.75px!important;
}
[data-dlwe-panel="tasks"] #dlwe-tasks-count{
  font-size:9.5px!important;
  color:var(--dsq-copy)!important;
}
[data-dlwe-panel="tasks"] .dlwe-task-card h3{
  color:var(--dsq-ink)!important;
  font-size:16px!important;
  line-height:1.3!important;
}
[data-dlwe-panel="tasks"] .dlwe-task-description,
[data-dlwe-panel="tasks"] .dlwe-task-card p{
  color:var(--dsq-copy)!important;
  font-size:11px!important;
  line-height:1.55!important;
}

/* Checklist / Run Sheet empty and active workspace hierarchy. */
.dsp-planning-empty-gate{
  min-height:300px!important;
  background:var(--dsq-surface)!important;
}
.dsp-planning-empty-gate h2{
  font-size:28px!important;
}
.dsp-planning-empty-gate p{
  max-width:500px!important;
  font-size:12px!important;
  color:var(--dsq-copy)!important;
  opacity:.86!important;
}
[data-dlwe-panel="checklist-builder"] .dlwe-form-section-heading h2,
[data-dlwe-panel="timeline-builder"] .dlwe-form-section-heading h2{
  color:var(--dsq-ink)!important;
  font-size:20px!important;
}
[data-dlwe-panel="checklist-builder"] .dlwe-form-section-heading p,
[data-dlwe-panel="timeline-builder"] .dlwe-form-section-heading p{
  color:var(--dsq-muted)!important;
  font-size:10.5px!important;
}

/* Calendar readability. */
[data-dlwe-panel="calendar"] .dlwe-calendar-navigation h2{
  font-size:22px!important;
}
[data-dlwe-panel="calendar"] .dlwe-calendar-filterbar>label>span{
  font-size:9.25px!important;
  color:var(--dsq-muted)!important;
}
[data-dlwe-panel="calendar"] .dlwe-calendar-filterbar :is(input,select){
  font-size:10.75px!important;
}
[data-dlwe-panel="calendar"] .dlwe-calendar-generated{
  font-size:9.25px!important;
  color:var(--dsq-muted)!important;
}
[data-dlwe-panel="calendar"] .dlwe-calendar-summary :is(span,small){
  font-size:9.5px!important;
  color:var(--dsq-muted)!important;
}
[data-dlwe-panel="calendar"] .dlwe-calendar-summary strong{
  font-size:27px!important;
  color:var(--dsq-ink)!important;
}
[data-dlwe-panel="calendar"] .dlwe-calendar-weekday{
  color:var(--dsq-copy)!important;
  font-size:10px!important;
}

@media(max-width:980px){
  .dlwe-studio-qortrade :is([data-dlwe-panel="task-dashboard"],[data-dlwe-panel="tasks"],[data-dlwe-panel="checklist-builder"],[data-dlwe-panel="timeline-builder"],[data-dlwe-panel="calendar"]) > .dlwe-portal-header{
    margin-bottom:16px!important;
  }
}
@media(max-width:620px){
  .dlwe-studio-qortrade .dlwe-panel{font-size:12.5px!important;}
  .dlwe-studio-qortrade :is([data-dlwe-panel="task-dashboard"],[data-dlwe-panel="tasks"],[data-dlwe-panel="checklist-builder"],[data-dlwe-panel="timeline-builder"],[data-dlwe-panel="calendar"]) > .dlwe-portal-header{
    margin-bottom:14px!important;
  }
  .dlwe-studio-qortrade :is([data-dlwe-panel="task-dashboard"],[data-dlwe-panel="tasks"],[data-dlwe-panel="checklist-builder"],[data-dlwe-panel="timeline-builder"],[data-dlwe-panel="calendar"]) > .dlwe-portal-header h1{
    font-size:30px!important;
  }
}

/* ===== dated-studio-planning-completion-v8253.css ===== */
/* Dated Studio v8.25.3 — Planning completion + Studio micro-readability.
   Presentation intelligence only. Native task/checklist/run-sheet/calendar workflows remain canonical. */

/* ---------- Common Studio micro-readability floor ---------- */
.dlwe-studio-qortrade{
  --dsq-micro:color-mix(in srgb,var(--dsq-muted) 82%,var(--dsq-ink));
}
.dlwe-studio-qortrade .dlwe-panel .dlwe-muted{
  color:color-mix(in srgb,var(--dsq-copy) 84%,var(--dsq-muted))!important;
  font-size:13.25px!important;
}
.dlwe-studio-qortrade .dlwe-panel :is(.dlwe-field label,.dlwe-field>span,.dlwe-form-label,label>.dlwe-label){
  color:var(--dsq-micro)!important;
  font-size:10.25px!important;
  line-height:1.35!important;
}
.dlwe-studio-qortrade .dlwe-panel .dlwe-eyebrow{
  font-size:10px!important;
  color:var(--dsq-bronze)!important;
}
.dlwe-studio-qortrade .dlwe-panel :is(.dlwe-help,.dlwe-help-text,.dlwe-field-hint,.dlwe-description,.description,small){
  color:var(--dsq-micro)!important;
  font-size:10.5px!important;
}
.dlwe-studio-qortrade .dlwe-panel table th{
  color:var(--dsq-micro)!important;
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:.055em!important;
}
.dlwe-studio-qortrade .dlwe-panel table td{
  color:var(--dsq-copy)!important;
  font-size:11.5px!important;
}
.dlwe-studio-qortrade .dlwe-panel :is(.dlwe-history-count,.dlwe-task-dashboard-chip,.dlwe-status-chip,.dlwe-badge){
  font-size:9.5px!important;
}

/* ---------- Planning Overview: intentional zero-data composition ---------- */
[data-dlwe-panel="task-dashboard"] .dsp-overview-zero-insight{
  min-height:220px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:18px!important;
  margin-top:14px!important;
  padding:34px 36px!important;
  border:1px solid var(--dsq-line)!important;
  border-radius:16px!important;
  background:var(--dsq-surface)!important;
  box-shadow:0 12px 30px rgba(20,17,13,.045)!important;
  text-align:left!important;
}
[data-dlwe-panel="task-dashboard"] .dsp-overview-zero-insight[hidden]{display:none!important;}
[data-dlwe-panel="task-dashboard"] .dsp-overview-zero-data .dlwe-task-dashboard-layout,
[data-dlwe-panel="task-dashboard"].dsp-overview-zero-data .dlwe-task-dashboard-layout{
  display:none!important;
}
[data-dlwe-panel="task-dashboard"] .dsp-overview-zero-icon{
  width:52px!important;
  height:52px!important;
  flex:0 0 52px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid var(--dsq-line)!important;
  border-radius:15px!important;
  background:var(--dsq-surface-2)!important;
  color:var(--dsq-bronze)!important;
  font:500 20px/1 Georgia,"Times New Roman",serif!important;
}
[data-dlwe-panel="task-dashboard"] .dsp-overview-zero-copy{
  max-width:620px!important;
}
[data-dlwe-panel="task-dashboard"] .dsp-overview-zero-copy .dlwe-eyebrow{
  margin:0 0 7px!important;
}
[data-dlwe-panel="task-dashboard"] .dsp-overview-zero-copy h2{
  margin:0 0 7px!important;
  color:var(--dsq-ink)!important;
  font:500 25px/1.12 Georgia,"Times New Roman",serif!important;
}
[data-dlwe-panel="task-dashboard"] .dsp-overview-zero-copy>p:last-child{
  margin:0!important;
  color:var(--dsq-copy)!important;
  font-size:12.25px!important;
  line-height:1.58!important;
}
[data-dlwe-panel="task-dashboard"] .dsp-overview-status-row .dlwe-task-dashboard-meta>span:first-child{
  font-size:9.75px!important;
}
[data-dlwe-panel="task-dashboard"] .dsp-overview-status-row .dlwe-task-dashboard-meta>span:last-child{
  font-size:10.25px!important;
  color:var(--dsq-micro)!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-chip{
  font-size:9.25px!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-stat span,
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-stat small{
  font-size:9.75px!important;
  color:var(--dsq-micro)!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-card-heading .dlwe-muted,
[data-dlwe-panel="task-dashboard"] .dlwe-task-trend-legend{
  color:var(--dsq-micro)!important;
  font-size:10.5px!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-table th{
  font-size:9.75px!important;
}
[data-dlwe-panel="task-dashboard"] .dlwe-task-dashboard-table td{
  font-size:11.25px!important;
}

/* If records exist but none fall inside the six-month chart window, do not draw fake zero bars. */
[data-dlwe-panel="task-dashboard"] .dsp-chart-empty{
  min-height:190px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  text-align:center!important;
}
[data-dlwe-panel="task-dashboard"] .dsp-chart-empty>span{
  margin-bottom:9px!important;
  color:var(--dsq-bronze)!important;
  font-size:18px!important;
}
[data-dlwe-panel="task-dashboard"] .dsp-chart-empty strong{
  margin-bottom:5px!important;
  color:var(--dsq-ink)!important;
  font:500 17px/1.25 Georgia,"Times New Roman",serif!important;
}
[data-dlwe-panel="task-dashboard"] .dsp-chart-empty small{
  max-width:340px!important;
  color:var(--dsq-micro)!important;
  font-size:10.75px!important;
  line-height:1.5!important;
}

/* ---------- Tasks: remove internal/system wording and tighten zero state ---------- */
[data-dlwe-panel="tasks"] .dlwe-task-scope-note.dsp-system-copy-hidden,
[data-dlwe-panel="tasks"] .dlwe-task-scope-note[aria-hidden="true"]{
  display:none!important;
}
[data-dlwe-panel="tasks"] .dlwe-task-email-summary-note strong{
  font-size:10.75px!important;
}
[data-dlwe-panel="tasks"] .dlwe-task-email-summary-note span{
  font-size:10.5px!important;
  color:var(--dsq-micro)!important;
}
[data-dlwe-panel="tasks"] .dlwe-task-summary-card span{
  font-size:9.75px!important;
  color:var(--dsq-micro)!important;
}
[data-dlwe-panel="tasks"] .dlwe-task-toolbar :is(input,select){
  font-size:11.25px!important;
}
[data-dlwe-panel="tasks"].dsp-task-list-empty .dlwe-task-list>.dlwe-empty-state,
[data-dlwe-panel="tasks"].dsp-task-list-empty .dlwe-task-list>.dsp-empty-state{
  min-height:140px!important;
  padding:28px!important;
  color:var(--dsq-micro)!important;
  font-size:11.25px!important;
}
[data-dlwe-panel="tasks"] #dlwe-tasks-count{
  font-size:10px!important;
}

/* ---------- Checklist / Run Sheet: deliberate, not oversized, zero states ---------- */
[data-dlwe-panel="checklist-builder"] .dsp-planning-empty-gate,
[data-dlwe-panel="timeline-builder"] .dsp-planning-empty-gate{
  min-height:255px!important;
  padding:30px 34px!important;
}
[data-dlwe-panel="checklist-builder"] .dsp-planning-empty-gate h2,
[data-dlwe-panel="timeline-builder"] .dsp-planning-empty-gate h2{
  font-size:26px!important;
}
[data-dlwe-panel="checklist-builder"] .dsp-planning-empty-gate p,
[data-dlwe-panel="timeline-builder"] .dsp-planning-empty-gate p{
  font-size:12px!important;
  color:var(--dsq-copy)!important;
}
[data-dlwe-panel="checklist-builder"] .dsp-planning-empty-gate button,
[data-dlwe-panel="timeline-builder"] .dsp-planning-empty-gate button{
  font-size:10px!important;
}

/* ---------- Calendar micro text ---------- */
[data-dlwe-panel="calendar"] .dlwe-calendar-filterbar>label>span,
[data-dlwe-panel="calendar"] .dlwe-calendar-generated,
[data-dlwe-panel="calendar"] .dlwe-calendar-summary :is(span,small),
[data-dlwe-panel="calendar"] .dlwe-calendar-weekday{
  color:var(--dsq-micro)!important;
  font-size:10px!important;
}

@media(max-width:720px){
  [data-dlwe-panel="task-dashboard"] .dsp-overview-zero-insight{
    min-height:210px!important;
    flex-direction:column!important;
    gap:13px!important;
    padding:28px 22px!important;
    text-align:center!important;
  }
  [data-dlwe-panel="task-dashboard"] .dsp-overview-zero-copy h2{font-size:22px!important;}
  [data-dlwe-panel="checklist-builder"] .dsp-planning-empty-gate,
  [data-dlwe-panel="timeline-builder"] .dsp-planning-empty-gate{min-height:225px!important;padding:26px 20px!important;}
}

/* ===== dated-studio-planning-runtime-hotfix-v8254.css ===== */
/* Dated Studio v8.25.4 — deployed Planning runtime acceptance hotfix.
   Presentation-only: reliable zero-data collapse + manager system-copy suppression. */

[data-dlwe-panel="task-dashboard"].dsp-v8254-zero-data .dlwe-task-dashboard-layout{
  display:none!important;
}
[data-dlwe-panel="task-dashboard"] .dsp-v8254-overview-zero{
  min-height:210px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:18px!important;
  margin-top:14px!important;
  padding:32px 36px!important;
  border:1px solid var(--dsq-line)!important;
  border-radius:16px!important;
  background:var(--dsq-surface)!important;
  box-shadow:0 12px 28px rgba(20,17,13,.04)!important;
}
[data-dlwe-panel="task-dashboard"] .dsp-v8254-overview-zero[hidden]{display:none!important;}
[data-dlwe-panel="task-dashboard"] .dsp-v8254-zero-mark{
  width:50px!important;
  height:50px!important;
  flex:0 0 50px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid var(--dsq-line)!important;
  border-radius:14px!important;
  background:var(--dsq-surface-2)!important;
  color:var(--dsq-bronze)!important;
  font:500 19px/1 Georgia,"Times New Roman",serif!important;
}
[data-dlwe-panel="task-dashboard"] .dsp-v8254-zero-copy{max-width:620px!important;}
[data-dlwe-panel="task-dashboard"] .dsp-v8254-zero-copy .dlwe-eyebrow{margin:0 0 7px!important;}
[data-dlwe-panel="task-dashboard"] .dsp-v8254-zero-copy h2{
  margin:0 0 7px!important;
  color:var(--dsq-ink)!important;
  font:500 25px/1.14 Georgia,"Times New Roman",serif!important;
}
[data-dlwe-panel="task-dashboard"] .dsp-v8254-zero-copy>p:last-child{
  margin:0!important;
  color:var(--dsq-copy)!important;
  font-size:13px!important;
  line-height:1.55!important;
}

/* Manager access copy is internal system context, not finished Studio UI. Standard-staff scope copy remains available. */
[data-dlwe-panel="tasks"] #dlwe-tasks-scope.is-manager,
[data-dlwe-panel="tasks"] #dlwe-tasks-scope.dsp-v8254-hide-scope{
  display:none!important;
}
[data-dlwe-panel="tasks"].dsp-v8254-task-empty .dlwe-task-list>.dlwe-empty-state,
[data-dlwe-panel="tasks"].dsp-v8254-task-empty .dlwe-task-list>.dsp-empty-state,
[data-dlwe-panel="tasks"].dsp-v8254-task-empty #dlwe-tasks-list>.dlwe-empty-state,
[data-dlwe-panel="tasks"].dsp-v8254-task-empty #dlwe-tasks-list>.dsp-empty-state{
  min-height:130px!important;
  padding:26px!important;
}

@media(max-width:720px){
  [data-dlwe-panel="task-dashboard"] .dsp-v8254-overview-zero{
    min-height:200px!important;
    flex-direction:column!important;
    gap:12px!important;
    padding:26px 20px!important;
    text-align:center!important;
  }
  [data-dlwe-panel="task-dashboard"] .dsp-v8254-zero-copy h2{font-size:22px!important;}
}

/* ===== dated-studio-planning-runtime-safe-v8256.css ===== */
/* Dated Studio v8.25.6 — bounded Planning runtime safety + single zero-data authority. */
[data-dlwe-panel="task-dashboard"].dsp-v8256-zero-data .dlwe-task-dashboard-layout{display:none!important;}
[data-dlwe-panel="task-dashboard"] .dsp-v8256-overview-zero{min-height:210px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;margin-top:14px!important;padding:32px 36px!important;border:1px solid var(--dsq-line)!important;border-radius:16px!important;background:var(--dsq-surface)!important;box-shadow:0 12px 28px rgba(20,17,13,.04)!important;}
[data-dlwe-panel="task-dashboard"] .dsp-v8256-overview-zero[hidden]{display:none!important;}
[data-dlwe-panel="task-dashboard"] .dsp-v8256-zero-mark{width:50px!important;height:50px!important;flex:0 0 50px!important;display:grid!important;place-items:center!important;border:1px solid var(--dsq-line)!important;border-radius:14px!important;background:var(--dsq-surface-2)!important;color:var(--dsq-bronze)!important;font:500 19px/1 Georgia,"Times New Roman",serif!important;}
[data-dlwe-panel="task-dashboard"] .dsp-v8256-zero-copy{max-width:620px!important;}
[data-dlwe-panel="task-dashboard"] .dsp-v8256-zero-copy .dlwe-eyebrow{margin:0 0 7px!important;}
[data-dlwe-panel="task-dashboard"] .dsp-v8256-zero-copy h2{margin:0 0 7px!important;color:var(--dsq-ink)!important;font:500 25px/1.14 Georgia,"Times New Roman",serif!important;}
[data-dlwe-panel="task-dashboard"] .dsp-v8256-zero-copy>p:last-child{margin:0!important;color:var(--dsq-copy)!important;font-size:13px!important;line-height:1.55!important;}
[data-dlwe-panel="tasks"] .dsp-v8256-hide-scope{display:none!important;}
[data-dlwe-panel="tasks"].dsp-v8256-task-empty #dlwe-tasks-list>.dlwe-empty-state,[data-dlwe-panel="tasks"].dsp-v8256-task-empty #dlwe-tasks-list>.dsp-empty-state{min-height:130px!important;padding:26px!important;}
[data-dlwe-panel="task-dashboard"] .dsp-overview-zero-insight,[data-dlwe-panel="task-dashboard"] .dsp-v8254-overview-zero{display:none!important;}
@media(max-width:720px){[data-dlwe-panel="task-dashboard"] .dsp-v8256-overview-zero{min-height:200px!important;flex-direction:column!important;gap:12px!important;padding:26px 20px!important;text-align:center!important;}[data-dlwe-panel="task-dashboard"] .dsp-v8256-zero-copy h2{font-size:22px!important;}}

/* ===== dated-studio-finance-v8266.css ===== */
/* Dated Studio v8.26.6 — Canonical Finance UI
   Consolidates the Finance visual stack into ONE authoritative stylesheet.
   v8.26.0 supplies the visual foundation; legacy v8.26.0 zero-state pseudo content
   and v8.26.1/v8.26.2/v8.26.4 intermediate overrides are intentionally retired. */

/* Dated Studio v8.26.0 — Finance Workspace
   Presentation-only layer. Finance permissions, data, endpoints and write paths remain authoritative in the existing runtime. */

.dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],
  [data-dlwe-panel="cash-flow-forecast"],
  [data-dlwe-panel="financial-reports"],
  [data-dlwe-panel="wedding-budget"],
  [data-dlwe-panel="budget-reports"],
  [data-dlwe-panel="client-invoices"],
  [data-dlwe-panel="vendors"],
  [data-dlwe-panel="purchase-orders"],
  [data-dlwe-panel="vendor-payments"],
  [data-dlwe-panel="expense"],
  [data-dlwe-panel="my-expenses"],
  [data-dlwe-panel="expense-approval"],
  [data-dlwe-panel="expense-reports"]
){
  --dsf-line:#ddd5ca;
  --dsf-line-soft:#e9e3da;
  --dsf-paper:#fffdf9;
  --dsf-paper-soft:#faf7f2;
  --dsf-ink:#171614;
  --dsf-copy:#514c46;
  --dsf-muted:#746d64;
  --dsf-accent:#a98259;
  --dsf-positive:#4e765f;
  --dsf-warning:#93692f;
  --dsf-negative:#9a4b43;
}

/* Editorial page heads: consistent with accepted Weddings + Planning hierarchy. */
.dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],
  [data-dlwe-panel="cash-flow-forecast"],
  [data-dlwe-panel="financial-reports"],
  [data-dlwe-panel="wedding-budget"],
  [data-dlwe-panel="budget-reports"],
  [data-dlwe-panel="client-invoices"],
  [data-dlwe-panel="vendors"],
  [data-dlwe-panel="purchase-orders"],
  [data-dlwe-panel="vendor-payments"],
  [data-dlwe-panel="expense"],
  [data-dlwe-panel="my-expenses"],
  [data-dlwe-panel="expense-approval"],
  [data-dlwe-panel="expense-reports"]
) > .dlwe-portal-header{
  align-items:flex-end!important;
  gap:30px!important;
  padding-bottom:18px!important;
  border-bottom:1px solid var(--dsf-line)!important;
  margin-bottom:18px!important;
}

.dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],
  [data-dlwe-panel="cash-flow-forecast"],
  [data-dlwe-panel="financial-reports"],
  [data-dlwe-panel="wedding-budget"],
  [data-dlwe-panel="budget-reports"],
  [data-dlwe-panel="client-invoices"],
  [data-dlwe-panel="vendors"],
  [data-dlwe-panel="purchase-orders"],
  [data-dlwe-panel="vendor-payments"],
  [data-dlwe-panel="expense"],
  [data-dlwe-panel="my-expenses"],
  [data-dlwe-panel="expense-approval"],
  [data-dlwe-panel="expense-reports"]
) > .dlwe-portal-header > div:first-child{
  max-width:760px;
}

.dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],
  [data-dlwe-panel="cash-flow-forecast"],
  [data-dlwe-panel="financial-reports"],
  [data-dlwe-panel="wedding-budget"],
  [data-dlwe-panel="budget-reports"],
  [data-dlwe-panel="client-invoices"],
  [data-dlwe-panel="vendors"],
  [data-dlwe-panel="purchase-orders"],
  [data-dlwe-panel="vendor-payments"],
  [data-dlwe-panel="expense"],
  [data-dlwe-panel="my-expenses"],
  [data-dlwe-panel="expense-approval"],
  [data-dlwe-panel="expense-reports"]
) > .dlwe-portal-header h1{
  margin-top:4px!important;
  font-size:clamp(30px,2.5vw,38px)!important;
  line-height:1.04!important;
  letter-spacing:-.035em!important;
  color:var(--dsf-ink)!important;
}

.dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],
  [data-dlwe-panel="cash-flow-forecast"],
  [data-dlwe-panel="financial-reports"],
  [data-dlwe-panel="wedding-budget"],
  [data-dlwe-panel="budget-reports"],
  [data-dlwe-panel="client-invoices"],
  [data-dlwe-panel="vendors"],
  [data-dlwe-panel="purchase-orders"],
  [data-dlwe-panel="vendor-payments"],
  [data-dlwe-panel="expense"],
  [data-dlwe-panel="my-expenses"],
  [data-dlwe-panel="expense-approval"],
  [data-dlwe-panel="expense-reports"]
) > .dlwe-portal-header .dlwe-muted{
  max-width:760px!important;
  margin-top:8px!important;
  color:var(--dsf-copy)!important;
  font-size:14.5px!important;
  line-height:1.55!important;
}

.dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],
  [data-dlwe-panel="cash-flow-forecast"],
  [data-dlwe-panel="financial-reports"],
  [data-dlwe-panel="wedding-budget"],
  [data-dlwe-panel="budget-reports"],
  [data-dlwe-panel="client-invoices"],
  [data-dlwe-panel="vendors"],
  [data-dlwe-panel="purchase-orders"],
  [data-dlwe-panel="vendor-payments"],
  [data-dlwe-panel="expense"],
  [data-dlwe-panel="my-expenses"],
  [data-dlwe-panel="expense-approval"],
  [data-dlwe-panel="expense-reports"]
) > .dlwe-portal-header .dlwe-eyebrow{
  color:#9d7753!important;
  font-size:10.5px!important;
  font-weight:750!important;
  letter-spacing:.19em!important;
}

/* Header actions: quiet secondary actions, one obvious primary write action where the existing markup provides it. */
.dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],
  [data-dlwe-panel="cash-flow-forecast"],
  [data-dlwe-panel="financial-reports"],
  [data-dlwe-panel="wedding-budget"],
  [data-dlwe-panel="budget-reports"],
  [data-dlwe-panel="client-invoices"],
  [data-dlwe-panel="vendors"],
  [data-dlwe-panel="purchase-orders"],
  [data-dlwe-panel="vendor-payments"],
  [data-dlwe-panel="expense"],
  [data-dlwe-panel="my-expenses"],
  [data-dlwe-panel="expense-approval"],
  [data-dlwe-panel="expense-reports"]
) .dlwe-header-actions{
  gap:8px!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
}

.dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],
  [data-dlwe-panel="cash-flow-forecast"],
  [data-dlwe-panel="financial-reports"],
  [data-dlwe-panel="wedding-budget"],
  [data-dlwe-panel="budget-reports"],
  [data-dlwe-panel="client-invoices"],
  [data-dlwe-panel="vendors"],
  [data-dlwe-panel="purchase-orders"],
  [data-dlwe-panel="vendor-payments"],
  [data-dlwe-panel="expense"],
  [data-dlwe-panel="my-expenses"],
  [data-dlwe-panel="expense-approval"],
  [data-dlwe-panel="expense-reports"]
) .dlwe-header-actions :is(button,.dlwe-primary-button,.dlwe-secondary-button){
  min-height:40px!important;
  border-radius:999px!important;
  padding:0 16px!important;
  font-size:11px!important;
  font-weight:750!important;
  letter-spacing:.04em!important;
}

/* Finance filter / command surfaces become compact operational strips rather than stacked cards. */
.dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],
  [data-dlwe-panel="cash-flow-forecast"],
  [data-dlwe-panel="financial-reports"]
) .dlwe-financial-filter-section,
.dlwe-studio-qortrade :is(
  [data-dlwe-panel="budget-reports"],
  [data-dlwe-panel="client-invoices"],
  [data-dlwe-panel="purchase-orders"],
  [data-dlwe-panel="vendor-payments"]
) .dlwe-budget-report-toolbar,
.dlwe-studio-qortrade [data-dlwe-panel="wedding-budget"] .dlwe-budget-command-card,
.dlwe-studio-qortrade [data-dlwe-panel="vendors"] .dlwe-vendor-filter-bar,
.dlwe-studio-qortrade [data-dlwe-panel="my-expenses"] .dlwe-expense-history-toolbar,
.dlwe-studio-qortrade [data-dlwe-panel="expense-approval"] .dlwe-approval-toolbar{
  border:1px solid var(--dsf-line)!important;
  border-radius:16px!important;
  background:rgba(255,253,249,.72)!important;
  box-shadow:0 10px 28px rgba(37,30,23,.025)!important;
}

.dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],
  [data-dlwe-panel="cash-flow-forecast"],
  [data-dlwe-panel="financial-reports"]
) .dlwe-financial-filter-section{
  padding:16px!important;
  margin:0 0 16px!important;
}

.dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],
  [data-dlwe-panel="cash-flow-forecast"],
  [data-dlwe-panel="financial-reports"]
) .dlwe-financial-filter-section .dlwe-form-section-heading{
  display:flex!important;
  align-items:baseline!important;
  gap:12px!important;
  margin:0 0 12px!important;
  padding:0!important;
  border:0!important;
}
.dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],
  [data-dlwe-panel="cash-flow-forecast"],
  [data-dlwe-panel="financial-reports"]
) .dlwe-financial-filter-section .dlwe-form-section-heading h2{
  font-size:17px!important;
  margin:0!important;
}
.dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],
  [data-dlwe-panel="cash-flow-forecast"]
) .dlwe-financial-filter-section .dlwe-form-section-heading .dlwe-muted{
  margin:0!important;
  font-size:12px!important;
  color:var(--dsf-muted)!important;
}

.dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],
  [data-dlwe-panel="cash-flow-forecast"],
  [data-dlwe-panel="financial-reports"],
  [data-dlwe-panel="wedding-budget"],
  [data-dlwe-panel="budget-reports"],
  [data-dlwe-panel="client-invoices"],
  [data-dlwe-panel="vendors"],
  [data-dlwe-panel="purchase-orders"],
  [data-dlwe-panel="vendor-payments"],
  [data-dlwe-panel="my-expenses"],
  [data-dlwe-panel="expense-approval"],
  [data-dlwe-panel="expense-reports"],
  [data-dlwe-panel="expense"]
) :is(input,select,textarea){
  border-color:#d7cec2!important;
  background:#fffefa!important;
}
.dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],
  [data-dlwe-panel="cash-flow-forecast"],
  [data-dlwe-panel="financial-reports"],
  [data-dlwe-panel="wedding-budget"],
  [data-dlwe-panel="budget-reports"],
  [data-dlwe-panel="client-invoices"],
  [data-dlwe-panel="vendors"],
  [data-dlwe-panel="purchase-orders"],
  [data-dlwe-panel="vendor-payments"],
  [data-dlwe-panel="my-expenses"],
  [data-dlwe-panel="expense-approval"],
  [data-dlwe-panel="expense-reports"],
  [data-dlwe-panel="expense"]
) :is(input,select){
  min-height:46px!important;
}
.dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],
  [data-dlwe-panel="cash-flow-forecast"],
  [data-dlwe-panel="financial-reports"],
  [data-dlwe-panel="wedding-budget"],
  [data-dlwe-panel="budget-reports"],
  [data-dlwe-panel="client-invoices"],
  [data-dlwe-panel="vendors"],
  [data-dlwe-panel="purchase-orders"],
  [data-dlwe-panel="vendor-payments"],
  [data-dlwe-panel="my-expenses"],
  [data-dlwe-panel="expense-approval"],
  [data-dlwe-panel="expense-reports"],
  [data-dlwe-panel="expense"]
) .dlwe-field > label{
  color:#625b52!important;
  font-size:10.5px!important;
  font-weight:750!important;
  letter-spacing:.075em!important;
}

/* Access/generated timestamp becomes a slim ledger note, not another card. */
.dlwe-studio-qortrade :is(#dlwe-financial-access-note,#dlwe-cash-flow-access-note,#dlwe-financial-reports-access-note,#dlwe-budget-access-message,#dlwe-budget-reports-access-message){
  min-height:0!important;
  margin:10px 2px 12px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--dsf-muted)!important;
  font-size:11.5px!important;
}

/* Executive metric ledger. */
.dlwe-studio-qortrade :is(
  #dlwe-financial-summary,
  #dlwe-cash-flow-summary,
  #dlwe-financial-reports-summary,
  #dlwe-budget-reports-summary,
  #dlwe-invoice-summary,
  #dlwe-po-summary,
  #dlwe-vp-summary
).dlwe-budget-report-summary-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:0!important;
  margin:14px 0 16px!important;
  border:1px solid var(--dsf-line)!important;
  border-radius:16px!important;
  background:rgba(255,253,249,.76)!important;
  overflow:hidden!important;
}

.dlwe-studio-qortrade :is(
  #dlwe-financial-summary,
  #dlwe-cash-flow-summary,
  #dlwe-financial-reports-summary,
  #dlwe-budget-reports-summary,
  #dlwe-invoice-summary,
  #dlwe-po-summary,
  #dlwe-vp-summary
) .dlwe-budget-report-summary-card{
  min-width:0!important;
  min-height:104px!important;
  margin:0!important;
  padding:17px 18px!important;
  border:0!important;
  border-right:1px solid var(--dsf-line)!important;
  border-bottom:1px solid var(--dsf-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.dlwe-studio-qortrade :is(
  #dlwe-financial-summary,
  #dlwe-cash-flow-summary,
  #dlwe-financial-reports-summary,
  #dlwe-budget-reports-summary,
  #dlwe-invoice-summary,
  #dlwe-po-summary,
  #dlwe-vp-summary
) .dlwe-budget-report-summary-card span{
  color:#6a635b!important;
  font-size:10px!important;
  font-weight:750!important;
  letter-spacing:.095em!important;
  text-transform:uppercase!important;
}
.dlwe-studio-qortrade :is(
  #dlwe-financial-summary,
  #dlwe-cash-flow-summary,
  #dlwe-financial-reports-summary,
  #dlwe-budget-reports-summary,
  #dlwe-invoice-summary,
  #dlwe-po-summary,
  #dlwe-vp-summary
) .dlwe-budget-report-summary-card strong{
  display:block!important;
  margin-top:8px!important;
  color:var(--dsf-ink)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:22px!important;
  font-weight:500!important;
  line-height:1.12!important;
  letter-spacing:-.02em!important;
  overflow-wrap:anywhere!important;
}
.dlwe-studio-qortrade :is(
  #dlwe-financial-summary,
  #dlwe-cash-flow-summary,
  #dlwe-financial-reports-summary,
  #dlwe-budget-reports-summary,
  #dlwe-invoice-summary,
  #dlwe-po-summary,
  #dlwe-vp-summary
) .dlwe-budget-report-summary-card small{
  display:block!important;
  margin-top:7px!important;
  color:var(--dsf-muted)!important;
  font-size:11px!important;
  line-height:1.35!important;
}

/* Wedding Budget has more measures; use a disciplined four-column financial ledger. */
.dlwe-studio-qortrade #dlwe-budget-summary.dlwe-budget-summary-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  margin:14px 0 16px!important;
  border:1px solid var(--dsf-line)!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:rgba(255,253,249,.76)!important;
}
.dlwe-studio-qortrade #dlwe-budget-summary .dlwe-budget-summary-card{
  min-height:108px!important;
  margin:0!important;
  padding:17px 18px!important;
  border:0!important;
  border-right:1px solid var(--dsf-line)!important;
  border-bottom:1px solid var(--dsf-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.dlwe-studio-qortrade #dlwe-budget-summary .dlwe-budget-summary-card > span{
  color:#6a635b!important;
  font-size:10px!important;
  font-weight:750!important;
  letter-spacing:.095em!important;
  text-transform:uppercase!important;
}
.dlwe-studio-qortrade #dlwe-budget-summary .dlwe-budget-summary-card > strong{
  display:block!important;
  margin-top:8px!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:22px!important;
  font-weight:500!important;
  line-height:1.12!important;
}
.dlwe-studio-qortrade #dlwe-budget-summary .dlwe-budget-summary-card > small{
  margin-top:7px!important;
  color:var(--dsf-muted)!important;
  font-size:11px!important;
  line-height:1.35!important;
}

/* Section surfaces: fine dividers, low shadow, stronger hierarchy. */
.dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],
  [data-dlwe-panel="cash-flow-forecast"],
  [data-dlwe-panel="financial-reports"],
  [data-dlwe-panel="wedding-budget"],
  [data-dlwe-panel="budget-reports"],
  [data-dlwe-panel="client-invoices"],
  [data-dlwe-panel="purchase-orders"],
  [data-dlwe-panel="vendor-payments"],
  [data-dlwe-panel="expense"],
  [data-dlwe-panel="expense-approval"],
  [data-dlwe-panel="expense-reports"]
) .dlwe-form-section,
.dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],
  [data-dlwe-panel="cash-flow-forecast"],
  [data-dlwe-panel="financial-reports"],
  [data-dlwe-panel="budget-reports"],
  [data-dlwe-panel="client-invoices"]
) .dlwe-budget-report-card{
  border:1px solid var(--dsf-line)!important;
  border-radius:16px!important;
  background:rgba(255,253,249,.76)!important;
  box-shadow:0 14px 34px rgba(33,27,21,.025)!important;
}

.dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],
  [data-dlwe-panel="cash-flow-forecast"],
  [data-dlwe-panel="financial-reports"],
  [data-dlwe-panel="wedding-budget"],
  [data-dlwe-panel="budget-reports"],
  [data-dlwe-panel="client-invoices"],
  [data-dlwe-panel="purchase-orders"],
  [data-dlwe-panel="vendor-payments"],
  [data-dlwe-panel="expense"],
  [data-dlwe-panel="expense-approval"],
  [data-dlwe-panel="expense-reports"]
) .dlwe-form-section-heading h2,
.dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],
  [data-dlwe-panel="cash-flow-forecast"],
  [data-dlwe-panel="financial-reports"],
  [data-dlwe-panel="budget-reports"],
  [data-dlwe-panel="client-invoices"]
) .dlwe-budget-report-card-heading h2,
.dlwe-studio-qortrade [data-dlwe-panel="client-invoices"] .dlwe-budget-report-card-heading h3{
  color:var(--dsf-ink)!important;
  font-size:21px!important;
  line-height:1.16!important;
  letter-spacing:-.02em!important;
}

/* Better executive composition for the three overview breakdowns. */
.dlwe-studio-qortrade [data-dlwe-panel="financial-overview"] .dlwe-financial-dashboard-grid{
  grid-template-columns:minmax(0,1.05fr) minmax(0,1.2fr) minmax(0,.9fr)!important;
  gap:14px!important;
  margin:14px 0!important;
}
.dlwe-studio-qortrade [data-dlwe-panel="financial-overview"] .dlwe-financial-breakdown-row{
  border:0!important;
  border-top:1px solid var(--dsf-line-soft)!important;
  border-radius:0!important;
  padding:13px 0!important;
  background:transparent!important;
}
.dlwe-studio-qortrade [data-dlwe-panel="financial-overview"] .dlwe-financial-breakdown-row:first-child{
  border-top:0!important;
  padding-top:4px!important;
}

/* Tables are ledgers, not spreadsheet boxes. */
.dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],
  [data-dlwe-panel="cash-flow-forecast"],
  [data-dlwe-panel="financial-reports"],
  [data-dlwe-panel="wedding-budget"],
  [data-dlwe-panel="budget-reports"],
  [data-dlwe-panel="client-invoices"],
  [data-dlwe-panel="purchase-orders"],
  [data-dlwe-panel="vendor-payments"],
  [data-dlwe-panel="expense-approval"],
  [data-dlwe-panel="expense-reports"]
) .dlwe-table-scroll{
  border:1px solid var(--dsf-line)!important;
  border-radius:14px!important;
  background:var(--dsf-paper)!important;
  box-shadow:none!important;
}
.dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],
  [data-dlwe-panel="cash-flow-forecast"],
  [data-dlwe-panel="financial-reports"],
  [data-dlwe-panel="wedding-budget"],
  [data-dlwe-panel="budget-reports"],
  [data-dlwe-panel="client-invoices"],
  [data-dlwe-panel="purchase-orders"],
  [data-dlwe-panel="vendor-payments"],
  [data-dlwe-panel="expense-approval"],
  [data-dlwe-panel="expense-reports"]
) table{
  border-collapse:separate!important;
  border-spacing:0!important;
}
.dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],
  [data-dlwe-panel="cash-flow-forecast"],
  [data-dlwe-panel="financial-reports"],
  [data-dlwe-panel="wedding-budget"],
  [data-dlwe-panel="budget-reports"],
  [data-dlwe-panel="client-invoices"],
  [data-dlwe-panel="purchase-orders"],
  [data-dlwe-panel="vendor-payments"],
  [data-dlwe-panel="expense-approval"],
  [data-dlwe-panel="expense-reports"]
) th{
  background:#f8f4ee!important;
  color:#625b52!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  border-bottom:1px solid #d8cec2!important;
}
.dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],
  [data-dlwe-panel="cash-flow-forecast"],
  [data-dlwe-panel="financial-reports"],
  [data-dlwe-panel="wedding-budget"],
  [data-dlwe-panel="budget-reports"],
  [data-dlwe-panel="client-invoices"],
  [data-dlwe-panel="purchase-orders"],
  [data-dlwe-panel="vendor-payments"],
  [data-dlwe-panel="expense-approval"],
  [data-dlwe-panel="expense-reports"]
) td{
  color:#37332f!important;
  font-size:12.5px!important;
  line-height:1.42!important;
  border-bottom:1px solid #ece5dc!important;
  font-variant-numeric:tabular-nums!important;
}
.dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],
  [data-dlwe-panel="cash-flow-forecast"],
  [data-dlwe-panel="financial-reports"],
  [data-dlwe-panel="wedding-budget"],
  [data-dlwe-panel="budget-reports"],
  [data-dlwe-panel="client-invoices"],
  [data-dlwe-panel="purchase-orders"],
  [data-dlwe-panel="vendor-payments"],
  [data-dlwe-panel="expense-approval"],
  [data-dlwe-panel="expense-reports"]
) tbody tr:hover td{
  background:#fcf9f4!important;
}

/* Finance signals are restrained but legible. */
.dlwe-studio-qortrade .dlwe-financial-positive,
.dlwe-studio-qortrade .dlwe-budget-report-summary-card.is-positive strong{color:var(--dsf-positive)!important}
.dlwe-studio-qortrade .dlwe-financial-negative,
.dlwe-studio-qortrade .dlwe-budget-report-summary-card.is-negative strong{color:var(--dsf-negative)!important}
.dlwe-studio-qortrade .dlwe-budget-report-summary-card.is-warning strong{color:var(--dsf-warning)!important}
.dlwe-studio-qortrade .dlwe-finance-alert{
  border-radius:12px!important;
  box-shadow:none!important;
}

/* Client accounts header has many actions. Keep the two transaction actions prominent and move utilities into a calmer row. */
.dlwe-studio-qortrade [data-dlwe-panel="client-invoices"] > .dlwe-portal-header{
  align-items:flex-start!important;
}
.dlwe-studio-qortrade [data-dlwe-panel="client-invoices"] .dlwe-header-actions{
  max-width:670px!important;
}
.dlwe-studio-qortrade [data-dlwe-panel="client-invoices"] :is(#dlwe-invoice-new,#dlwe-payment-new){
  background:#151412!important;
  border-color:#151412!important;
  color:#fff!important;
}

/* Vendor / expense list surfaces follow the same low-card language. */
.dlwe-studio-qortrade [data-dlwe-panel="vendors"] :is(.dlwe-vendor-summary,.dlwe-vendor-list),
.dlwe-studio-qortrade [data-dlwe-panel="my-expenses"] :is(.dlwe-personal-summary,.dlwe-expense-history-list),
.dlwe-studio-qortrade [data-dlwe-panel="expense-approval"] :is(.dlwe-personal-summary,.dlwe-approval-list){
  border-color:var(--dsf-line)!important;
}

/* Form/editor refinement. */
.dlwe-studio-qortrade :is(
  [data-dlwe-panel="wedding-budget"],
  [data-dlwe-panel="client-invoices"],
  [data-dlwe-panel="purchase-orders"],
  [data-dlwe-panel="vendor-payments"],
  [data-dlwe-panel="expense"]
) :is(.dlwe-budget-editor,.dlwe-task-editor,.dlwe-portal-form,.dlwe-form-card){
  box-shadow:none!important;
}
.dlwe-studio-qortrade :is(
  [data-dlwe-panel="wedding-budget"],
  [data-dlwe-panel="client-invoices"],
  [data-dlwe-panel="purchase-orders"],
  [data-dlwe-panel="vendor-payments"]
) .dlwe-back-link{
  width:auto!important;
  min-height:38px!important;
  padding:0 14px!important;
  border:1px solid var(--dsf-line)!important;
  border-radius:999px!important;
  background:rgba(255,253,249,.75)!important;
  color:#292622!important;
  font-size:11px!important;
  font-weight:700!important;
}

/* Responsive finance density. */
@media (max-width:1280px){
  .dlwe-studio-qortrade :is(
    #dlwe-financial-summary,#dlwe-cash-flow-summary,#dlwe-financial-reports-summary,#dlwe-budget-reports-summary,#dlwe-invoice-summary,#dlwe-po-summary,#dlwe-vp-summary
  ).dlwe-budget-report-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .dlwe-studio-qortrade #dlwe-budget-summary.dlwe-budget-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .dlwe-studio-qortrade [data-dlwe-panel="financial-overview"] .dlwe-financial-dashboard-grid{grid-template-columns:1fr 1fr!important}
  .dlwe-studio-qortrade [data-dlwe-panel="financial-overview"] .dlwe-financial-dashboard-grid > :last-child{grid-column:1/-1!important}
}

@media (max-width:900px){
  .dlwe-studio-qortrade :is(
    [data-dlwe-panel="financial-overview"],[data-dlwe-panel="cash-flow-forecast"],[data-dlwe-panel="financial-reports"],[data-dlwe-panel="wedding-budget"],[data-dlwe-panel="budget-reports"],[data-dlwe-panel="client-invoices"],[data-dlwe-panel="vendors"],[data-dlwe-panel="purchase-orders"],[data-dlwe-panel="vendor-payments"],[data-dlwe-panel="expense"],[data-dlwe-panel="my-expenses"],[data-dlwe-panel="expense-approval"],[data-dlwe-panel="expense-reports"]
  ) > .dlwe-portal-header{align-items:flex-start!important;flex-direction:column!important;gap:16px!important}
  .dlwe-studio-qortrade :is(
    [data-dlwe-panel="financial-overview"],[data-dlwe-panel="cash-flow-forecast"],[data-dlwe-panel="financial-reports"],[data-dlwe-panel="wedding-budget"],[data-dlwe-panel="budget-reports"],[data-dlwe-panel="client-invoices"],[data-dlwe-panel="vendors"],[data-dlwe-panel="purchase-orders"],[data-dlwe-panel="vendor-payments"],[data-dlwe-panel="expense"],[data-dlwe-panel="my-expenses"],[data-dlwe-panel="expense-approval"],[data-dlwe-panel="expense-reports"]
  ) .dlwe-header-actions{justify-content:flex-start!important;max-width:none!important}
  .dlwe-studio-qortrade :is(
    #dlwe-financial-summary,#dlwe-cash-flow-summary,#dlwe-financial-reports-summary,#dlwe-budget-reports-summary,#dlwe-invoice-summary,#dlwe-po-summary,#dlwe-vp-summary
  ).dlwe-budget-report-summary-grid,
  .dlwe-studio-qortrade #dlwe-budget-summary.dlwe-budget-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dlwe-studio-qortrade [data-dlwe-panel="financial-overview"] .dlwe-financial-dashboard-grid{grid-template-columns:1fr!important}
  .dlwe-studio-qortrade [data-dlwe-panel="financial-overview"] .dlwe-financial-dashboard-grid > :last-child{grid-column:auto!important}
}

@media (max-width:560px){
  .dlwe-studio-qortrade :is(
    #dlwe-financial-summary,#dlwe-cash-flow-summary,#dlwe-financial-reports-summary,#dlwe-budget-reports-summary,#dlwe-invoice-summary,#dlwe-po-summary,#dlwe-vp-summary
  ).dlwe-budget-report-summary-grid,
  .dlwe-studio-qortrade #dlwe-budget-summary.dlwe-budget-summary-grid{grid-template-columns:1fr!important}
  .dlwe-studio-qortrade :is(
    #dlwe-financial-summary,#dlwe-cash-flow-summary,#dlwe-financial-reports-summary
  ):has(> .dlwe-empty-state){min-height:190px!important;padding:18px!important}
  .dlwe-studio-qortrade #dlwe-budget-content:has(#dlwe_budget_wedding:disabled) .dlwe-budget-command-card{min-height:210px!important}
}

/* Dark-mode finance surfaces. */
html[data-dlwe-theme="dark"] .dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],
  [data-dlwe-panel="cash-flow-forecast"],
  [data-dlwe-panel="financial-reports"],
  [data-dlwe-panel="wedding-budget"],
  [data-dlwe-panel="budget-reports"],
  [data-dlwe-panel="client-invoices"],
  [data-dlwe-panel="vendors"],
  [data-dlwe-panel="purchase-orders"],
  [data-dlwe-panel="vendor-payments"],
  [data-dlwe-panel="expense"],
  [data-dlwe-panel="my-expenses"],
  [data-dlwe-panel="expense-approval"],
  [data-dlwe-panel="expense-reports"]
){
  --dsf-line:#3a3733;
  --dsf-line-soft:#302e2b;
  --dsf-paper:#1b1b1d;
  --dsf-paper-soft:#202022;
  --dsf-ink:#f2eee8;
  --dsf-copy:#d0cac2;
  --dsf-muted:#aaa39a;
}
html[data-dlwe-theme="dark"] .dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],[data-dlwe-panel="cash-flow-forecast"],[data-dlwe-panel="financial-reports"],[data-dlwe-panel="wedding-budget"],[data-dlwe-panel="budget-reports"],[data-dlwe-panel="client-invoices"],[data-dlwe-panel="vendors"],[data-dlwe-panel="purchase-orders"],[data-dlwe-panel="vendor-payments"],[data-dlwe-panel="expense"],[data-dlwe-panel="my-expenses"],[data-dlwe-panel="expense-approval"],[data-dlwe-panel="expense-reports"]
) :is(input,select,textarea){background:#1b1b1d!important;border-color:#3d3934!important;color:#eee9e2!important}
html[data-dlwe-theme="dark"] .dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],[data-dlwe-panel="cash-flow-forecast"],[data-dlwe-panel="financial-reports"],[data-dlwe-panel="wedding-budget"],[data-dlwe-panel="budget-reports"],[data-dlwe-panel="client-invoices"],[data-dlwe-panel="purchase-orders"],[data-dlwe-panel="vendor-payments"],[data-dlwe-panel="expense-approval"],[data-dlwe-panel="expense-reports"]
) th{background:#242326!important;color:#c8c1b8!important;border-bottom-color:#443f39!important}
html[data-dlwe-theme="dark"] .dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],[data-dlwe-panel="cash-flow-forecast"],[data-dlwe-panel="financial-reports"],[data-dlwe-panel="wedding-budget"],[data-dlwe-panel="budget-reports"],[data-dlwe-panel="client-invoices"],[data-dlwe-panel="purchase-orders"],[data-dlwe-panel="vendor-payments"],[data-dlwe-panel="expense-approval"],[data-dlwe-panel="expense-reports"]
) td{color:#ddd7cf!important;border-bottom-color:#302e2b!important}
html[data-dlwe-theme="dark"] .dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],[data-dlwe-panel="cash-flow-forecast"],[data-dlwe-panel="financial-reports"],[data-dlwe-panel="wedding-budget"],[data-dlwe-panel="budget-reports"],[data-dlwe-panel="client-invoices"],[data-dlwe-panel="purchase-orders"],[data-dlwe-panel="vendor-payments"],[data-dlwe-panel="expense-approval"],[data-dlwe-panel="expense-reports"]
) tbody tr:hover td{background:#222124!important}

/* The floating contextual rail already provides Dashboard and Finance navigation. Avoid duplicate header navigation. */
.dlwe-studio-qortrade :is(
  [data-dlwe-panel="wedding-budget"],
  [data-dlwe-panel="vendors"],
  [data-dlwe-panel="my-expenses"],
  [data-dlwe-panel="expense-approval"],
  [data-dlwe-panel="expense-reports"],
  [data-dlwe-panel="expense"]
) > .dlwe-portal-header [data-dlwe-section="dashboard"]{
  display:none!important;
}


/* Dated Studio v8.26.6 — Finance UI completion
   Final presentation/runtime-authority polish based on installed Finance screenshots.
   No finance calculations, permissions, endpoints or write workflows. */

.dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],[data-dlwe-panel="cash-flow-forecast"],[data-dlwe-panel="financial-reports"],
  [data-dlwe-panel="wedding-budget"],[data-dlwe-panel="budget-reports"],[data-dlwe-panel="client-invoices"],
  [data-dlwe-panel="vendors"],[data-dlwe-panel="purchase-orders"],[data-dlwe-panel="vendor-payments"],
  [data-dlwe-panel="expense"],[data-dlwe-panel="my-expenses"],[data-dlwe-panel="expense-approval"],[data-dlwe-panel="expense-reports"]
){
  --dsf-muted-strong:#625b53;
  --dsf-line-v8266:#ddd4c8;
  --dsf-paper-v8266:#fffdf9;
}

/* --------------------------------------------------------------------------
   Readability baseline — Finance should never rely on faint micro typography.
   -------------------------------------------------------------------------- */
.dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],[data-dlwe-panel="cash-flow-forecast"],[data-dlwe-panel="financial-reports"],
  [data-dlwe-panel="wedding-budget"],[data-dlwe-panel="budget-reports"],[data-dlwe-panel="client-invoices"],
  [data-dlwe-panel="vendors"],[data-dlwe-panel="purchase-orders"],[data-dlwe-panel="vendor-payments"],
  [data-dlwe-panel="expense"],[data-dlwe-panel="my-expenses"],[data-dlwe-panel="expense-approval"],[data-dlwe-panel="expense-reports"]
) .dlwe-field > label{
  font-size:11.25px!important;line-height:1.3!important;font-weight:760!important;letter-spacing:.07em!important;color:#514a43!important;
}
.dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],[data-dlwe-panel="cash-flow-forecast"],[data-dlwe-panel="financial-reports"],
  [data-dlwe-panel="wedding-budget"],[data-dlwe-panel="budget-reports"],[data-dlwe-panel="client-invoices"],
  [data-dlwe-panel="vendors"],[data-dlwe-panel="purchase-orders"],[data-dlwe-panel="vendor-payments"],
  [data-dlwe-panel="expense"],[data-dlwe-panel="my-expenses"],[data-dlwe-panel="expense-approval"],[data-dlwe-panel="expense-reports"]
) :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  font-size:14px!important;color:#302c28!important;
}
.dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],[data-dlwe-panel="cash-flow-forecast"],[data-dlwe-panel="financial-reports"],
  [data-dlwe-panel="wedding-budget"],[data-dlwe-panel="budget-reports"],[data-dlwe-panel="client-invoices"],
  [data-dlwe-panel="vendors"],[data-dlwe-panel="purchase-orders"],[data-dlwe-panel="vendor-payments"],
  [data-dlwe-panel="expense"],[data-dlwe-panel="my-expenses"],[data-dlwe-panel="expense-approval"],[data-dlwe-panel="expense-reports"]
) :is(.dlwe-muted,.dlwe-field-note,.dlwe-field small,.dlwe-form-section-heading p,.dlwe-history-count,.dlwe-report-meta,.dlwe-vendor-scope-note){
  font-size:12.75px!important;line-height:1.52!important;color:#5d564f!important;
}
.dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],[data-dlwe-panel="cash-flow-forecast"],[data-dlwe-panel="financial-reports"],
  [data-dlwe-panel="wedding-budget"],[data-dlwe-panel="budget-reports"],[data-dlwe-panel="client-invoices"],
  [data-dlwe-panel="vendors"],[data-dlwe-panel="purchase-orders"],[data-dlwe-panel="vendor-payments"],
  [data-dlwe-panel="expense"],[data-dlwe-panel="my-expenses"],[data-dlwe-panel="expense-approval"],[data-dlwe-panel="expense-reports"]
) table th{
  font-size:10.75px!important;line-height:1.3!important;font-weight:760!important;letter-spacing:.06em!important;color:#514a43!important;
}
.dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],[data-dlwe-panel="cash-flow-forecast"],[data-dlwe-panel="financial-reports"],
  [data-dlwe-panel="wedding-budget"],[data-dlwe-panel="budget-reports"],[data-dlwe-panel="client-invoices"],
  [data-dlwe-panel="vendors"],[data-dlwe-panel="purchase-orders"],[data-dlwe-panel="vendor-payments"],
  [data-dlwe-panel="expense"],[data-dlwe-panel="my-expenses"],[data-dlwe-panel="expense-approval"],[data-dlwe-panel="expense-reports"]
) table td{font-size:13px!important;line-height:1.48!important;color:#39342f!important}

/* --------------------------------------------------------------------------
   One canonical Finance empty state. Remove legacy pseudo icon to prevent the
   double-icon stack seen on Financial Overview / Financial Reports.
   -------------------------------------------------------------------------- */
.dlwe-studio-qortrade .dlwe-finance-empty-v8266::before,
.dlwe-studio-qortrade .dlwe-finance-empty-v8266::after{display:none!important;content:none!important}
.dlwe-studio-qortrade .dlwe-finance-empty-v8266{
  box-sizing:border-box!important;width:100%!important;max-width:none!important;min-height:176px!important;grid-column:1/-1!important;margin:0!important;padding:28px 28px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  text-align:center!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--dsf-muted-strong)!important;
}
.dlwe-studio-qortrade .dlwe-finance-empty-v8266 .dlwe-finance-empty-icon-v8266{
  display:grid!important;place-items:center!important;width:46px!important;height:46px!important;margin:0 0 9px!important;
  border:1px solid var(--dsf-line-v8266)!important;border-radius:14px!important;background:#faf6f0!important;color:#a7825f!important;font-size:18px!important;
}
.dlwe-studio-qortrade .dlwe-finance-empty-v8266 strong{
  display:block!important;width:100%!important;font-family:Georgia,"Times New Roman",serif!important;font-size:23px!important;line-height:1.18!important;font-weight:500!important;color:#171513!important;
}
.dlwe-studio-qortrade .dlwe-finance-empty-v8266 .dlwe-finance-empty-copy-v8266{
  display:block!important;width:100%!important;max-width:660px!important;margin:0 auto!important;font-size:13.5px!important;line-height:1.55!important;color:var(--dsf-muted-strong)!important;
}

/* Executive/report zero surfaces: full width, centered, no legacy split grid. */
.dlwe-studio-qortrade :is([data-dlwe-panel="financial-overview"],[data-dlwe-panel="financial-reports"]).is-finance-zero-v8266 :is(#dlwe-financial-summary,#dlwe-financial-reports-summary),
.dlwe-studio-qortrade [data-dlwe-panel="budget-reports"].is-finance-zero-v8266 #dlwe-budget-reports-summary,
.dlwe-studio-qortrade [data-dlwe-panel="expense-reports"].is-finance-zero-v8266 #dlwe-reports-currency-summary{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;place-items:stretch!important;width:100%!important;max-width:none!important;min-height:178px!important;grid-column:1/-1!important;
  padding:0!important;overflow:hidden!important;border:1px solid var(--dsf-line-v8266)!important;border-radius:16px!important;background:rgba(255,253,249,.82)!important;
}
.dlwe-studio-qortrade [data-dlwe-panel="budget-reports"].is-finance-zero-v8266 #dlwe-budget-report-print-area,
.dlwe-studio-qortrade [data-dlwe-panel="budget-reports"].is-finance-zero-v8266 #dlwe-budget-reports-access-message,
.dlwe-studio-qortrade [data-dlwe-panel="expense-reports"].is-finance-zero-v8266 :is(.dlwe-report-layout,.dlwe-report-detail-card),
.dlwe-studio-qortrade [data-dlwe-panel="financial-overview"].is-finance-zero-v8266 #dlwe-financial-summary ~ :is(.dlwe-form-section,.dlwe-financial-dashboard-grid),
.dlwe-studio-qortrade [data-dlwe-panel="financial-reports"].is-finance-zero-v8266 #dlwe-financial-reports-summary ~ :is(#dlwe-financial-reports-alerts,.dlwe-form-section){display:none!important}

/* Wedding Budget: a complete no-wedding state, not old command-card fragments. */
.dlwe-studio-qortrade [data-dlwe-panel="wedding-budget"].is-finance-no-wedding-v8266 :is(#dlwe-budget-summary,#dlwe-budget-register,#dlwe-budget-access-message){display:none!important}
.dlwe-studio-qortrade [data-dlwe-panel="wedding-budget"].is-finance-no-wedding-v8266 .dlwe-header-actions{visibility:hidden!important;pointer-events:none!important}
.dlwe-studio-qortrade [data-dlwe-panel="wedding-budget"].is-finance-no-wedding-v8266 .dlwe-budget-command-card{
  min-height:230px!important;padding:0!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;place-items:stretch!important;border:1px solid var(--dsf-line-v8266)!important;border-radius:16px!important;background:rgba(255,253,249,.82)!important;overflow:hidden!important;
}
.dlwe-studio-qortrade [data-dlwe-panel="wedding-budget"].is-finance-no-wedding-v8266 .dlwe-budget-command-card>*:not(.dlwe-finance-wedding-empty-v8266){display:none!important}
.dlwe-studio-qortrade .dlwe-finance-wedding-empty-v8266{width:100%!important;grid-column:1/-1!important;min-height:228px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:28px!important;text-align:center!important}
.dlwe-studio-qortrade .dlwe-finance-wedding-empty-v8266 .dlwe-finance-empty-icon-v8266{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--dsf-line-v8266);border-radius:14px;background:#faf6f0;color:#a7825f;font-size:18px;margin-bottom:7px}
.dlwe-studio-qortrade .dlwe-finance-wedding-empty-v8266 strong{font-family:Georgia,"Times New Roman",serif;font-size:24px;font-weight:500;line-height:1.15;color:#171513}
.dlwe-studio-qortrade .dlwe-finance-wedding-empty-v8266 span{max-width:620px;font-size:13.5px;line-height:1.55;color:var(--dsf-muted-strong)}
.dlwe-studio-qortrade .dlwe-finance-wedding-empty-v8266 button{margin-top:6px!important}

/* Vendors: keep useful metrics, but make the filter composition feel intentional. */
.dlwe-studio-qortrade [data-dlwe-panel="vendors"] .dlwe-vendor-summary{gap:12px!important}
.dlwe-studio-qortrade [data-dlwe-panel="vendors"] .dlwe-vendor-summary-card{min-height:94px!important;padding:15px 17px!important}
.dlwe-studio-qortrade [data-dlwe-panel="vendors"] .dlwe-vendor-summary-card strong{font-size:31px!important}
.dlwe-studio-qortrade [data-dlwe-panel="vendors"] .dlwe-vendor-toolbar{
  display:grid!important;grid-template-columns:minmax(260px,1.55fr) repeat(3,minmax(150px,1fr))!important;gap:12px!important;align-items:center!important;
}
.dlwe-studio-qortrade [data-dlwe-panel="vendors"] #dlwe-vendors-preferred-filter{grid-column:1 / span 2!important}
.dlwe-studio-qortrade [data-dlwe-panel="vendors"] #dlwe-vendors-status-filter{grid-column:3 / span 2!important}
.dlwe-studio-qortrade [data-dlwe-panel="vendors"].is-finance-zero-v8266 #dlwe-vendors-list>.dlwe-empty-state{border:1px solid var(--dsf-line-v8266)!important;border-radius:14px!important;background:rgba(255,253,249,.76)!important}

/* Purchase Orders + Vendor Payments: at zero, don't show a dead table header. */
.dlwe-studio-qortrade :is([data-dlwe-panel="purchase-orders"],[data-dlwe-panel="vendor-payments"]) .dlwe-budget-report-toolbar{
  display:grid!important;grid-template-columns:minmax(260px,1.4fr) minmax(170px,.8fr) minmax(260px,1.2fr)!important;gap:12px!important;align-items:end!important;
}
.dlwe-studio-qortrade :is([data-dlwe-panel="purchase-orders"],[data-dlwe-panel="vendor-payments"]).is-finance-zero-v8266 :is(#dlwe-po-summary,#dlwe-vp-summary){display:none!important}
.dlwe-studio-qortrade :is([data-dlwe-panel="purchase-orders"],[data-dlwe-panel="vendor-payments"]).is-finance-zero-v8266 .dlwe-table-scroll{
  margin-top:14px!important;overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important;
}
.dlwe-studio-qortrade :is([data-dlwe-panel="purchase-orders"],[data-dlwe-panel="vendor-payments"]).is-finance-zero-v8266 .dlwe-table-scroll thead{display:none!important}
.dlwe-studio-qortrade :is([data-dlwe-panel="purchase-orders"],[data-dlwe-panel="vendor-payments"]).is-finance-zero-v8266 .dlwe-table-scroll :is(table,tbody,tr){display:block!important;width:100%!important}
.dlwe-studio-qortrade :is([data-dlwe-panel="purchase-orders"],[data-dlwe-panel="vendor-payments"]).is-finance-zero-v8266 .dlwe-table-scroll td.dlwe-empty-cell{
  box-sizing:border-box!important;display:flex!important;width:100%!important;min-height:150px!important;padding:26px!important;align-items:center!important;justify-content:center!important;
  border:1px solid var(--dsf-line-v8266)!important;border-radius:15px!important;background:rgba(255,253,249,.78)!important;text-align:center!important;
}
.dlwe-studio-qortrade .dlwe-finance-table-empty-v8266{display:flex;flex-direction:column;align-items:center;gap:6px;max-width:620px}
.dlwe-studio-qortrade .dlwe-finance-table-empty-v8266 strong{font-family:Georgia,"Times New Roman",serif;font-size:21px;font-weight:500;color:#171513}
.dlwe-studio-qortrade .dlwe-finance-table-empty-v8266 span{font-size:13px;line-height:1.5;color:var(--dsf-muted-strong)}

/* Personal expense / approval list toolbars and clean zero states. */
.dlwe-studio-qortrade [data-dlwe-panel="my-expenses"] .dlwe-expense-history-toolbar{
  display:grid!important;grid-template-columns:minmax(300px,1.55fr) repeat(3,minmax(170px,1fr))!important;gap:12px!important;
}
.dlwe-studio-qortrade [data-dlwe-panel="expense-approval"] .dlwe-approval-toolbar{
  display:grid!important;grid-template-columns:minmax(300px,1.55fr) repeat(4,minmax(145px,1fr))!important;gap:12px!important;
}
.dlwe-studio-qortrade :is([data-dlwe-panel="my-expenses"],[data-dlwe-panel="expense-approval"]).is-finance-zero-v8266 .dlwe-personal-summary{display:none!important}
.dlwe-studio-qortrade :is([data-dlwe-panel="my-expenses"],[data-dlwe-panel="expense-approval"]).is-finance-zero-v8266 :is(#dlwe-my-expenses-list,#dlwe-approval-list)>.dlwe-empty-state{
  min-height:138px!important;border:1px solid var(--dsf-line-v8266)!important;border-radius:15px!important;background:rgba(255,253,249,.78)!important;
}

/* Expense reports: full-width zero composition, stronger report heading, cleaner meta. */
.dlwe-studio-qortrade [data-dlwe-panel="expense-reports"] .dlwe-report-filter-heading h2{font-size:23px!important;line-height:1.2!important;font-weight:500!important}
.dlwe-studio-qortrade [data-dlwe-panel="expense-reports"] .dlwe-report-filter-grid{gap:12px!important}
.dlwe-studio-qortrade [data-dlwe-panel="expense-reports"] .dlwe-report-meta{font-weight:650!important;letter-spacing:.04em!important}

/* Add Expense: keep existing workflow, improve information density/readability only. */
.dlwe-studio-qortrade [data-dlwe-panel="expense"] .dlwe-form-section{border-radius:16px!important;padding:24px 24px!important}
.dlwe-studio-qortrade [data-dlwe-panel="expense"] .dlwe-form-section-heading{padding-bottom:17px!important;margin-bottom:18px!important}
.dlwe-studio-qortrade [data-dlwe-panel="expense"] .dlwe-form-section-heading h2{font-size:22px!important;line-height:1.2!important}
.dlwe-studio-qortrade [data-dlwe-panel="expense"] .dlwe-form-actions{padding-top:14px!important}


/* Empty vendor/list states must span the entire workspace rather than one grid column. */
.dlwe-studio-qortrade [data-dlwe-panel="vendors"] #dlwe-vendors-list>.dlwe-finance-empty-v8266,
.dlwe-studio-qortrade [data-dlwe-panel="my-expenses"] #dlwe-my-expenses-list>.dlwe-finance-empty-v8266,
.dlwe-studio-qortrade [data-dlwe-panel="expense-approval"] #dlwe-approval-list>.dlwe-finance-empty-v8266{grid-column:1/-1!important;width:100%!important}

/* Add Expense: remove the old blank Couple row for company expenses and make the form easier to scan. */
.dlwe-studio-qortrade [data-dlwe-panel="expense"] .is-finance-conditional-hidden-v8266,
.dlwe-studio-qortrade [data-dlwe-panel="my-expenses"] .is-finance-conditional-hidden-v8266{display:none!important}
.dlwe-studio-qortrade [data-dlwe-panel="expense"] #dlwe-expense-form>.dlwe-form-section{margin-bottom:14px!important}
.dlwe-studio-qortrade [data-dlwe-panel="expense"] #dlwe-expense-form>.dlwe-form-section:first-child .dlwe-form-grid{row-gap:14px!important}
.dlwe-studio-qortrade [data-dlwe-panel="expense"] #dlwe-expense-form>.dlwe-form-section:first-child .dlwe-field-full{min-width:0!important}
.dlwe-studio-qortrade [data-dlwe-panel="expense"] #dlwe-expense-form>.dlwe-form-section:first-child input[readonly]{background:#f5f1eb!important;color:#6a625a!important}

/* Cash Flow: opening balance disabled state + clean note. */
.dlwe-studio-qortrade [data-dlwe-panel="cash-flow-forecast"] #dlwe_cash_flow_opening_balance:disabled{opacity:1!important;background:#f4f0ea!important;color:#938a80!important;cursor:not-allowed!important}
.dlwe-studio-qortrade #dlwe-cash-flow-access-note{font-size:12.5px!important;color:var(--dsf-muted-strong)!important}

/* Client invoice zero ledger remains visible but denser and easier to scan. */
.dlwe-studio-qortrade [data-dlwe-panel="client-invoices"].is-finance-zero-v8266 #dlwe-invoice-summary{
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;border:1px solid var(--dsf-line-v8266)!important;border-radius:16px!important;overflow:hidden!important;background:#fffdf9!important;
}
.dlwe-studio-qortrade [data-dlwe-panel="client-invoices"].is-finance-zero-v8266 #dlwe-invoice-summary>.dlwe-budget-report-summary-card{min-height:92px!important;margin:0!important;padding:14px 15px!important;border:0!important;border-right:1px solid var(--dsf-line-v8266)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.dlwe-studio-qortrade [data-dlwe-panel="client-invoices"].is-finance-zero-v8266 #dlwe-invoice-summary>.dlwe-budget-report-summary-card:last-child{border-right:0!important}
.dlwe-studio-qortrade [data-dlwe-panel="client-invoices"].is-finance-zero-v8266 :is(.dlwe-collection-dashboard-grid,.dlwe-collection-dashboard-section>.dlwe-table-scroll,.dlwe-collection-register){display:none!important}

/* Finance rail active category uses the same true-black state as the main Studio navigation. */
.dlwe-studio-qortrade .dsf-finance-rail-button-v8266.is-active{background:#0b0b0c!important;color:#fff!important;border-color:#0b0b0c!important;box-shadow:0 10px 26px rgba(18,17,16,.14)!important}
.dlwe-studio-qortrade .dsf-finance-rail-button-v8266.is-active svg{color:#fff!important}

/* Finance More: click/open must have the same clear black active state as every rail item. */
.dlwe-studio-qortrade .dsq-rail-more.dsf-finance-more-button-v8266.is-active,
.dlwe-studio-qortrade .dsq-rail-more.dsf-finance-more-button-v8266.is-open,
.dlwe-studio-qortrade .dsq-rail-more.dsf-finance-more-button-v8266[aria-expanded="true"]{
  background:#0b0b0c!important;color:#fff!important;border-color:#0b0b0c!important;box-shadow:0 10px 26px rgba(18,17,16,.16)!important;transform:none!important;
}
.dlwe-studio-qortrade .dsq-rail-more.dsf-finance-more-button-v8266.is-active svg,
.dlwe-studio-qortrade .dsq-rail-more.dsf-finance-more-button-v8266.is-open svg,
.dlwe-studio-qortrade .dsq-rail-more.dsf-finance-more-button-v8266[aria-expanded="true"] svg{color:#fff!important}
.dsq-rail-popover.dsf-finance-more-v8266{min-width:248px!important}
.dsq-rail-popover.dsf-finance-more-v8266 .dsq-rail-popover-title{font-size:10.5px!important;letter-spacing:.12em!important;color:#71675d!important}
.dsq-rail-popover.dsf-finance-more-v8266 .dsq-rail-popover-item strong{font-size:12.5px!important;line-height:1.2!important}

/* Responsive composition. */
@media (max-width:1180px){
  .dlwe-studio-qortrade [data-dlwe-panel="vendors"] .dlwe-vendor-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dlwe-studio-qortrade [data-dlwe-panel="vendors"] #dlwe-vendors-search{grid-column:1/-1!important}
  .dlwe-studio-qortrade [data-dlwe-panel="vendors"] #dlwe-vendors-preferred-filter,
  .dlwe-studio-qortrade [data-dlwe-panel="vendors"] #dlwe-vendors-status-filter{grid-column:auto!important}
  .dlwe-studio-qortrade [data-dlwe-panel="expense-approval"] .dlwe-approval-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dlwe-studio-qortrade [data-dlwe-panel="expense-approval"] #dlwe-approval-search{grid-column:1/-1!important}
}
@media (max-width:900px){
  .dlwe-studio-qortrade :is([data-dlwe-panel="purchase-orders"],[data-dlwe-panel="vendor-payments"]) .dlwe-budget-report-toolbar,
  .dlwe-studio-qortrade [data-dlwe-panel="my-expenses"] .dlwe-expense-history-toolbar{grid-template-columns:1fr 1fr!important}
  .dlwe-studio-qortrade :is([data-dlwe-panel="purchase-orders"],[data-dlwe-panel="vendor-payments"]) .dlwe-budget-report-search-field,
  .dlwe-studio-qortrade [data-dlwe-panel="my-expenses"] #dlwe-my-expenses-search{grid-column:1/-1!important}
  .dlwe-studio-qortrade [data-dlwe-panel="client-invoices"].is-finance-zero-v8266 #dlwe-invoice-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:620px){
  .dlwe-studio-qortrade [data-dlwe-panel="vendors"] .dlwe-vendor-toolbar,
  .dlwe-studio-qortrade :is([data-dlwe-panel="purchase-orders"],[data-dlwe-panel="vendor-payments"]) .dlwe-budget-report-toolbar,
  .dlwe-studio-qortrade [data-dlwe-panel="my-expenses"] .dlwe-expense-history-toolbar,
  .dlwe-studio-qortrade [data-dlwe-panel="expense-approval"] .dlwe-approval-toolbar{grid-template-columns:1fr!important}
  .dlwe-studio-qortrade [data-dlwe-panel="vendors"] :is(#dlwe-vendors-search,#dlwe-vendors-preferred-filter,#dlwe-vendors-status-filter),
  .dlwe-studio-qortrade :is([data-dlwe-panel="purchase-orders"],[data-dlwe-panel="vendor-payments"]) .dlwe-budget-report-search-field,
  .dlwe-studio-qortrade [data-dlwe-panel="my-expenses"] #dlwe-my-expenses-search,
  .dlwe-studio-qortrade [data-dlwe-panel="expense-approval"] #dlwe-approval-search{grid-column:auto!important}
  .dlwe-studio-qortrade [data-dlwe-panel="client-invoices"].is-finance-zero-v8266 #dlwe-invoice-summary{grid-template-columns:1fr!important}
  .dlwe-studio-qortrade .dlwe-finance-empty-v8266{min-height:154px!important;padding:22px 18px!important}
  .dlwe-studio-qortrade .dlwe-finance-empty-v8266 strong{font-size:21px!important}
}

html[data-dlwe-theme="dark"] .dlwe-studio-qortrade .dlwe-finance-empty-v8266 .dlwe-finance-empty-icon-v8266,
html[data-dlwe-theme="dark"] .dlwe-studio-qortrade .dlwe-finance-wedding-empty-v8266 .dlwe-finance-empty-icon-v8266{background:#252220!important;color:#c6a37e!important;border-color:#49423b!important}
html[data-dlwe-theme="dark"] .dlwe-studio-qortrade .dlwe-finance-empty-v8266 strong,
html[data-dlwe-theme="dark"] .dlwe-studio-qortrade .dlwe-finance-wedding-empty-v8266 strong{color:#f4efe9!important}
html[data-dlwe-theme="dark"] .dlwe-studio-qortrade :is([data-dlwe-panel="financial-overview"],[data-dlwe-panel="financial-reports"],[data-dlwe-panel="budget-reports"],[data-dlwe-panel="expense-reports"]).is-finance-zero-v8266 :is(#dlwe-financial-summary,#dlwe-financial-reports-summary,#dlwe-budget-reports-summary,#dlwe-reports-currency-summary),
html[data-dlwe-theme="dark"] .dlwe-studio-qortrade :is([data-dlwe-panel="purchase-orders"],[data-dlwe-panel="vendor-payments"]).is-finance-zero-v8266 .dlwe-table-scroll td.dlwe-empty-cell{background:#211f1d!important;border-color:#45403b!important}
html[data-dlwe-theme="dark"] .dlwe-studio-qortrade .dsq-rail-more.dsf-finance-more-button-v8266:is(.is-active,.is-open){background:#f5f1ea!important;color:#111!important;border-color:#f5f1ea!important}


/* ==========================================================================
   v8.26.6 canonical acceptance guards
   These are deliberately specific because older Finance zero-state selectors are
   no longer loaded. They also protect against theme/base pseudo content.
   ========================================================================== */
.dlwe-studio-qortrade [data-dlwe-panel="wedding-budget"].is-finance-no-wedding-v8266 .dlwe-budget-command-card::before,
.dlwe-studio-qortrade [data-dlwe-panel="wedding-budget"].is-finance-no-wedding-v8266 .dlwe-budget-command-card::after{
  content:none!important;display:none!important;position:static!important;transform:none!important;
}
.dlwe-studio-qortrade [data-dlwe-panel="wedding-budget"].is-finance-no-wedding-v8266 .dlwe-budget-command-card{
  min-height:248px!important;padding:0!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  place-items:stretch!important;overflow:hidden!important;
}
.dlwe-studio-qortrade [data-dlwe-panel="wedding-budget"].is-finance-no-wedding-v8266 .dlwe-budget-command-card > *:not(.dlwe-finance-wedding-empty-v8266){display:none!important}
.dlwe-studio-qortrade [data-dlwe-panel="wedding-budget"] .dlwe-finance-wedding-empty-v8266{
  box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:none!important;min-height:246px!important;
  margin:0!important;padding:30px 28px!important;display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;gap:10px!important;text-align:center!important;justify-self:stretch!important;align-self:stretch!important;
}
.dlwe-studio-qortrade [data-dlwe-panel="wedding-budget"] .dlwe-finance-wedding-empty-v8266 > *{position:static!important;transform:none!important;margin-left:auto!important;margin-right:auto!important}
.dlwe-studio-qortrade [data-dlwe-panel="wedding-budget"] .dlwe-finance-wedding-empty-v8266 strong{margin-top:0!important;margin-bottom:0!important}
.dlwe-studio-qortrade [data-dlwe-panel="wedding-budget"] .dlwe-finance-wedding-empty-v8266 .dlwe-finance-empty-copy-v8266{max-width:620px!important;margin-top:0!important;margin-bottom:0!important}
.dlwe-studio-qortrade [data-dlwe-panel="wedding-budget"] .dlwe-finance-wedding-empty-v8266 button{margin-top:8px!important}

/* Report zero states occupy the full panel, while the readable copy remains centered. */
.dlwe-studio-qortrade [data-dlwe-panel="budget-reports"].is-finance-zero-v8266 #dlwe-budget-reports-summary > .dlwe-finance-empty-v8266,
.dlwe-studio-qortrade [data-dlwe-panel="expense-reports"].is-finance-zero-v8266 #dlwe-reports-currency-summary > .dlwe-finance-empty-v8266,
.dlwe-studio-qortrade [data-dlwe-panel="financial-overview"].is-finance-zero-v8266 #dlwe-financial-summary > .dlwe-finance-empty-v8266,
.dlwe-studio-qortrade [data-dlwe-panel="financial-reports"].is-finance-zero-v8266 #dlwe-financial-reports-summary > .dlwe-finance-empty-v8266{
  box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;
  justify-self:stretch!important;align-self:stretch!important;grid-column:1/-1!important;
}
.dlwe-studio-qortrade [data-dlwe-panel="budget-reports"].is-finance-zero-v8266 #dlwe-budget-reports-summary,
.dlwe-studio-qortrade [data-dlwe-panel="expense-reports"].is-finance-zero-v8266 #dlwe-reports-currency-summary{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;justify-items:stretch!important;align-items:stretch!important;
}
.dlwe-studio-qortrade [data-dlwe-panel="budget-reports"].is-finance-zero-v8266 #dlwe-budget-reports-summary .dlwe-finance-empty-v8266 > *,
.dlwe-studio-qortrade [data-dlwe-panel="expense-reports"].is-finance-zero-v8266 #dlwe-reports-currency-summary .dlwe-finance-empty-v8266 > *{margin-left:auto!important;margin-right:auto!important}

/* Empty procurement tables are calm zero-state panels, never an old spreadsheet shell. */
.dlwe-studio-qortrade :is([data-dlwe-panel="purchase-orders"],[data-dlwe-panel="vendor-payments"]).is-finance-zero-v8266 .dlwe-table-scroll{
  min-height:154px!important;display:flex!important;align-items:stretch!important;overflow:hidden!important;
}
.dlwe-studio-qortrade :is([data-dlwe-panel="purchase-orders"],[data-dlwe-panel="vendor-payments"]).is-finance-zero-v8266 .dlwe-table-scroll table{width:100%!important;height:100%!important}
.dlwe-studio-qortrade :is([data-dlwe-panel="purchase-orders"],[data-dlwe-panel="vendor-payments"]).is-finance-zero-v8266 .dlwe-finance-table-empty-v8266{
  min-height:150px!important;width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;text-align:center!important;
}
.dlwe-studio-qortrade :is([data-dlwe-panel="purchase-orders"],[data-dlwe-panel="vendor-payments"]).is-finance-zero-v8266 .dlwe-finance-table-empty-v8266 strong{font-family:Georgia,"Times New Roman",serif!important;font-size:22px!important;font-weight:500!important;color:#171513!important}
.dlwe-studio-qortrade :is([data-dlwe-panel="purchase-orders"],[data-dlwe-panel="vendor-payments"]).is-finance-zero-v8266 .dlwe-finance-table-empty-v8266 span{font-size:13px!important;line-height:1.5!important;color:#625b53!important}

/* The More control must visibly enter the same black active state as every rail destination.
   Route/selection authority is mirrored onto the root so another rail renderer cannot
   visually clear the nested-page state after navigation. */
.dlwe-studio-qortrade .dsq-rail-more.dsf-finance-more-button-v8266:is(.is-open,.is-active),
.dlwe-studio-qortrade[data-finance-nested-active] .dsq-rail-more.dsf-finance-more-button-v8266{
  background:#0b0b0c!important;border-color:#0b0b0c!important;color:#fff!important;box-shadow:0 12px 24px rgba(0,0,0,.12)!important;
}
.dlwe-studio-qortrade .dsq-rail-more.dsf-finance-more-button-v8266:is(.is-open,.is-active) svg,
.dlwe-studio-qortrade[data-finance-nested-active] .dsq-rail-more.dsf-finance-more-button-v8266 svg{stroke:#fff!important;color:#fff!important}

/* Slightly stronger micro-copy floor for finance at normal desktop/laptop distance. */
.dlwe-studio-qortrade :is([data-dlwe-panel="financial-overview"],[data-dlwe-panel="cash-flow-forecast"],[data-dlwe-panel="financial-reports"],[data-dlwe-panel="wedding-budget"],[data-dlwe-panel="budget-reports"],[data-dlwe-panel="client-invoices"],[data-dlwe-panel="vendors"],[data-dlwe-panel="purchase-orders"],[data-dlwe-panel="vendor-payments"],[data-dlwe-panel="expense"],[data-dlwe-panel="my-expenses"],[data-dlwe-panel="expense-approval"],[data-dlwe-panel="expense-reports"]) .dlwe-eyebrow{font-size:11px!important;letter-spacing:.16em!important}

html[data-dlwe-theme="dark"] .dlwe-studio-qortrade :is([data-dlwe-panel="purchase-orders"],[data-dlwe-panel="vendor-payments"]).is-finance-zero-v8266 .dlwe-finance-table-empty-v8266 strong{color:#f2eee9!important}
html[data-dlwe-theme="dark"] .dlwe-studio-qortrade :is([data-dlwe-panel="purchase-orders"],[data-dlwe-panel="vendor-payments"]).is-finance-zero-v8266 .dlwe-finance-table-empty-v8266 span{color:#bbb2a9!important}

/* ===== dated-studio-modules-v8270.css ===== */
/* Dated Studio v8.27.0 — Remaining Modules Canonical UI
   Covers Wedding Day, Clients, People, Documents and Administration.
   Presentation only: no workflow, data, permission or endpoint changes. */

.dlwe-studio-qortrade :is(
  [data-dlwe-panel="wedding-command-centre"],
  [data-dlwe-panel="incident-management"],
  [data-dlwe-panel="clients"],
  [data-dlwe-panel="client-approvals"],
  [data-dlwe-panel="meeting-notes"],
  [data-dlwe-panel="communication-history"],
  [data-dlwe-panel="user-management"],
  [data-dlwe-panel="attendance-payroll"],
  [data-dlwe-panel="staff-rosters"],
  [data-dlwe-panel="document-centre"],
  [data-dlwe-panel="notifications"],
  [data-dlwe-panel="reports-analytics"],
  [data-dlwe-panel="launch-centre"],
  [data-dlwe-panel="security-backups"],
  [data-dlwe-panel="system-reset"]
){
  --dsm-line:#ddd5ca;
  --dsm-line-soft:#e9e3da;
  --dsm-paper:#fffdf9;
  --dsm-paper-soft:#faf7f2;
  --dsm-ink:#171614;
  --dsm-copy:#514c46;
  --dsm-muted:#746d64;
  --dsm-accent:#a98259;
  --dsm-positive:#4f7460;
  --dsm-warning:#956a34;
  --dsm-negative:#9a4e45;
  color:var(--dsm-ink);
}

/* ---------------- Editorial page header ---------------- */
.dlwe-studio-qortrade :is(
  [data-dlwe-panel="wedding-command-centre"], [data-dlwe-panel="incident-management"],
  [data-dlwe-panel="clients"], [data-dlwe-panel="client-approvals"], [data-dlwe-panel="meeting-notes"], [data-dlwe-panel="communication-history"],
  [data-dlwe-panel="user-management"], [data-dlwe-panel="attendance-payroll"], [data-dlwe-panel="staff-rosters"],
  [data-dlwe-panel="document-centre"], [data-dlwe-panel="notifications"], [data-dlwe-panel="reports-analytics"],
  [data-dlwe-panel="launch-centre"], [data-dlwe-panel="security-backups"], [data-dlwe-panel="system-reset"]
) > :is(.dlwe-portal-header,.dlwe-panel-header){
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:30px!important;
  padding:0 0 18px!important;
  margin:0 0 18px!important;
  border-bottom:1px solid var(--dsm-line)!important;
  background:transparent!important;
  box-shadow:none!important;
}

.dlwe-studio-qortrade :is(
  [data-dlwe-panel="wedding-command-centre"], [data-dlwe-panel="incident-management"],
  [data-dlwe-panel="clients"], [data-dlwe-panel="client-approvals"], [data-dlwe-panel="meeting-notes"], [data-dlwe-panel="communication-history"],
  [data-dlwe-panel="user-management"], [data-dlwe-panel="attendance-payroll"], [data-dlwe-panel="staff-rosters"],
  [data-dlwe-panel="document-centre"], [data-dlwe-panel="notifications"], [data-dlwe-panel="reports-analytics"],
  [data-dlwe-panel="launch-centre"], [data-dlwe-panel="security-backups"], [data-dlwe-panel="system-reset"]
) > :is(.dlwe-portal-header,.dlwe-panel-header) > div:first-child{
  max-width:790px!important;
}

.dlwe-studio-qortrade :is(
  [data-dlwe-panel="wedding-command-centre"], [data-dlwe-panel="incident-management"],
  [data-dlwe-panel="clients"], [data-dlwe-panel="client-approvals"], [data-dlwe-panel="meeting-notes"], [data-dlwe-panel="communication-history"],
  [data-dlwe-panel="user-management"], [data-dlwe-panel="attendance-payroll"], [data-dlwe-panel="staff-rosters"],
  [data-dlwe-panel="document-centre"], [data-dlwe-panel="notifications"], [data-dlwe-panel="reports-analytics"],
  [data-dlwe-panel="launch-centre"], [data-dlwe-panel="security-backups"], [data-dlwe-panel="system-reset"]
) > :is(.dlwe-portal-header,.dlwe-panel-header) h1{
  margin:4px 0 0!important;
  font-size:clamp(30px,2.5vw,38px)!important;
  line-height:1.04!important;
  letter-spacing:-.035em!important;
  color:var(--dsm-ink)!important;
  font-weight:700!important;
}

.dlwe-studio-qortrade :is(
  [data-dlwe-panel="wedding-command-centre"], [data-dlwe-panel="incident-management"],
  [data-dlwe-panel="clients"], [data-dlwe-panel="client-approvals"], [data-dlwe-panel="meeting-notes"], [data-dlwe-panel="communication-history"],
  [data-dlwe-panel="user-management"], [data-dlwe-panel="attendance-payroll"], [data-dlwe-panel="staff-rosters"],
  [data-dlwe-panel="document-centre"], [data-dlwe-panel="notifications"], [data-dlwe-panel="reports-analytics"],
  [data-dlwe-panel="launch-centre"], [data-dlwe-panel="security-backups"], [data-dlwe-panel="system-reset"]
) > :is(.dlwe-portal-header,.dlwe-panel-header) :is(p,.dlwe-muted):not(.dlwe-eyebrow){
  margin-top:8px!important;
  max-width:790px!important;
  color:var(--dsm-copy)!important;
  font-size:14.5px!important;
  line-height:1.55!important;
}

.dlwe-studio-qortrade :is(
  [data-dlwe-panel="wedding-command-centre"], [data-dlwe-panel="incident-management"],
  [data-dlwe-panel="clients"], [data-dlwe-panel="client-approvals"], [data-dlwe-panel="meeting-notes"], [data-dlwe-panel="communication-history"],
  [data-dlwe-panel="user-management"], [data-dlwe-panel="attendance-payroll"], [data-dlwe-panel="staff-rosters"],
  [data-dlwe-panel="document-centre"], [data-dlwe-panel="notifications"], [data-dlwe-panel="reports-analytics"],
  [data-dlwe-panel="launch-centre"], [data-dlwe-panel="security-backups"], [data-dlwe-panel="system-reset"]
) .dlwe-eyebrow{
  color:#9b7652!important;
  font-size:10.5px!important;
  line-height:1.2!important;
  font-weight:760!important;
  letter-spacing:.19em!important;
  text-transform:uppercase!important;
}

/* ---------------- Readability + form controls ---------------- */
.dlwe-studio-qortrade :is(
  [data-dlwe-panel="wedding-command-centre"], [data-dlwe-panel="incident-management"],
  [data-dlwe-panel="clients"], [data-dlwe-panel="client-approvals"], [data-dlwe-panel="meeting-notes"], [data-dlwe-panel="communication-history"],
  [data-dlwe-panel="user-management"], [data-dlwe-panel="attendance-payroll"], [data-dlwe-panel="staff-rosters"],
  [data-dlwe-panel="document-centre"], [data-dlwe-panel="notifications"], [data-dlwe-panel="reports-analytics"],
  [data-dlwe-panel="launch-centre"], [data-dlwe-panel="security-backups"], [data-dlwe-panel="system-reset"]
) :is(.dlwe-muted,.dlwe-field-note,small){
  color:var(--dsm-muted)!important;
  font-size:12.5px!important;
  line-height:1.5!important;
}

.dlwe-studio-qortrade :is(
  [data-dlwe-panel="wedding-command-centre"], [data-dlwe-panel="incident-management"],
  [data-dlwe-panel="clients"], [data-dlwe-panel="client-approvals"], [data-dlwe-panel="meeting-notes"], [data-dlwe-panel="communication-history"],
  [data-dlwe-panel="user-management"], [data-dlwe-panel="attendance-payroll"], [data-dlwe-panel="staff-rosters"],
  [data-dlwe-panel="document-centre"], [data-dlwe-panel="notifications"], [data-dlwe-panel="reports-analytics"],
  [data-dlwe-panel="launch-centre"], [data-dlwe-panel="security-backups"], [data-dlwe-panel="system-reset"]
) :is(.dlwe-field > label,.dlwe-field > span,label > span,.dlwe-command-control-field > span,.dlwe-incidents-filter-grid label > span,.dlwe-security-toolbar label > span){
  color:#5d564e!important;
  font-size:10px!important;
  font-weight:760!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}

.dlwe-studio-qortrade :is(
  [data-dlwe-panel="wedding-command-centre"], [data-dlwe-panel="incident-management"],
  [data-dlwe-panel="clients"], [data-dlwe-panel="client-approvals"], [data-dlwe-panel="meeting-notes"], [data-dlwe-panel="communication-history"],
  [data-dlwe-panel="user-management"], [data-dlwe-panel="attendance-payroll"], [data-dlwe-panel="staff-rosters"],
  [data-dlwe-panel="document-centre"], [data-dlwe-panel="notifications"], [data-dlwe-panel="reports-analytics"],
  [data-dlwe-panel="launch-centre"], [data-dlwe-panel="security-backups"], [data-dlwe-panel="system-reset"]
) :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  min-height:46px!important;
  border:1px solid #d9d0c5!important;
  border-radius:8px!important;
  background:#fffdfa!important;
  color:#292622!important;
  font-size:13.5px!important;
  line-height:1.35!important;
  box-shadow:none!important;
}

.dlwe-studio-qortrade :is(
  [data-dlwe-panel="wedding-command-centre"], [data-dlwe-panel="incident-management"],
  [data-dlwe-panel="clients"], [data-dlwe-panel="client-approvals"], [data-dlwe-panel="meeting-notes"], [data-dlwe-panel="communication-history"],
  [data-dlwe-panel="user-management"], [data-dlwe-panel="attendance-payroll"], [data-dlwe-panel="staff-rosters"],
  [data-dlwe-panel="document-centre"], [data-dlwe-panel="notifications"], [data-dlwe-panel="reports-analytics"],
  [data-dlwe-panel="launch-centre"], [data-dlwe-panel="security-backups"], [data-dlwe-panel="system-reset"]
) textarea{min-height:98px!important;resize:vertical!important;}

.dlwe-studio-qortrade :is(
  [data-dlwe-panel="wedding-command-centre"], [data-dlwe-panel="incident-management"],
  [data-dlwe-panel="clients"], [data-dlwe-panel="client-approvals"], [data-dlwe-panel="meeting-notes"], [data-dlwe-panel="communication-history"],
  [data-dlwe-panel="user-management"], [data-dlwe-panel="attendance-payroll"], [data-dlwe-panel="staff-rosters"],
  [data-dlwe-panel="document-centre"], [data-dlwe-panel="notifications"], [data-dlwe-panel="reports-analytics"],
  [data-dlwe-panel="launch-centre"], [data-dlwe-panel="security-backups"], [data-dlwe-panel="system-reset"]
) :is(input,select,textarea):focus{
  outline:none!important;
  border-color:#9f7b58!important;
  box-shadow:0 0 0 3px rgba(159,123,88,.11)!important;
}

/* ---------------- Paper surfaces ---------------- */
.dlwe-studio-qortrade :is(
  [data-dlwe-panel="wedding-command-centre"], [data-dlwe-panel="incident-management"],
  [data-dlwe-panel="clients"], [data-dlwe-panel="client-approvals"], [data-dlwe-panel="meeting-notes"], [data-dlwe-panel="communication-history"],
  [data-dlwe-panel="user-management"], [data-dlwe-panel="attendance-payroll"], [data-dlwe-panel="staff-rosters"],
  [data-dlwe-panel="document-centre"], [data-dlwe-panel="notifications"], [data-dlwe-panel="reports-analytics"],
  [data-dlwe-panel="launch-centre"], [data-dlwe-panel="security-backups"], [data-dlwe-panel="system-reset"]
) :is(.dlwe-form-section,.dlwe-table-card,.dlwe-form-card,.dlwe-incidents-control-card,.dlwe-command-controlbar,.dlwe-command-live-overview,.dlwe-launch-group,.dlwe-launch-progress-card,.dlwe-security-settings-form,.dlwe-incidents-review-card){
  border:1px solid var(--dsm-line)!important;
  border-radius:16px!important;
  background:var(--dsm-paper)!important;
  box-shadow:0 10px 28px rgba(57,49,40,.045)!important;
}

.dlwe-studio-qortrade :is(
  [data-dlwe-panel="wedding-command-centre"], [data-dlwe-panel="incident-management"],
  [data-dlwe-panel="clients"], [data-dlwe-panel="client-approvals"], [data-dlwe-panel="meeting-notes"], [data-dlwe-panel="communication-history"],
  [data-dlwe-panel="user-management"], [data-dlwe-panel="attendance-payroll"], [data-dlwe-panel="staff-rosters"],
  [data-dlwe-panel="document-centre"], [data-dlwe-panel="notifications"], [data-dlwe-panel="reports-analytics"],
  [data-dlwe-panel="launch-centre"], [data-dlwe-panel="security-backups"], [data-dlwe-panel="system-reset"]
) :is(.dlwe-form-section,.dlwe-table-card,.dlwe-form-card){
  padding:18px!important;
}

.dlwe-studio-qortrade :is(
  [data-dlwe-panel="wedding-command-centre"], [data-dlwe-panel="incident-management"],
  [data-dlwe-panel="clients"], [data-dlwe-panel="client-approvals"], [data-dlwe-panel="meeting-notes"], [data-dlwe-panel="communication-history"],
  [data-dlwe-panel="user-management"], [data-dlwe-panel="attendance-payroll"], [data-dlwe-panel="staff-rosters"],
  [data-dlwe-panel="document-centre"], [data-dlwe-panel="notifications"], [data-dlwe-panel="reports-analytics"],
  [data-dlwe-panel="launch-centre"], [data-dlwe-panel="security-backups"], [data-dlwe-panel="system-reset"]
) :is(.dlwe-form-section-heading,.dlwe-table-heading,.dlwe-section-title-row,.dlwe-task-dashboard-card-heading,.dlwe-couple-communication-manager-heading){
  border-bottom:1px solid var(--dsm-line-soft)!important;
  padding-bottom:13px!important;
  margin-bottom:14px!important;
}

.dlwe-studio-qortrade :is(
  [data-dlwe-panel="wedding-command-centre"], [data-dlwe-panel="incident-management"],
  [data-dlwe-panel="clients"], [data-dlwe-panel="client-approvals"], [data-dlwe-panel="meeting-notes"], [data-dlwe-panel="communication-history"],
  [data-dlwe-panel="user-management"], [data-dlwe-panel="attendance-payroll"], [data-dlwe-panel="staff-rosters"],
  [data-dlwe-panel="document-centre"], [data-dlwe-panel="notifications"], [data-dlwe-panel="reports-analytics"],
  [data-dlwe-panel="launch-centre"], [data-dlwe-panel="security-backups"], [data-dlwe-panel="system-reset"]
) :is(.dlwe-form-section-heading,.dlwe-table-heading,.dlwe-section-title-row,.dlwe-task-dashboard-card-heading) h2{
  color:var(--dsm-ink)!important;
  font-size:clamp(20px,1.65vw,25px)!important;
  line-height:1.12!important;
  letter-spacing:-.02em!important;
}

/* ---------------- Buttons ---------------- */
.dlwe-studio-qortrade :is(
  [data-dlwe-panel="wedding-command-centre"], [data-dlwe-panel="incident-management"],
  [data-dlwe-panel="clients"], [data-dlwe-panel="client-approvals"], [data-dlwe-panel="meeting-notes"], [data-dlwe-panel="communication-history"],
  [data-dlwe-panel="user-management"], [data-dlwe-panel="attendance-payroll"], [data-dlwe-panel="staff-rosters"],
  [data-dlwe-panel="document-centre"], [data-dlwe-panel="notifications"], [data-dlwe-panel="reports-analytics"],
  [data-dlwe-panel="launch-centre"], [data-dlwe-panel="security-backups"], [data-dlwe-panel="system-reset"]
) :is(.dlwe-primary-button,.dlwe-secondary-button){
  min-height:40px!important;
  padding:0 17px!important;
  border-radius:999px!important;
  font-size:10.5px!important;
  font-weight:760!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
}

.dlwe-studio-qortrade :is(
  [data-dlwe-panel="wedding-command-centre"], [data-dlwe-panel="incident-management"],
  [data-dlwe-panel="clients"], [data-dlwe-panel="client-approvals"], [data-dlwe-panel="meeting-notes"], [data-dlwe-panel="communication-history"],
  [data-dlwe-panel="user-management"], [data-dlwe-panel="attendance-payroll"], [data-dlwe-panel="staff-rosters"],
  [data-dlwe-panel="document-centre"], [data-dlwe-panel="notifications"], [data-dlwe-panel="reports-analytics"],
  [data-dlwe-panel="launch-centre"], [data-dlwe-panel="security-backups"], [data-dlwe-panel="system-reset"]
) .dlwe-primary-button{
  background:#151412!important;
  border-color:#151412!important;
  color:#fff!important;
}

/* ---------------- Data tables ---------------- */
.dlwe-studio-qortrade :is(
  [data-dlwe-panel="wedding-command-centre"], [data-dlwe-panel="incident-management"],
  [data-dlwe-panel="clients"], [data-dlwe-panel="client-approvals"], [data-dlwe-panel="meeting-notes"], [data-dlwe-panel="communication-history"],
  [data-dlwe-panel="user-management"], [data-dlwe-panel="attendance-payroll"], [data-dlwe-panel="staff-rosters"],
  [data-dlwe-panel="document-centre"], [data-dlwe-panel="notifications"], [data-dlwe-panel="reports-analytics"],
  [data-dlwe-panel="launch-centre"], [data-dlwe-panel="security-backups"], [data-dlwe-panel="system-reset"]
) :is(.dlwe-data-table,.dlwe-task-dashboard-table){
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  font-size:12px!important;
  background:#fffefa!important;
}

.dlwe-studio-qortrade :is(
  [data-dlwe-panel="wedding-command-centre"], [data-dlwe-panel="incident-management"],
  [data-dlwe-panel="clients"], [data-dlwe-panel="client-approvals"], [data-dlwe-panel="meeting-notes"], [data-dlwe-panel="communication-history"],
  [data-dlwe-panel="user-management"], [data-dlwe-panel="attendance-payroll"], [data-dlwe-panel="staff-rosters"],
  [data-dlwe-panel="document-centre"], [data-dlwe-panel="notifications"], [data-dlwe-panel="reports-analytics"],
  [data-dlwe-panel="launch-centre"], [data-dlwe-panel="security-backups"], [data-dlwe-panel="system-reset"]
) :is(.dlwe-data-table,.dlwe-task-dashboard-table) th{
  padding:12px 11px!important;
  color:#6a625a!important;
  background:#f8f4ee!important;
  border-bottom:1px solid #d9cfc3!important;
  font-size:9.5px!important;
  font-weight:780!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

.dlwe-studio-qortrade :is(
  [data-dlwe-panel="wedding-command-centre"], [data-dlwe-panel="incident-management"],
  [data-dlwe-panel="clients"], [data-dlwe-panel="client-approvals"], [data-dlwe-panel="meeting-notes"], [data-dlwe-panel="communication-history"],
  [data-dlwe-panel="user-management"], [data-dlwe-panel="attendance-payroll"], [data-dlwe-panel="staff-rosters"],
  [data-dlwe-panel="document-centre"], [data-dlwe-panel="notifications"], [data-dlwe-panel="reports-analytics"],
  [data-dlwe-panel="launch-centre"], [data-dlwe-panel="security-backups"], [data-dlwe-panel="system-reset"]
) :is(.dlwe-data-table,.dlwe-task-dashboard-table) td{
  padding:13px 11px!important;
  color:#403b35!important;
  border-bottom:1px solid #eee7de!important;
  font-size:12px!important;
  line-height:1.4!important;
}

/* ---------------- Underline tabs for sub-views ---------------- */
.dlwe-studio-qortrade :is(
 [data-dlwe-panel="wedding-command-centre"] .dlwe-command-tabs,
 [data-dlwe-panel="incident-management"] .dlwe-incidents-tabs,
 [data-dlwe-panel="attendance-payroll"] .dlwe-hr-tabs,
 [data-dlwe-panel="security-backups"] .dlwe-security-tabs
){
  display:flex!important;
  gap:26px!important;
  padding:0!important;
  margin:4px 0 18px!important;
  border:0!important;
  border-bottom:1px solid var(--dsm-line)!important;
  background:transparent!important;
  border-radius:0!important;
  overflow:auto!important;
}

.dlwe-studio-qortrade :is(
 [data-dlwe-panel="wedding-command-centre"] .dlwe-command-tabs button,
 [data-dlwe-panel="incident-management"] .dlwe-incidents-tabs button,
 [data-dlwe-panel="attendance-payroll"] .dlwe-hr-tabs button,
 [data-dlwe-panel="security-backups"] .dlwe-security-tabs button
){
  position:relative!important;
  min-width:max-content!important;
  padding:11px 0 13px!important;
  border:0!important;
  background:transparent!important;
  color:#716a62!important;
  border-radius:0!important;
  font-size:12.5px!important;
  font-weight:650!important;
  box-shadow:none!important;
}

.dlwe-studio-qortrade :is(
 [data-dlwe-panel="wedding-command-centre"] .dlwe-command-tabs button.is-active,
 [data-dlwe-panel="incident-management"] .dlwe-incidents-tabs button.is-active,
 [data-dlwe-panel="attendance-payroll"] .dlwe-hr-tabs button.is-active,
 [data-dlwe-panel="security-backups"] .dlwe-security-tabs button.is-active
){color:#171614!important;}

.dlwe-studio-qortrade :is(
 [data-dlwe-panel="wedding-command-centre"] .dlwe-command-tabs button.is-active,
 [data-dlwe-panel="incident-management"] .dlwe-incidents-tabs button.is-active,
 [data-dlwe-panel="attendance-payroll"] .dlwe-hr-tabs button.is-active,
 [data-dlwe-panel="security-backups"] .dlwe-security-tabs button.is-active
)::after{
  content:""!important;
  position:absolute!important;
  left:0!important;right:0!important;bottom:-1px!important;height:2px!important;
  background:#171614!important;
}

/* ---------------- Wedding Day ---------------- */
.dlwe-studio-qortrade [data-dlwe-panel="wedding-command-centre"] .dlwe-command-controlbar{
  padding:14px!important;
  margin-bottom:16px!important;
}
.dlwe-studio-qortrade [data-dlwe-panel="wedding-command-centre"] .dlwe-command-control-fields{
  gap:10px!important;
}
.dlwe-studio-qortrade [data-dlwe-panel="wedding-command-centre"] .dlwe-command-live-overview{
  padding:18px!important;
  margin-bottom:18px!important;
}
.dlwe-studio-qortrade [data-dlwe-panel="wedding-command-centre"] .dlwe-command-now-next-grid{
  gap:12px!important;
}
.dlwe-studio-qortrade [data-dlwe-panel="wedding-command-centre"] .dlwe-command-focus-card{
  border:1px solid var(--dsm-line-soft)!important;
  border-radius:12px!important;
  background:#fffefa!important;
  box-shadow:none!important;
}
.dlwe-studio-qortrade [data-dlwe-panel="incident-management"] .dlwe-incidents-control-card{
  padding:14px!important;
  margin-bottom:16px!important;
}
.dlwe-studio-qortrade [data-dlwe-panel="incident-management"] .dlwe-incidents-filter-grid{
  gap:10px!important;
}
.dlwe-studio-qortrade [data-dlwe-panel="incident-management"] .dlwe-incidents-review-grid{
  gap:14px!important;
}

/* ---------------- Clients ---------------- */
.dlwe-studio-qortrade :is([data-dlwe-panel="clients"],[data-dlwe-panel="client-approvals"],[data-dlwe-panel="meeting-notes"],[data-dlwe-panel="communication-history"]) .dlwe-task-summary{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  border:1px solid var(--dsm-line)!important;
  border-radius:15px!important;
  overflow:hidden!important;
  background:var(--dsm-paper)!important;
  box-shadow:none!important;
  margin-bottom:14px!important;
}
.dlwe-studio-qortrade :is([data-dlwe-panel="clients"],[data-dlwe-panel="client-approvals"],[data-dlwe-panel="meeting-notes"],[data-dlwe-panel="communication-history"]) .dlwe-task-summary > *{
  min-height:82px!important;
  border-radius:0!important;
  border:0!important;
  border-right:1px solid var(--dsm-line-soft)!important;
  box-shadow:none!important;
}
.dlwe-studio-qortrade :is([data-dlwe-panel="clients"],[data-dlwe-panel="client-approvals"],[data-dlwe-panel="meeting-notes"],[data-dlwe-panel="communication-history"]) :is(.dlwe-task-toolbar,.dlwe-client-toolbar,.dlwe-meeting-notes-toolbar,.dlwe-communication-history-toolbar){
  border:1px solid var(--dsm-line)!important;
  border-radius:14px!important;
  background:var(--dsm-paper)!important;
  padding:10px!important;
  gap:10px!important;
  box-shadow:none!important;
}
.dlwe-studio-qortrade [data-dlwe-panel="clients"] .dlwe-client-table-wrap{border-radius:12px!important;overflow:auto!important;}

/* ---------------- People ---------------- */
.dlwe-studio-qortrade [data-dlwe-panel="user-management"] .dlwe-people-list-card,
.dlwe-studio-qortrade [data-dlwe-panel="attendance-payroll"] .dlwe-table-card,
.dlwe-studio-qortrade [data-dlwe-panel="staff-rosters"] .dlwe-table-card{overflow:hidden!important;}

.dlwe-studio-qortrade [data-dlwe-panel="user-management"] :is(.dlwe-people-status-tabs,.dlwe-user-tabs){
  border-bottom:1px solid var(--dsm-line)!important;
  background:transparent!important;
}

.dlwe-studio-qortrade [data-dlwe-panel="attendance-payroll"] .dlwe-personal-summary,
.dlwe-studio-qortrade [data-dlwe-panel="staff-rosters"] .dlwe-task-summary{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  border:1px solid var(--dsm-line)!important;
  border-radius:15px!important;
  overflow:hidden!important;
  background:var(--dsm-paper)!important;
}

/* ---------------- Documents ---------------- */
.dlwe-studio-qortrade [data-dlwe-panel="document-centre"] .dlwe-document-library-card{
  padding:18px!important;
}
.dlwe-studio-qortrade [data-dlwe-panel="document-centre"] :is(.dlwe-document-filter-grid,.dlwe-document-toolbar){
  gap:10px!important;
}
.dlwe-studio-qortrade [data-dlwe-panel="document-centre"] .dlwe-document-list{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;
  gap:12px!important;
}

/* ---------------- Administration ---------------- */
.dlwe-studio-qortrade [data-dlwe-panel="notifications"] .dlwe-notification-list{
  display:grid!important;
  gap:8px!important;
}
.dlwe-studio-qortrade [data-dlwe-panel="notifications"] .dlwe-notification-settings-card{margin-top:14px!important;}

.dlwe-studio-qortrade [data-dlwe-panel="reports-analytics"] .dlwe-analytics-filter-section{
  padding:16px!important;
}
.dlwe-studio-qortrade [data-dlwe-panel="reports-analytics"] :is(.dlwe-analytics-grid,.dlwe-analytics-two-column){
  gap:14px!important;
}

.dlwe-studio-qortrade [data-dlwe-panel="launch-centre"] .dlwe-launch-release-banner{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  border:1px solid var(--dsm-line)!important;
  border-radius:15px!important;
  overflow:hidden!important;
  background:var(--dsm-paper)!important;
  margin-bottom:14px!important;
}
.dlwe-studio-qortrade [data-dlwe-panel="launch-centre"] .dlwe-launch-release-banner > div{
  border-right:1px solid var(--dsm-line-soft)!important;
  padding:14px!important;
  min-height:76px!important;
}
.dlwe-studio-qortrade [data-dlwe-panel="launch-centre"] .dlwe-launch-quick-links{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin-bottom:14px!important;
}
.dlwe-studio-qortrade [data-dlwe-panel="launch-centre"] .dlwe-launch-quick-links button{
  min-height:44px!important;
  border:1px solid var(--dsm-line)!important;
  border-radius:10px!important;
  background:var(--dsm-paper)!important;
  color:var(--dsm-ink)!important;
}

.dlwe-studio-qortrade [data-dlwe-panel="security-backups"] .dlwe-security-overview-grid{
  gap:14px!important;
}
.dlwe-studio-qortrade [data-dlwe-panel="security-backups"] .dlwe-security-toolbar{
  display:grid!important;
  grid-template-columns:minmax(260px,1.6fr) repeat(3,minmax(150px,.8fr))!important;
  gap:10px!important;
  padding:10px!important;
  border:1px solid var(--dsm-line)!important;
  border-radius:14px!important;
  background:var(--dsm-paper)!important;
  margin-bottom:12px!important;
}

.dlwe-studio-qortrade [data-dlwe-panel="system-reset"] .dlwe-reset-warning,
.dlwe-studio-qortrade [data-dlwe-panel="system-reset"] .dlwe-danger-zone{
  border-color:#d7b8b3!important;
  background:#fff8f6!important;
}

/* ---------------- Intentional zero states ---------------- */
.dlwe-studio-qortrade .dsm-empty-state,
.dlwe-studio-qortrade :is(
  [data-dlwe-panel="wedding-command-centre"], [data-dlwe-panel="incident-management"],
  [data-dlwe-panel="clients"], [data-dlwe-panel="client-approvals"], [data-dlwe-panel="meeting-notes"], [data-dlwe-panel="communication-history"],
  [data-dlwe-panel="user-management"], [data-dlwe-panel="attendance-payroll"], [data-dlwe-panel="staff-rosters"],
  [data-dlwe-panel="document-centre"], [data-dlwe-panel="notifications"], [data-dlwe-panel="reports-analytics"],
  [data-dlwe-panel="launch-centre"], [data-dlwe-panel="security-backups"]
) .dlwe-empty-state{
  min-height:150px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:7px!important;
  padding:28px!important;
  border:1px dashed #d8cfc4!important;
  border-radius:14px!important;
  background:#fffefa!important;
  color:var(--dsm-copy)!important;
}
.dlwe-studio-qortrade .dsm-empty-state{margin-top:12px!important;}
.dlwe-studio-qortrade .dsm-empty-icon,
.dlwe-studio-qortrade .dlwe-empty-state::before{
  width:44px!important;height:44px!important;
  display:grid!important;place-items:center!important;
  border:1px solid var(--dsm-line)!important;
  border-radius:12px!important;
  background:#faf6f0!important;
  color:#a7825e!important;
}
.dlwe-studio-qortrade .dsm-empty-state h2,
.dlwe-studio-qortrade .dlwe-empty-state strong{
  color:var(--dsm-ink)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:23px!important;
  font-weight:500!important;
  line-height:1.15!important;
}
.dlwe-studio-qortrade .dsm-empty-state p,
.dlwe-studio-qortrade .dlwe-empty-state p{
  max-width:620px!important;
  margin:0!important;
  color:var(--dsm-muted)!important;
  font-size:13.5px!important;
  line-height:1.55!important;
}
.dlwe-studio-qortrade .dsm-zero-table table{display:none!important;}
.dlwe-studio-qortrade .dsm-zero-table .dsm-empty-state{margin:0!important;}

/* ---------------- Navigation authority for remaining areas ---------------- */
.dlwe-studio-qortrade[data-dsm-section] .dsq-rail-button{
  transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease!important;
}
.dlwe-studio-qortrade[data-dsm-section] .dsq-rail-button.is-active{
  background:#111!important;
  border-color:#111!important;
  color:#fff!important;
}

/* ---------------- Dark mode ---------------- */
body.dlwe-dark-mode .dlwe-studio-qortrade :is(
  [data-dlwe-panel="wedding-command-centre"], [data-dlwe-panel="incident-management"],
  [data-dlwe-panel="clients"], [data-dlwe-panel="client-approvals"], [data-dlwe-panel="meeting-notes"], [data-dlwe-panel="communication-history"],
  [data-dlwe-panel="user-management"], [data-dlwe-panel="attendance-payroll"], [data-dlwe-panel="staff-rosters"],
  [data-dlwe-panel="document-centre"], [data-dlwe-panel="notifications"], [data-dlwe-panel="reports-analytics"],
  [data-dlwe-panel="launch-centre"], [data-dlwe-panel="security-backups"], [data-dlwe-panel="system-reset"]
){
  --dsm-line:#3a3833;
  --dsm-line-soft:#302e2a;
  --dsm-paper:#1c1b19;
  --dsm-paper-soft:#23211e;
  --dsm-ink:#f4f0e9;
  --dsm-copy:#cfc8bd;
  --dsm-muted:#aaa296;
}
body.dlwe-dark-mode .dlwe-studio-qortrade :is(
  [data-dlwe-panel="wedding-command-centre"], [data-dlwe-panel="incident-management"],
  [data-dlwe-panel="clients"], [data-dlwe-panel="client-approvals"], [data-dlwe-panel="meeting-notes"], [data-dlwe-panel="communication-history"],
  [data-dlwe-panel="user-management"], [data-dlwe-panel="attendance-payroll"], [data-dlwe-panel="staff-rosters"],
  [data-dlwe-panel="document-centre"], [data-dlwe-panel="notifications"], [data-dlwe-panel="reports-analytics"],
  [data-dlwe-panel="launch-centre"], [data-dlwe-panel="security-backups"], [data-dlwe-panel="system-reset"]
) :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.dlwe-command-focus-card,.dlwe-data-table,.dlwe-task-dashboard-table){
  background:#1c1b19!important;
  color:#f1ece4!important;
  border-color:#3a3833!important;
}
body.dlwe-dark-mode .dlwe-studio-qortrade :is(
  [data-dlwe-panel="wedding-command-centre"], [data-dlwe-panel="incident-management"],
  [data-dlwe-panel="clients"], [data-dlwe-panel="client-approvals"], [data-dlwe-panel="meeting-notes"], [data-dlwe-panel="communication-history"],
  [data-dlwe-panel="user-management"], [data-dlwe-panel="attendance-payroll"], [data-dlwe-panel="staff-rosters"],
  [data-dlwe-panel="document-centre"], [data-dlwe-panel="notifications"], [data-dlwe-panel="reports-analytics"],
  [data-dlwe-panel="launch-centre"], [data-dlwe-panel="security-backups"], [data-dlwe-panel="system-reset"]
) :is(.dlwe-data-table,.dlwe-task-dashboard-table) th{background:#24221f!important;color:#bdb5aa!important;border-color:#3a3833!important;}
body.dlwe-dark-mode .dlwe-studio-qortrade :is(
  [data-dlwe-panel="wedding-command-centre"], [data-dlwe-panel="incident-management"],
  [data-dlwe-panel="clients"], [data-dlwe-panel="client-approvals"], [data-dlwe-panel="meeting-notes"], [data-dlwe-panel="communication-history"],
  [data-dlwe-panel="user-management"], [data-dlwe-panel="attendance-payroll"], [data-dlwe-panel="staff-rosters"],
  [data-dlwe-panel="document-centre"], [data-dlwe-panel="notifications"], [data-dlwe-panel="reports-analytics"],
  [data-dlwe-panel="launch-centre"], [data-dlwe-panel="security-backups"], [data-dlwe-panel="system-reset"]
) :is(.dlwe-data-table,.dlwe-task-dashboard-table) td{color:#d8d1c7!important;border-color:#302e2a!important;}
body.dlwe-dark-mode .dlwe-studio-qortrade .dsm-empty-state,
body.dlwe-dark-mode .dlwe-studio-qortrade .dlwe-empty-state{background:#1c1b19!important;border-color:#3a3833!important;}
body.dlwe-dark-mode .dlwe-studio-qortrade [data-dlwe-panel="system-reset"] :is(.dlwe-reset-warning,.dlwe-danger-zone){background:#2b201f!important;border-color:#694b47!important;}

/* ---------------- Responsive ---------------- */
@media (max-width:1100px){
  .dlwe-studio-qortrade :is(
    [data-dlwe-panel="wedding-command-centre"], [data-dlwe-panel="incident-management"],
    [data-dlwe-panel="clients"], [data-dlwe-panel="client-approvals"], [data-dlwe-panel="meeting-notes"], [data-dlwe-panel="communication-history"],
    [data-dlwe-panel="user-management"], [data-dlwe-panel="attendance-payroll"], [data-dlwe-panel="staff-rosters"],
    [data-dlwe-panel="document-centre"], [data-dlwe-panel="notifications"], [data-dlwe-panel="reports-analytics"],
    [data-dlwe-panel="launch-centre"], [data-dlwe-panel="security-backups"], [data-dlwe-panel="system-reset"]
  ) > :is(.dlwe-portal-header,.dlwe-panel-header){align-items:flex-start!important;}
  .dlwe-studio-qortrade [data-dlwe-panel="security-backups"] .dlwe-security-toolbar{grid-template-columns:1fr 1fr!important;}
  .dlwe-studio-qortrade [data-dlwe-panel="launch-centre"] :is(.dlwe-launch-release-banner,.dlwe-launch-quick-links){grid-template-columns:1fr 1fr!important;}
}

@media (max-width:760px){
  .dlwe-studio-qortrade :is(
    [data-dlwe-panel="wedding-command-centre"], [data-dlwe-panel="incident-management"],
    [data-dlwe-panel="clients"], [data-dlwe-panel="client-approvals"], [data-dlwe-panel="meeting-notes"], [data-dlwe-panel="communication-history"],
    [data-dlwe-panel="user-management"], [data-dlwe-panel="attendance-payroll"], [data-dlwe-panel="staff-rosters"],
    [data-dlwe-panel="document-centre"], [data-dlwe-panel="notifications"], [data-dlwe-panel="reports-analytics"],
    [data-dlwe-panel="launch-centre"], [data-dlwe-panel="security-backups"], [data-dlwe-panel="system-reset"]
  ) > :is(.dlwe-portal-header,.dlwe-panel-header){display:block!important;}
  .dlwe-studio-qortrade :is(
    [data-dlwe-panel="wedding-command-centre"], [data-dlwe-panel="incident-management"],
    [data-dlwe-panel="clients"], [data-dlwe-panel="client-approvals"], [data-dlwe-panel="meeting-notes"], [data-dlwe-panel="communication-history"],
    [data-dlwe-panel="user-management"], [data-dlwe-panel="attendance-payroll"], [data-dlwe-panel="staff-rosters"],
    [data-dlwe-panel="document-centre"], [data-dlwe-panel="notifications"], [data-dlwe-panel="reports-analytics"],
    [data-dlwe-panel="launch-centre"], [data-dlwe-panel="security-backups"], [data-dlwe-panel="system-reset"]
  ) > :is(.dlwe-portal-header,.dlwe-panel-header) .dlwe-header-actions{justify-content:flex-start!important;margin-top:14px!important;}
  .dlwe-studio-qortrade [data-dlwe-panel="security-backups"] .dlwe-security-toolbar{grid-template-columns:1fr!important;}
  .dlwe-studio-qortrade [data-dlwe-panel="launch-centre"] :is(.dlwe-launch-release-banner,.dlwe-launch-quick-links){grid-template-columns:1fr!important;}
  .dlwe-studio-qortrade [data-dlwe-panel="wedding-command-centre"] .dlwe-command-now-next-grid{grid-template-columns:1fr!important;}
  .dlwe-studio-qortrade .dsm-empty-state,
  .dlwe-studio-qortrade .dlwe-empty-state{min-height:130px!important;padding:22px 16px!important;}
}

/* Hidden always wins over empty-state presentation. */
.dlwe-studio-qortrade .dlwe-empty-state[hidden],
.dlwe-studio-qortrade .dsm-empty-state[hidden]{display:none!important;}

/* ===== dated-studio-people-v8295.css ===== */
/* Dated Studio v8.29.5 — People & Identity luxury directory + profile UX */
body.dlwe-native-app-staff [data-dlwe-panel="user-management"]{--people-ink:#171513;--people-copy:#5e5852;--people-muted:#91867b;--people-line:#e5dbce;--people-paper:#fffdf9;--people-wash:#f7f2eb;--people-gold:#b78545;}
body.dlwe-native-app-staff [data-dlwe-panel="user-management"]>.dlwe-portal-header{padding:30px 0 24px!important;border-bottom:1px solid var(--people-line)!important;margin-bottom:22px!important;align-items:end!important;}
body.dlwe-native-app-staff [data-dlwe-panel="user-management"]>.dlwe-portal-header h1{font-family:var(--dlwe-serif,Georgia,serif)!important;font-size:clamp(38px,4.2vw,58px)!important;font-weight:400!important;letter-spacing:-.035em!important;color:var(--people-ink)!important;}
body.dlwe-native-app-staff [data-dlwe-panel="user-management"]>.dlwe-portal-header .dlwe-muted{max-width:720px!important;font-size:14px!important;line-height:1.6!important;color:var(--people-copy)!important;}
body.dlwe-native-app-staff .dlwe-people-summary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;border:1px solid var(--people-line)!important;border-radius:18px!important;overflow:hidden!important;background:var(--people-paper)!important;box-shadow:0 18px 55px rgba(65,48,30,.045)!important;}
body.dlwe-native-app-staff .dlwe-people-summary .dlwe-task-summary-card{min-height:116px!important;border:0!important;border-right:1px solid var(--people-line)!important;border-radius:0!important;padding:20px 22px!important;background:transparent!important;box-shadow:none!important;}
body.dlwe-native-app-staff .dlwe-people-summary .dlwe-task-summary-card:last-child{border-right:0!important;}
body.dlwe-native-app-staff .dlwe-people-summary .dlwe-task-summary-card>span{font-size:9px!important;letter-spacing:.15em!important;text-transform:uppercase!important;color:#8f7a62!important;font-weight:800!important;}
body.dlwe-native-app-staff .dlwe-people-summary .dlwe-task-summary-card>strong{font-family:var(--dlwe-serif,Georgia,serif)!important;font-size:34px!important;font-weight:400!important;color:var(--people-ink)!important;}
body.dlwe-native-app-staff .dlwe-people-summary .dlwe-task-summary-card>small{font-size:11px!important;color:var(--people-muted)!important;}
body.dlwe-native-app-staff .dlwe-people-directory-controls{display:grid!important;grid-template-columns:auto minmax(360px,1fr)!important;align-items:center!important;gap:18px!important;padding:14px!important;border-radius:18px!important;background:var(--people-paper)!important;border:1px solid var(--people-line)!important;box-shadow:0 10px 34px rgba(65,48,30,.035)!important;}
body.dlwe-native-app-staff .dlwe-people-status-tabs{display:flex!important;gap:6px!important;padding:5px!important;border-radius:14px!important;background:#f4efe8!important;border:0!important;}
body.dlwe-native-app-staff .dlwe-people-status-tabs button{min-height:43px!important;padding:8px 14px!important;border-radius:10px!important;border:0!important;gap:10px!important;}
body.dlwe-native-app-staff .dlwe-people-status-tabs button.is-active{background:#181615!important;color:#fff!important;box-shadow:none!important;}
body.dlwe-native-app-staff .dlwe-people-status-tabs button.is-active strong{background:#fff!important;color:#181615!important;}
body.dlwe-native-app-staff .dlwe-user-toolbar{display:grid!important;grid-template-columns:minmax(260px,1.7fr) minmax(150px,.7fr) minmax(170px,.8fr)!important;gap:8px!important;}
body.dlwe-native-app-staff .dlwe-user-toolbar :is(input,select){min-height:47px!important;border-radius:12px!important;background:#fbf8f4!important;border-color:#e6ddd3!important;font-size:12px!important;}
body.dlwe-native-app-staff .dlwe-people-list-card{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
body.dlwe-native-app-staff .dlwe-people-list-card>.dlwe-section-title-row{padding:10px 2px 14px!important;border:0!important;}
body.dlwe-native-app-staff .dlwe-people-list-card>.dlwe-section-title-row h2{font-family:var(--dlwe-serif,Georgia,serif)!important;font-size:30px!important;font-weight:400!important;}
body.dlwe-native-app-staff .dlwe-people-directory-list{display:grid;gap:10px;}
body.dlwe-native-app-staff .dlwe-people-person-card{display:grid;grid-template-columns:minmax(300px,1.45fr) minmax(420px,1.35fr) auto;align-items:center;gap:22px;padding:17px 18px;border:1px solid var(--people-line);border-radius:16px;background:var(--people-paper);box-shadow:0 9px 28px rgba(65,48,30,.035);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;}
body.dlwe-native-app-staff .dlwe-people-person-card:hover{transform:translateY(-1px);border-color:#d8c5ab;box-shadow:0 14px 34px rgba(65,48,30,.065);}
body.dlwe-native-app-staff .dlwe-people-person-main{display:flex;align-items:center;gap:14px;min-width:0;}
body.dlwe-native-app-staff .dlwe-people-person-main .dlwe-user-avatar{width:52px!important;height:52px!important;flex-basis:52px!important;}
body.dlwe-native-app-staff .dlwe-people-person-name{display:flex;align-items:center;flex-wrap:wrap;gap:8px;}
body.dlwe-native-app-staff .dlwe-people-person-name>strong{font-family:var(--dlwe-serif,Georgia,serif);font-size:21px;font-weight:500;color:var(--people-ink);}
body.dlwe-native-app-staff .dlwe-people-person-main p{margin:2px 0 2px;font-size:12px;color:var(--people-copy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.dlwe-native-app-staff .dlwe-people-person-main small{display:block;font-size:10.5px;color:var(--people-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.dlwe-native-app-staff .dlwe-people-person-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid #eee6dc;border-radius:12px;overflow:hidden;background:#eee6dc;}
body.dlwe-native-app-staff .dlwe-people-person-meta>span{display:grid;gap:5px;padding:10px 12px;background:#fcfaf7;color:#9b8e82;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;}
body.dlwe-native-app-staff .dlwe-people-person-meta strong{color:#4f463f;font-size:10.5px;line-height:1.35;text-transform:none;letter-spacing:0;}
body.dlwe-native-app-staff .dlwe-people-empty-state{display:grid;place-items:center;min-height:260px;text-align:center;border:1px solid var(--people-line);border-radius:18px;background:var(--people-paper);padding:32px;}
body.dlwe-native-app-staff .dlwe-people-empty-state span{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#9d7950;font-weight:800;}
body.dlwe-native-app-staff .dlwe-people-empty-state strong{margin-top:8px;font-family:var(--dlwe-serif,Georgia,serif);font-size:30px;font-weight:400;}
body.dlwe-native-app-staff .dlwe-people-empty-state p{margin:4px 0 0;color:var(--people-muted);font-size:12px;}
/* Profile */
body.dlwe-native-app-staff .dlwe-user-detail-view{gap:14px!important;}
body.dlwe-native-app-staff .dlwe-user-detail-hero{min-height:205px!important;padding:30px 34px!important;border-radius:22px!important;background:linear-gradient(135deg,#fffdf9 0%,#f8f1e7 100%)!important;}
body.dlwe-native-app-staff .dlwe-user-avatar.is-large{width:124px!important;height:124px!important;flex-basis:124px!important;font-size:34px!important;border:1px solid #d9b777!important;box-shadow:0 10px 30px rgba(93,63,29,.10)!important;}
body.dlwe-native-app-staff .dlwe-user-avatar-button{padding:0!important;cursor:zoom-in!important;appearance:none!important;}
body.dlwe-native-app-staff .dlwe-user-detail-person{gap:26px!important;}
body.dlwe-native-app-staff .dlwe-user-detail-person h2{font-size:clamp(38px,4vw,56px)!important;letter-spacing:-.035em!important;}
body.dlwe-native-app-staff .dlwe-user-detail-section{padding:26px 28px 30px!important;border-radius:18px!important;background:var(--people-paper)!important;}
body.dlwe-native-app-staff .dlwe-user-detail-section-head{align-items:center!important;}
body.dlwe-native-app-staff .dlwe-user-detail-section-tools{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;}
body.dlwe-native-app-staff .dlwe-section-edit-button{min-height:32px;padding:7px 11px;border:1px solid #dfd3c4;border-radius:999px;background:#fffdf9;color:#5e5145;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;}
body.dlwe-native-app-staff .dlwe-section-edit-button:hover{border-color:#b78545;color:#7a5527;}
body.dlwe-native-app-staff .dlwe-user-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;border-radius:12px!important;}
body.dlwe-native-app-staff .dlwe-user-detail-item{padding:17px 18px!important;}
body.dlwe-native-app-staff .dlwe-user-detail-item>strong{font-size:13px!important;color:#342e29!important;}
body.dlwe-native-app-staff .dlwe-user-private-documents{margin-top:20px;padding-top:18px;border-top:1px solid #e8ded1;}
/* private media gallery */
body.dlwe-native-app-staff .dlwe-private-document-gallery{display:block!important;padding:0!important;border:0!important;background:transparent!important;}
body.dlwe-native-app-staff .dlwe-private-doc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
body.dlwe-native-app-staff .dlwe-private-doc-card{position:relative;display:grid;grid-template-columns:82px minmax(0,1fr);gap:12px;align-items:center;min-height:104px;padding:10px;border:1px solid #dfd2c0;border-radius:14px;background:#fffaf2;overflow:hidden;}
body.dlwe-native-app-staff .dlwe-private-doc-preview{display:grid;place-items:center;width:82px;height:82px;padding:0;border:0;border-radius:10px;overflow:hidden;background:#eee3d5;cursor:zoom-in;}
body.dlwe-native-app-staff .dlwe-private-doc-preview img{width:100%;height:100%;object-fit:cover;}
body.dlwe-native-app-staff .dlwe-private-doc-type{font-family:var(--dlwe-serif,Georgia,serif);font-size:20px;color:#8a6334;}
body.dlwe-native-app-staff .dlwe-private-doc-copy{display:grid;gap:3px;min-width:0;}
body.dlwe-native-app-staff .dlwe-private-doc-copy span{font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#a27b4f;}
body.dlwe-native-app-staff .dlwe-private-doc-copy strong{font-size:11px;color:#4e4034;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.dlwe-native-app-staff .dlwe-private-doc-copy small{font-size:9.5px;color:#9a8b7b;}
body.dlwe-native-app-staff .dlwe-private-doc-remove{position:absolute;right:8px;bottom:7px;border:0;background:transparent;color:#9b5c54;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;}
body.dlwe-native-app-staff .dlwe-private-doc-empty{padding:18px;border:1px dashed #d8c9b7;border-radius:12px;color:#958677;font-size:11px;background:rgba(255,255,255,.4);}
body.dlwe-native-app-staff .dlwe-private-upload-group input[type=file]{padding:12px!important;border:1px dashed #cdbb9f!important;border-radius:12px!important;background:#fffdf9!important;}
/* section-edit mode */
body.dlwe-native-app-staff .dlwe-people-editor.is-section-edit .dlwe-people-stepper{display:none!important;}
body.dlwe-native-app-staff .dlwe-people-editor.is-section-edit .dlwe-people-editor-heading{border-left:3px solid #b78545!important;}
/* media viewer */
.dlwe-people-media-viewer{position:fixed;z-index:2147483000;inset:0;display:grid;place-items:center;padding:34px;background:rgba(18,15,13,.82);backdrop-filter:blur(12px);cursor:zoom-out;}
.dlwe-people-media-stage{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(1100px,94vw);height:min(860px,90vh);overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:22px;background:#151210;box-shadow:0 36px 100px rgba(0,0,0,.45);}
.dlwe-people-media-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;color:#f8efe7;border-bottom:1px solid rgba(255,255,255,.10);}
.dlwe-people-media-head strong{font-family:Georgia,serif;font-size:18px;font-weight:400;}
.dlwe-people-media-head span{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#b9a99c;}
.dlwe-people-media-stage img{width:100%;height:100%;object-fit:contain;padding:18px;}
.dlwe-people-media-stage iframe{width:100%;height:100%;border:0;background:#fff;}
html[data-dlwe-theme="dark"] body.dlwe-native-app-staff [data-dlwe-panel="user-management"]{--people-ink:#f3ebe4;--people-copy:#cfc2b8;--people-muted:#a7988e;--people-line:#443832;--people-paper:#1b1816;--people-wash:#141210;}
html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dlwe-people-person-card,html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dlwe-people-directory-controls,html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dlwe-people-summary{background:#1b1816!important;border-color:#443832!important;}
html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dlwe-people-person-meta{background:#3b312c;border-color:#3b312c;}html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dlwe-people-person-meta>span{background:#201c19;}html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dlwe-people-person-name>strong{color:#f3ebe4;}html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dlwe-private-doc-card{background:#241f1b;border-color:#4e4038;}
@media(max-width:1180px){body.dlwe-native-app-staff .dlwe-people-person-card{grid-template-columns:minmax(260px,1.2fr) minmax(340px,1fr) auto;gap:14px;}body.dlwe-native-app-staff .dlwe-people-directory-controls{grid-template-columns:1fr;}body.dlwe-native-app-staff .dlwe-user-toolbar{grid-template-columns:1fr 1fr 1fr;}}
@media(max-width:900px){body.dlwe-native-app-staff .dlwe-people-summary{grid-template-columns:repeat(2,1fr)!important;}body.dlwe-native-app-staff .dlwe-people-summary .dlwe-task-summary-card:nth-child(2){border-right:0!important;}body.dlwe-native-app-staff .dlwe-people-person-card{grid-template-columns:1fr auto;}body.dlwe-native-app-staff .dlwe-people-person-meta{grid-column:1/-1;}body.dlwe-native-app-staff .dlwe-private-doc-grid{grid-template-columns:repeat(2,1fr);}body.dlwe-native-app-staff .dlwe-user-detail-grid{grid-template-columns:repeat(2,1fr)!important;}}
@media(max-width:620px){body.dlwe-native-app-staff .dlwe-people-summary{grid-template-columns:1fr!important;}body.dlwe-native-app-staff .dlwe-people-summary .dlwe-task-summary-card{border-right:0!important;border-bottom:1px solid var(--people-line)!important;}body.dlwe-native-app-staff .dlwe-user-toolbar{grid-template-columns:1fr!important;}body.dlwe-native-app-staff .dlwe-people-status-tabs{display:grid!important;grid-template-columns:1fr!important;}body.dlwe-native-app-staff .dlwe-people-person-card{grid-template-columns:1fr!important;}body.dlwe-native-app-staff .dlwe-people-person-meta{grid-template-columns:1fr!important;}body.dlwe-native-app-staff .dlwe-user-detail-person{align-items:flex-start!important;}body.dlwe-native-app-staff .dlwe-user-avatar.is-large{width:104px!important;height:104px!important;flex-basis:104px!important;}body.dlwe-native-app-staff .dlwe-user-detail-grid{grid-template-columns:1fr!important;}body.dlwe-native-app-staff .dlwe-private-doc-grid{grid-template-columns:1fr;}body.dlwe-native-app-staff .dlwe-user-detail-section-tools{justify-content:flex-start;} .dlwe-people-media-viewer{padding:12px}.dlwe-people-media-stage{width:98vw;height:90vh;border-radius:15px;}}

body.dlwe-native-app-staff .dlwe-user-sync-text.is-success{color:#4d745e!important;} body.dlwe-native-app-staff .dlwe-user-sync-text.is-warning{color:#9a7138!important;} body.dlwe-native-app-staff .dlwe-user-sync-text.is-danger{color:#9a4d47!important;}


/* v8.29.5 People UX completion: toast, restrained record actions, employment documents */
body.dlwe-native-app-staff #dlwe-users-message{display:none!important;}
.dlwe-people-toast{position:fixed;right:30px;top:92px;z-index:2147483200;width:min(430px,calc(100vw - 32px));display:grid;grid-template-columns:42px minmax(0,1fr) 32px;align-items:center;gap:12px;padding:14px 14px 14px 16px;border:1px solid rgba(176,133,72,.30);border-radius:17px;background:rgba(252,248,241,.96);box-shadow:0 22px 60px rgba(53,39,27,.18);backdrop-filter:blur(18px);transform:translateY(-12px) scale(.98);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;color:#201914;}
.dlwe-people-toast.is-visible{opacity:1;transform:none;pointer-events:auto;}
.dlwe-people-toast.is-error{border-color:rgba(160,57,49,.28);}
.dlwe-people-toast-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#171411;color:#d6ae73;font:600 16px/1 Arial,sans-serif;}
.dlwe-people-toast.is-error .dlwe-people-toast-mark{background:#9f3f38;color:#fff;}
.dlwe-people-toast-copy{display:grid;gap:3px;min-width:0;}
.dlwe-people-toast-copy span{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#a07743;font-weight:700;}
.dlwe-people-toast-copy strong{font-family:Georgia,serif;font-size:15px;line-height:1.35;font-weight:400;color:#2b211a;}
.dlwe-people-toast-close{appearance:none;border:0;background:transparent;color:#827469;font-size:22px;line-height:1;cursor:pointer;padding:4px;}
body.dlwe-native-app-staff .dlwe-user-detail-actions{align-items:flex-start!important;gap:10px!important;}
body.dlwe-native-app-staff .dlwe-user-detail-edit-primary{min-width:170px!important;}
.dlwe-user-record-menu{position:relative;}
.dlwe-user-record-menu>summary{list-style:none;cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:center;padding:0 22px;border:1px solid var(--people-line,#ddd2c4);border-radius:999px;background:#fffaf5;color:#241c17;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.dlwe-user-record-menu>summary::-webkit-details-marker{display:none;}
.dlwe-user-record-menu[open]>summary{background:#f6eee4;}
.dlwe-user-record-menu-popover{position:absolute;right:0;top:52px;z-index:40;width:220px;padding:8px;border:1px solid var(--people-line,#ddd2c4);border-radius:14px;background:#fffdf9;box-shadow:0 18px 48px rgba(50,38,28,.16);display:grid;gap:2px;}
.dlwe-user-record-menu-popover button{appearance:none;border:0;background:transparent;text-align:left;padding:11px 12px;border-radius:9px;font-size:12px;color:#332922;cursor:pointer;}
.dlwe-user-record-menu-popover button:hover{background:#f5eee5;}
.dlwe-user-record-menu-popover button.is-danger{color:#9f3f38;}
.dlwe-user-record-menu-divider{height:1px;background:#e9dfd3;margin:4px 6px;}
body.dlwe-native-app-staff .dlwe-employment-documents-step .dlwe-private-upload-group{padding:18px;border:1px dashed rgba(176,133,72,.38);border-radius:15px;background:rgba(250,246,240,.7);}
@media(max-width:760px){.dlwe-people-toast{top:76px;right:16px;}.dlwe-user-record-menu-popover{left:0;right:auto;}body.dlwe-native-app-staff .dlwe-user-detail-actions{width:100%;flex-direction:row!important;flex-wrap:wrap;}}

/* ===== dated-studio-guest-operations-v8293.css ===== */
/* Dated Studio v8.29.0 — Guest & Hospitality Operations canonical luxury dashboard.
   Presentation only. Guest Operations data, permission and write paths remain authoritative in PHP. */
.dlwe-studio-qortrade [data-dlwe-panel="guest-operations"]{
  --dgo-ink:var(--dsq-ink,#161619);--dgo-copy:var(--dsq-copy,#4f4c49);--dgo-muted:var(--dsq-muted,#8b8680);
  --dgo-line:var(--dsq-line,#dfdcd6);--dgo-line-strong:var(--dsq-line-strong,#d2cec7);--dgo-paper:var(--dsq-surface,#fbfaf8);
  --dgo-paper-2:var(--dsq-surface-2,#f0eeea);--dgo-bronze:var(--dsq-bronze,#9c7656);--dgo-bronze-soft:var(--dsq-bronze-soft,#eee5dd);
  --dgo-shadow:0 22px 56px rgba(34,29,23,.065);color:var(--dgo-copy);max-width:1540px;margin:0 auto;
}
.dgo-suite *{box-sizing:border-box}.dgo-suite button,.dgo-suite input,.dgo-suite select,.dgo-suite textarea{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.dgo-hero{position:relative;min-height:255px;padding:34px clamp(28px,4vw,58px);display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:42px;align-items:end;border-radius:24px;overflow:hidden;background:#171717;color:#ede9e2;box-shadow:0 24px 60px rgba(15,13,11,.12)}
.dgo-hero::before{content:"";position:absolute;inset:auto -5% -74% 42%;height:380px;border:1px solid rgba(202,166,132,.18);border-radius:50%;transform:rotate(-7deg)}
.dgo-hero::after{content:"";position:absolute;right:38px;top:34px;width:7px;height:7px;transform:rotate(45deg);background:#b79272;box-shadow:0 0 0 7px rgba(183,146,114,.08)}
.dgo-hero-copy,.dgo-hero-side{position:relative;z-index:1}.dgo-kicker-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.dgo-kicker,.dgo-eyebrow,.dgo-card-kicker{margin:0!important;font-size:9px!important;line-height:1.2!important;font-weight:750!important;letter-spacing:.17em!important;text-transform:uppercase!important;color:var(--dgo-bronze)!important}.dgo-hero .dgo-kicker{color:#c7a486!important}.dgo-private-chip{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border:1px solid rgba(255,255,255,.14);border-radius:999px;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#bdb6ae;background:rgba(255,255,255,.035)}
.dgo-hero h1{margin:18px 0 12px!important;font:500 clamp(45px,5vw,76px)/.92 Georgia,"Times New Roman",serif!important;letter-spacing:-.045em!important;color:#fff!important}.dgo-hero-copy>p:last-child{max-width:760px;margin:0;font-size:13px;line-height:1.65;color:#aaa49d}
.dgo-hero-side{display:grid;gap:10px;align-self:end}.dgo-wedding-picker{display:grid;gap:7px}.dgo-wedding-picker>span{font-size:8px;font-weight:750;letter-spacing:.13em;text-transform:uppercase;color:#8e8881}.dgo-wedding-picker select{width:100%;height:50px!important;padding:0 42px 0 15px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:13px!important;background:#242321!important;color:#f3f0eb!important;font-size:11px!important;box-shadow:none!important}.dgo-hero-link{height:48px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 16px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:13px!important;background:transparent!important;color:#d7d1ca!important;font-size:10px!important;font-weight:700!important;box-shadow:none!important}.dgo-hero-link:hover{background:#f4f0ea!important;color:#171717!important;border-color:#f4f0ea!important}.dgo-hero-link b{font-size:15px;font-weight:400}
.dgo-message{margin:14px 0 0!important;border-radius:13px!important}
.dgo-shell{display:grid;grid-template-columns:226px minmax(0,1fr);gap:20px;margin-top:20px;align-items:start}.dgo-index{position:sticky;top:108px;padding:18px;border:1px solid var(--dgo-line);border-radius:18px;background:color-mix(in srgb,var(--dgo-paper) 96%,transparent);box-shadow:0 12px 34px rgba(33,28,22,.035);overflow:hidden}.dgo-index-head{padding:3px 4px 16px;border-bottom:1px solid var(--dgo-line)}.dgo-index-head p{margin:0;font-size:8px;font-weight:750;letter-spacing:.16em;text-transform:uppercase;color:var(--dgo-bronze)}.dgo-index-head h2{margin:7px 0 5px!important;font:500 24px/1 Georgia,serif!important;color:var(--dgo-ink)!important}.dgo-index-head span{display:block;font-size:9px;line-height:1.45;color:var(--dgo-muted)}.dgo-index-nav{padding-top:11px}.dgo-index-group{padding:8px 0}.dgo-index-group>p{margin:0 5px 7px;font-size:7px;font-weight:750;letter-spacing:.15em;text-transform:uppercase;color:#aaa39b}.dgo-index-button{position:relative;width:100%!important;min-height:38px!important;display:grid!important;grid-template-columns:25px 1fr!important;align-items:center!important;gap:7px!important;padding:0 9px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--dgo-muted)!important;text-align:left!important;box-shadow:none!important}.dgo-index-button span{font:650 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#b0a9a1}.dgo-index-button strong{font-size:10px;font-weight:650;color:inherit}.dgo-index-button:hover{background:var(--dgo-paper-2)!important;color:var(--dgo-ink)!important}.dgo-index-button.is-active{background:var(--dgo-ink)!important;color:var(--dgo-paper)!important}.dgo-index-button.is-active span{color:#c49b78}.dgo-index-button.is-active::after{content:"";position:absolute;right:-19px;width:3px;height:18px;border-radius:99px;background:var(--dgo-bronze)}.dgo-index-foot{display:flex;align-items:center;gap:8px;margin-top:9px;padding:13px 5px 2px;border-top:1px solid var(--dgo-line);font-size:8px;line-height:1.35;color:var(--dgo-muted)}.dgo-index-foot i{width:6px;height:6px;border-radius:50%;background:#6f8a77;box-shadow:0 0 0 5px rgba(111,138,119,.09);flex:none}
.dgo-stage{min-width:0;padding:22px 24px 26px;border:1px solid var(--dgo-line);border-radius:20px;background:var(--dgo-paper);box-shadow:var(--dgo-shadow)}.dgo-stage-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:2px 2px 19px;border-bottom:1px solid var(--dgo-line)}.dgo-stage-head h2,.dgo-section-head h2{margin:5px 0 5px!important;font:500 29px/1.05 Georgia,"Times New Roman",serif!important;letter-spacing:-.02em!important;color:var(--dgo-ink)!important}.dgo-stage-head>div:first-child>p:last-child,.dgo-section-head>div>p:last-child{margin:0;font-size:10px;line-height:1.5;color:var(--dgo-muted)}.dgo-stage-actions{display:flex;gap:8px;flex:none}.dgo-primary,.dgo-secondary{min-height:40px!important;padding:0 16px!important;border-radius:999px!important;font-size:9px!important;font-weight:750!important;letter-spacing:.045em!important;text-transform:uppercase!important;box-shadow:none!important}.dgo-primary{border:1px solid var(--dgo-ink)!important;background:var(--dgo-ink)!important;color:var(--dgo-paper)!important}.dgo-secondary{border:1px solid var(--dgo-line-strong)!important;background:transparent!important;color:var(--dgo-ink)!important}.dgo-primary:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(22,22,25,.1)!important}.dgo-secondary:hover{border-color:var(--dgo-ink)!important}
.dgo-ledger{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin:18px 0 22px;border:1px solid var(--dgo-line);border-radius:16px;background:var(--dgo-paper);overflow:hidden}.dgo-stat{position:relative;min-height:82px;padding:15px 15px 13px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--dgo-line)}.dgo-stat:first-child{border-left:0;background:color-mix(in srgb,var(--dgo-bronze-soft) 54%,var(--dgo-paper))}.dgo-stat span{font-size:7px;font-weight:750;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:var(--dgo-muted)}.dgo-stat strong{margin-top:7px;font:500 27px/1 Georgia,serif;color:var(--dgo-ink)}.dgo-stat.is-attention strong{color:#9f606a}
.dgo-view{display:none;animation:dgo-rise .22s ease}.dgo-view.is-active{display:block}@keyframes dgo-rise{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:none}}
.dgo-overview-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:14px}.dgo-command-card{min-height:270px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;border-radius:18px;background:#171717;color:#bcb5ad;overflow:hidden;position:relative}.dgo-command-card::after{content:"";position:absolute;right:-60px;bottom:-95px;width:280px;height:280px;border:1px solid rgba(196,155,120,.17);border-radius:50%}.dgo-command-card>div{position:relative;z-index:1}.dgo-command-card .dgo-card-kicker{color:#c49b78!important}.dgo-command-card h2{max-width:620px;margin:13px 0 12px!important;font:500 clamp(27px,2.4vw,38px)/1.02 Georgia,serif!important;letter-spacing:-.025em!important;color:#fff!important}.dgo-command-card p:last-child{max-width:660px;margin:0;font-size:10px;line-height:1.65;color:#9f9992}.dgo-command-actions{display:flex;gap:8px;flex-wrap:wrap}.dgo-command-actions button{min-height:38px!important;padding:0 13px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:999px!important;background:rgba(255,255,255,.04)!important;color:#ddd7d0!important;font-size:8px!important;font-weight:700!important;letter-spacing:.05em!important;text-transform:uppercase!important}.dgo-command-actions button:hover{background:#f2eee8!important;color:#171717!important;border-color:#f2eee8!important}
.dgo-readiness-card{padding:22px;display:flex;flex-direction:column;border:1px solid var(--dgo-line);border-radius:18px;background:var(--dgo-paper-2)}.dgo-readiness-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.dgo-readiness-card h3{margin:6px 0 0!important;font:500 21px/1 Georgia,serif!important;color:var(--dgo-ink)!important}.dgo-readiness-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--dgo-ink);color:var(--dgo-paper);font:500 18px Georgia,serif}.dgo-readiness-value{margin:auto 0 16px;display:flex;align-items:flex-end;gap:10px}.dgo-readiness-value strong{font:500 clamp(48px,5vw,72px)/.8 Georgia,serif;color:var(--dgo-ink)}.dgo-readiness-value span{padding-bottom:3px;font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dgo-muted)}.dgo-progress{height:6px;border-radius:99px;background:color-mix(in srgb,var(--dgo-line) 70%,transparent);overflow:hidden}.dgo-progress i{display:block;width:0;height:100%;border-radius:inherit;background:var(--dgo-bronze);transition:width .35s ease}.dgo-readiness-card>p{margin:10px 0 0;font-size:9px;line-height:1.45;color:var(--dgo-muted)}
.dgo-focus-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:14px 0}.dgo-focus-grid button{min-height:118px;padding:15px;display:flex!important;flex-direction:column!important;align-items:flex-start!important;border:1px solid var(--dgo-line)!important;border-radius:15px!important;background:var(--dgo-paper)!important;color:var(--dgo-copy)!important;text-align:left!important;box-shadow:none!important}.dgo-focus-grid button:hover{transform:translateY(-2px);border-color:var(--dgo-line-strong)!important;box-shadow:0 12px 28px rgba(40,34,27,.05)!important}.dgo-focus-grid button>span{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--dgo-muted)}.dgo-focus-grid button>strong{margin:auto 0 6px;font:500 31px/1 Georgia,serif;color:var(--dgo-ink)}.dgo-focus-grid button>small{font-size:8px;color:var(--dgo-bronze)}.dgo-focus-grid button.is-attention>strong{color:#9d5965}
.dgo-overview-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dgo-overview-notes article{padding:19px;border:1px solid var(--dgo-line);border-radius:15px;background:color-mix(in srgb,var(--dgo-paper) 75%,var(--dgo-paper-2))}.dgo-overview-notes h3{margin:7px 0 7px!important;font:500 18px/1.1 Georgia,serif!important;color:var(--dgo-ink)!important}.dgo-overview-notes article>p:last-child{margin:0;font-size:9px;line-height:1.55;color:var(--dgo-muted)}
.dgo-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:4px 1px 17px;margin-bottom:14px;border-bottom:1px solid var(--dgo-line)}.dgo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.dgo-toolbar>small{font-size:8px;font-weight:650;color:var(--dgo-muted)}.dgo-search-wrap{height:46px;min-width:min(520px,70%);display:grid;grid-template-columns:22px 1fr;align-items:center;gap:5px;padding:0 12px;border:1px solid var(--dgo-line);border-radius:13px;background:var(--dgo-paper-2);color:var(--dgo-muted)}.dgo-search-wrap>span{font-size:18px;line-height:1}.dgo-search{width:100%;height:42px!important;padding:0!important;border:0!important;background:transparent!important;color:var(--dgo-ink)!important;font-size:11px!important;box-shadow:none!important}.dgo-search:focus{outline:0!important;box-shadow:none!important}
.dgo-table-wrap{overflow:auto;border:1px solid var(--dgo-line);border-radius:16px;background:var(--dgo-paper)}.dgo-table{width:100%;min-width:800px;border-collapse:separate;border-spacing:0}.dgo-table th{padding:13px 15px;border-bottom:1px solid var(--dgo-line);background:var(--dgo-paper-2);font-size:7px;font-weight:750;letter-spacing:.11em;text-transform:uppercase;text-align:left;color:var(--dgo-muted)}.dgo-table td{padding:14px 15px;border-bottom:1px solid var(--dgo-line);font-size:10px;line-height:1.45;color:var(--dgo-copy);vertical-align:middle}.dgo-table tr:last-child td{border-bottom:0}.dgo-table tbody tr:hover td{background:color-mix(in srgb,var(--dgo-bronze-soft) 24%,var(--dgo-paper))}.dgo-guest-cell{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:10px}.dgo-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--dgo-bronze-soft);border:1px solid color-mix(in srgb,var(--dgo-bronze) 22%,var(--dgo-line));font:650 10px Georgia,serif;color:var(--dgo-ink)}.dgo-guest-cell strong{display:block;font-size:10px;color:var(--dgo-ink)}.dgo-guest-cell small,.dgo-contact small{display:block;margin-top:3px;font-size:8px;color:var(--dgo-muted)}.dgo-contact strong{display:block;font-size:9px;font-weight:600;color:var(--dgo-copy)}.dgo-status{display:inline-flex;align-items:center;min-height:27px;padding:0 10px;border-radius:999px;border:1px solid var(--dgo-line);background:var(--dgo-paper-2);font-size:7px;font-weight:750;letter-spacing:.07em;text-transform:uppercase;color:var(--dgo-copy);white-space:nowrap}.dgo-status.is-confirmed,.dgo-status.is-paid,.dgo-status.is-completed{background:#eaf1ec;border-color:#d9e5dd;color:#54705f}.dgo-status.is-declined,.dgo-status.is-refunded,.dgo-status.is-cancelled{background:#f3e7e8;border-color:#e7d3d6;color:#985c66}.dgo-status.is-pending,.dgo-status.is-unpaid{background:var(--dgo-bronze-soft);border-color:color-mix(in srgb,var(--dgo-bronze) 28%,var(--dgo-line));color:#7e6047}
.dgo-form-card{border:1px solid var(--dgo-line);border-radius:18px;background:var(--dgo-paper);overflow:hidden}.dgo-form-section{display:grid;grid-template-columns:190px 1fr;gap:24px;padding:24px;border-bottom:1px solid var(--dgo-line)}.dgo-form-section>header{display:grid;grid-template-columns:34px 1fr;gap:10px;align-content:start}.dgo-form-section>header>span{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:var(--dgo-ink);color:var(--dgo-paper);font:650 8px ui-monospace,SFMono-Regular,Menlo,monospace}.dgo-form-section h3{margin:3px 0 6px!important;font:500 18px/1 Georgia,serif!important;color:var(--dgo-ink)!important}.dgo-form-section header p{margin:0;font-size:8px;line-height:1.5;color:var(--dgo-muted)}.dgo-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dgo-field{display:grid;gap:7px;align-content:start}.dgo-field.full{grid-column:1/-1}.dgo-field label,.dgo-service-select>p{font-size:8px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:#6c655e}.dgo-field input,.dgo-field select,.dgo-field textarea{width:100%;min-height:46px!important;padding:9px 12px!important;border:1px solid var(--dgo-line)!important;border-radius:10px!important;background:var(--dgo-paper-2)!important;color:var(--dgo-ink)!important;font-size:11px!important;line-height:1.35!important;box-shadow:none!important}.dgo-field textarea{min-height:100px!important;resize:vertical}.dgo-field input:focus,.dgo-field select:focus,.dgo-field textarea:focus{outline:0!important;border-color:var(--dgo-bronze)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--dgo-bronze) 12%,transparent)!important}.dgo-form-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 24px;background:var(--dgo-paper-2)}.dgo-form-footer p{margin:0;font-size:8px;color:var(--dgo-muted)}
.dgo-feature-empty{min-height:360px;display:grid;grid-template-columns:150px minmax(0,620px);gap:30px;align-items:center;justify-content:center;padding:44px;border:1px solid var(--dgo-line);border-radius:18px;background:linear-gradient(135deg,var(--dgo-paper),color-mix(in srgb,var(--dgo-bronze-soft) 24%,var(--dgo-paper)))}.dgo-feature-number{width:118px;height:118px;display:grid;place-items:center;border-radius:50%;border:1px solid color-mix(in srgb,var(--dgo-bronze) 38%,var(--dgo-line));font:500 36px Georgia,serif;color:var(--dgo-bronze);box-shadow:inset 0 0 0 13px color-mix(in srgb,var(--dgo-bronze-soft) 55%,transparent)}.dgo-feature-empty h2{margin:10px 0 10px!important;font:500 clamp(27px,3vw,38px)/1.03 Georgia,serif!important;letter-spacing:-.025em!important;color:var(--dgo-ink)!important}.dgo-feature-empty>div:last-child>p:nth-of-type(2){max-width:560px;margin:0;font-size:10px;line-height:1.6;color:var(--dgo-muted)}.dgo-feature-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.dgo-feature-tags span{display:inline-flex;align-items:center;min-height:29px;padding:0 10px;border:1px solid var(--dgo-line);border-radius:999px;background:var(--dgo-paper);font-size:7px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dgo-copy)}
.dgo-service-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:14px}.dgo-booking-card,.dgo-bookings-panel{border:1px solid var(--dgo-line);border-radius:18px;background:var(--dgo-paper);overflow:hidden}.dgo-booking-card{padding:22px}.dgo-booking-card>header{padding-bottom:17px;margin-bottom:18px;border-bottom:1px solid var(--dgo-line)}.dgo-booking-card h3,.dgo-bookings-panel h3{margin:7px 0 7px!important;font:500 23px/1 Georgia,serif!important;color:var(--dgo-ink)!important}.dgo-booking-card>header>p:last-child{margin:0;font-size:9px;line-height:1.5;color:var(--dgo-muted)}.dgo-service-select{margin:18px 0}.dgo-service-select>p{margin:0 0 8px}.dgo-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dgo-service-option{position:relative;min-height:78px;padding:14px;display:grid;grid-template-columns:18px 1fr;align-items:center;gap:10px;border:1px solid var(--dgo-line);border-radius:13px;background:var(--dgo-paper-2);cursor:pointer}.dgo-service-option:has(input:checked){border-color:var(--dgo-ink);background:var(--dgo-ink);color:var(--dgo-paper)}.dgo-service-option input{accent-color:var(--dgo-bronze)}.dgo-service-option span{display:flex;flex-direction:column}.dgo-service-option b{font-size:10px}.dgo-service-option small{margin-top:4px;font-size:7px;color:var(--dgo-muted)}.dgo-service-option:has(input:checked) small{color:#a9a39d}.dgo-booking-note{display:grid;grid-template-columns:8px 1fr;gap:9px;align-items:start;margin:18px 0;padding:12px;border-radius:12px;background:var(--dgo-bronze-soft)}.dgo-booking-note i{width:7px;height:7px;margin-top:3px;border-radius:50%;background:var(--dgo-bronze)}.dgo-booking-note p{margin:0;font-size:8px;line-height:1.5;color:#79614f}.dgo-booking-card>footer{display:flex;justify-content:flex-end;padding-top:4px}.dgo-bookings-panel>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px;border-bottom:1px solid var(--dgo-line);background:var(--dgo-paper-2)}.dgo-bookings-panel>header h3{margin-bottom:0!important}.dgo-bookings-panel>header>span{font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--dgo-bronze)}.dgo-booking-list{display:flex;flex-direction:column}.dgo-booking-item{padding:16px 18px;border-bottom:1px solid var(--dgo-line)}.dgo-booking-item:last-child{border-bottom:0}.dgo-booking-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.dgo-booking-top strong{font:500 17px/1.1 Georgia,serif;color:var(--dgo-ink)}.dgo-booking-time{font-size:8px;font-weight:700;color:var(--dgo-bronze)}.dgo-booking-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}.dgo-booking-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:12px}.dgo-booking-bottom small{font-size:8px;color:var(--dgo-muted)}.dgo-booking-bottom strong{font-size:10px;color:var(--dgo-ink)}
.dgo-empty{min-height:210px;display:grid;place-items:center;align-content:center;text-align:center;padding:30px;border:1px dashed var(--dgo-line);border-radius:15px;background:var(--dgo-paper-2)}.dgo-empty h2{margin:0 0 7px!important;font:500 22px/1 Georgia,serif!important;color:var(--dgo-ink)!important}.dgo-empty p{max-width:470px;margin:0;font-size:9px;line-height:1.55;color:var(--dgo-muted)}
/* Hospitality Crew live shell: intentionally separate from normal Studio chrome. */
body:has(.dgo-live){margin:0!important;background:#f2f0eb!important}.dgo-live{min-height:100dvh;background:#f2f0eb;color:#1a1917;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.dgo-live-hero{min-height:250px;padding:28px clamp(18px,4vw,58px) 34px;display:grid;grid-template-columns:220px minmax(0,1fr) auto;gap:36px;align-items:end;background:#171717;color:#f2eee8;position:relative;overflow:hidden}.dgo-live-hero::after{content:"";position:absolute;right:8%;bottom:-165px;width:380px;height:380px;border:1px solid rgba(193,153,119,.16);border-radius:50%}.dgo-live-brand,.dgo-live-session,.dgo-live-identity{position:relative;z-index:1}.dgo-live-brand{display:flex;align-items:center;gap:11px;align-self:start}.dgo-live-monogram{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:#f1ede7;color:#171717;font:500 21px Georgia,serif}.dgo-live-brand div{display:flex;flex-direction:column}.dgo-live-brand p{margin:0;font:500 15px Georgia,serif}.dgo-live-brand small{margin-top:3px;font-size:7px;letter-spacing:.1em;text-transform:uppercase;color:#9a948e}.dgo-live-identity>p{margin:0 0 9px;font-size:8px;font-weight:750;letter-spacing:.16em;text-transform:uppercase;color:#bd9472}.dgo-live-identity h1{margin:0 0 9px;font:500 clamp(34px,4vw,58px)/.95 Georgia,serif;letter-spacing:-.035em;color:#fff}.dgo-live-identity>span{font-size:9px;color:#99938d}.dgo-live-session{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.dgo-live-session>span{display:inline-flex;align-items:center;gap:8px;min-height:29px;padding:0 10px;border:1px solid rgba(255,255,255,.13);border-radius:999px;font-size:7px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:#c7c0b9}.dgo-live-session i{width:6px;height:6px;border-radius:50%;background:#79a086;box-shadow:0 0 0 5px rgba(121,160,134,.1)}.dgo-live-session a{font-size:8px;color:#a49e97;text-decoration:none}.dgo-live-session a:hover{color:#fff}.dgo-live-body{max-width:1500px;margin:0 auto;padding:20px clamp(14px,3vw,38px) 34px}.dgo-live-nav{display:flex;gap:7px;overflow:auto;padding-bottom:4px;scrollbar-width:none}.dgo-live-nav::-webkit-scrollbar{display:none}.dgo-live-nav button{height:45px;min-width:max-content;display:flex;align-items:center;gap:8px;padding:0 14px;border:1px solid #dcd8d1;border-radius:12px;background:#fbfaf8;color:#77716a;font-size:9px;font-weight:650;box-shadow:none}.dgo-live-nav button span{font:650 7px ui-monospace,SFMono-Regular,Menlo,monospace;color:#b49b86}.dgo-live-nav button.is-active{background:#1a1917;color:#fff;border-color:#1a1917}.dgo-live-main{margin-top:14px;padding:19px;border:1px solid #dfdcd6;border-radius:19px;background:#fbfaf8;box-shadow:0 20px 48px rgba(36,31,25,.055)}.dgo-live-summary{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #dfdcd6;border-radius:15px;overflow:hidden}.dgo-live-summary>div{min-height:78px;padding:14px 16px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid #dfdcd6}.dgo-live-summary>div:first-child{border-left:0;background:#eee6de}.dgo-live-summary span{font-size:7px;font-weight:750;letter-spacing:.09em;text-transform:uppercase;color:#817b74}.dgo-live-summary strong{margin-top:7px;font:500 27px/1 Georgia,serif;color:#1a1917}.dgo-live-tools{display:flex;gap:8px;margin:13px 0}.dgo-live-tools label{flex:1;height:50px;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:4px;padding:0 13px;border:1px solid #ddd9d2;border-radius:13px;background:#f2f0eb;color:#8b857e}.dgo-live-tools label>span{font-size:19px}.dgo-live-tools input{height:46px;border:0;background:transparent;font-size:12px;color:#1a1917;outline:0}.dgo-live-tools button{height:50px;padding:0 17px;border:1px solid #1a1917;border-radius:13px;background:#1a1917;color:#fff;font-size:9px;font-weight:700}.dgo-live-content{display:grid;gap:8px}.dgo-live-row{display:grid;grid-template-columns:minmax(220px,1.5fr) 100px 100px minmax(210px,auto);gap:13px;align-items:center;padding:13px;border:1px solid #dfdcd6;border-radius:14px;background:#fff}.dgo-live-guest{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center}.dgo-live-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#eee5dd;border:1px solid #ddcdbf;font:650 11px Georgia,serif}.dgo-live-guest strong{display:block;font:500 15px Georgia,serif}.dgo-live-guest small{display:block;margin-top:3px;font-size:8px;color:#8b857e}.dgo-live-meta{font-size:8px;color:#716b64}.dgo-live-row-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.dgo-live-row button{min-height:38px;padding:0 12px;border:1px solid #d1ccc5;border-radius:999px;background:#fff;color:#1a1917;font-size:8px;font-weight:700}.dgo-live-row button.primary{background:#1a1917;color:#fff;border-color:#1a1917}.dgo-live-loading{min-height:200px;display:grid;place-items:center;color:#8a847d;font-size:10px}
html[data-dlwe-theme="dark"] .dgo-suite .dgo-feature-empty{background:linear-gradient(135deg,var(--dgo-paper),color-mix(in srgb,var(--dgo-bronze-soft) 17%,var(--dgo-paper)))}html[data-dlwe-theme="dark"] .dgo-status.is-confirmed,html[data-dlwe-theme="dark"] .dgo-status.is-paid{background:#203027;border-color:#30483a;color:#a7c7b5}html[data-dlwe-theme="dark"] .dgo-status.is-declined{background:#342126;border-color:#503039;color:#d9a3ac}
@media(max-width:1260px){.dgo-shell{grid-template-columns:205px minmax(0,1fr)}.dgo-ledger{grid-template-columns:repeat(4,1fr)}.dgo-stat:nth-child(5){border-left:0}.dgo-stat:nth-child(n+5){border-top:1px solid var(--dgo-line)}.dgo-focus-grid{grid-template-columns:repeat(3,1fr)}.dgo-service-layout{grid-template-columns:1fr}.dgo-live-hero{grid-template-columns:180px 1fr auto}}
@media(max-width:980px){.dgo-hero{grid-template-columns:1fr;min-height:0}.dgo-hero-side{grid-template-columns:1fr auto}.dgo-shell{grid-template-columns:1fr}.dgo-index{position:static;padding:10px 11px}.dgo-index-head,.dgo-index-foot,.dgo-index-group>p{display:none}.dgo-index-nav{padding:0;display:flex;overflow:auto;gap:6px;scrollbar-width:none}.dgo-index-nav::-webkit-scrollbar{display:none}.dgo-index-group{display:flex;padding:0;gap:6px}.dgo-index-button{min-width:max-content!important;min-height:40px!important;grid-template-columns:20px auto!important;padding:0 12px!important;border:1px solid var(--dgo-line)!important}.dgo-index-button.is-active::after{display:none}.dgo-overview-grid{grid-template-columns:1fr}.dgo-focus-grid{grid-template-columns:repeat(3,1fr)}.dgo-form-section{grid-template-columns:1fr}.dgo-live-hero{grid-template-columns:1fr auto;min-height:0;align-items:start}.dgo-live-brand{grid-column:1}.dgo-live-session{grid-column:2;grid-row:1}.dgo-live-identity{grid-column:1/-1}.dgo-live-row{grid-template-columns:minmax(180px,1fr) 90px minmax(190px,auto)}.dgo-live-row>.dgo-live-meta:nth-child(3){display:none}}
@media(max-width:680px){.dgo-hero{padding:26px 22px;border-radius:19px}.dgo-hero h1{font-size:45px!important}.dgo-hero-side{grid-template-columns:1fr}.dgo-stage{padding:17px;border-radius:17px}.dgo-stage-head,.dgo-section-head{align-items:flex-start;flex-direction:column}.dgo-stage-actions{width:100%}.dgo-stage-actions button,.dgo-section-head>button{flex:1}.dgo-ledger{grid-template-columns:repeat(2,1fr)}.dgo-stat{border-top:1px solid var(--dgo-line)}.dgo-stat:nth-child(-n+2){border-top:0}.dgo-stat:nth-child(odd){border-left:0}.dgo-overview-notes,.dgo-form-grid,.dgo-service-grid{grid-template-columns:1fr}.dgo-focus-grid{grid-template-columns:repeat(2,1fr)}.dgo-command-card{min-height:300px;padding:22px}.dgo-search-wrap{min-width:0;width:100%}.dgo-toolbar{align-items:flex-start;flex-direction:column}.dgo-feature-empty{grid-template-columns:1fr;padding:28px;justify-items:start}.dgo-feature-number{width:84px;height:84px;font-size:27px}.dgo-form-section{padding:19px}.dgo-form-footer{align-items:flex-start;flex-direction:column}.dgo-form-footer .dgo-primary{width:100%}.dgo-live-hero{padding:22px 18px 27px}.dgo-live-session>span{display:none}.dgo-live-identity h1{font-size:34px}.dgo-live-main{padding:13px}.dgo-live-summary{grid-template-columns:repeat(2,1fr)}.dgo-live-summary>div:nth-child(3){border-left:0;border-top:1px solid #dfdcd6}.dgo-live-summary>div:nth-child(4){border-top:1px solid #dfdcd6}.dgo-live-tools{align-items:stretch;flex-direction:column}.dgo-live-tools button{width:100%}.dgo-live-row{grid-template-columns:1fr}.dgo-live-row>.dgo-live-meta{display:none}.dgo-live-row-actions{justify-content:stretch}.dgo-live-row-actions button{flex:1}.dgo-live-body{padding-inline:10px}}
@media(max-width:430px){.dgo-kicker-row{align-items:flex-start;flex-direction:column;gap:8px}.dgo-private-chip{display:none}.dgo-stage-head h2,.dgo-section-head h2{font-size:25px!important}.dgo-ledger{grid-template-columns:repeat(2,1fr)}.dgo-stat{border-top:1px solid var(--dgo-line)!important}.dgo-stat:nth-child(-n+2){border-top:0!important}.dgo-stat:nth-child(odd){border-left:0!important}.dgo-stat:last-child{grid-column:1/-1}.dgo-focus-grid{grid-template-columns:repeat(2,1fr)}.dgo-focus-grid button:last-child{grid-column:1/-1}.dgo-command-actions button{flex:1}.dgo-live-brand small{display:none}}
@media(prefers-reduced-motion:reduce){.dgo-view,.dgo-primary,.dgo-focus-grid button,.dgo-progress i{animation:none!important;transition:none!important}}

/* v8.29.0 official Dated Concierge handoff identity. */
.dgo-hero-link img{width:24px;height:24px;object-fit:contain;margin-right:9px;flex:none}.dgo-hero-link span{display:flex;align-items:center}
/* v8.29.1 — installed-runtime refinement */
.dlwe-panel.dgo-suite .dgo-hero h1{color:#fff!important;opacity:1!important;text-shadow:none!important}.dlwe-panel.dgo-suite .dgo-hero-copy>p:last-child{color:#b8b1aa!important;opacity:1!important}.dlwe-panel.dgo-suite .dgo-hero .dgo-kicker{color:#c9a584!important}.dgo-no-wedding{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;margin:18px 0 0;padding:24px 26px;border:1px solid var(--dgo-line);border-radius:16px;background:linear-gradient(135deg,#fbf8f3,#f4eee7)}.dgo-no-wedding[hidden]{display:none!important}.dgo-no-wedding-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#171717;color:#fff;font:500 23px/1 Georgia,serif}.dgo-no-wedding h2{margin:5px 0 5px!important;font:500 25px/1.08 Georgia,"Times New Roman",serif!important;color:var(--dgo-ink)!important}.dgo-no-wedding p:last-child{margin:0;color:var(--dgo-muted);font-size:11px;line-height:1.55}.dgo-no-wedding>a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px;border:1px solid var(--dgo-line-strong);border-radius:999px;color:var(--dgo-ink);font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.dgo-suite.is-no-wedding .dgo-ledger,.dgo-suite.is-no-wedding .dgo-view{display:none!important}.dgo-suite.is-no-wedding .dgo-stage{min-height:330px}.dgo-suite.is-no-wedding .dgo-stage-actions [data-dgo-goto]{opacity:.45;pointer-events:none}.dgo-suite.is-no-wedding #dgo-import{opacity:.45;pointer-events:none}
.dgo-import-open{overflow:hidden}.dgo-import-modal{position:fixed;inset:0;z-index:2147482600;display:grid;place-items:center;padding:22px}.dgo-import-backdrop{position:absolute;inset:0;background:rgba(16,15,14,.58);backdrop-filter:blur(6px)}.dgo-import-card{position:relative;z-index:1;width:min(760px,100%);max-height:min(760px,90vh);overflow:auto;padding:28px;border:1px solid #ded7cf;border-radius:22px;background:#fbf8f3;box-shadow:0 30px 90px rgba(0,0,0,.24)}.dgo-import-card>header h2{margin:6px 0 6px!important;font:500 32px/1.05 Georgia,"Times New Roman",serif!important}.dgo-import-card>header>p:last-child{margin:0 0 22px;color:#746d66;font-size:12px}.dgo-import-close{position:absolute;right:18px;top:15px;width:34px;height:34px;border:0;background:transparent;font-size:26px;cursor:pointer}.dgo-import-template{display:flex;align-items:center;gap:12px;margin:16px 0}.dgo-import-template>span{font-size:10px;color:#746d66}.dgo-import-preview{margin-top:14px}.dgo-import-status,.dgo-import-summary,.dgo-import-errors{padding:13px 15px;border:1px solid #ddd6cd;border-radius:12px;background:#fff}.dgo-import-summary{display:flex;justify-content:space-between;gap:12px}.dgo-import-summary span{color:#746d66;font-size:11px}.dgo-import-errors{margin-top:10px;border-color:#ead3cf;background:#fff5f2;color:#8a3b34}.dgo-import-errors p{margin:4px 0;font-size:11px}.dgo-import-confirm{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.dgo-import-confirm select{min-height:40px;border:1px solid #d9d1c8;border-radius:999px;padding:0 13px;background:#fff}.dgo-import-card>footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:18px;border-top:1px solid #e1dad2}
@media(max-width:680px){.dgo-no-wedding{grid-template-columns:1fr;justify-items:start}.dgo-import-card{padding:22px 18px}.dgo-import-confirm,.dgo-import-card>footer{align-items:stretch;flex-direction:column}.dgo-import-confirm select,.dgo-import-confirm button,.dgo-import-card>footer button{width:100%}.dgo-stage-actions{flex-wrap:wrap}.dgo-stage-actions #dgo-import{flex-basis:100%}}
.dgo-crew-scopes{margin:18px 0;padding:16px;border:1px solid #ddd6cd;border-radius:14px;background:#fff}.dgo-crew-scopes>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px;margin-top:12px}.dgo-crew-scopes label{display:flex;align-items:center;gap:8px;font-size:11px;color:#413c37}.dgo-crew-scopes input{accent-color:#171717}
@media(max-width:560px){.dgo-crew-scopes>div{grid-template-columns:1fr}}


/* v8.29.2 installed-runtime authority + zero-wedding refinement */
.dlwe-panel.dgo-suite .dgo-hero,
.dlwe-panel.dgo-suite .dgo-hero *{box-sizing:border-box}
.dlwe-panel.dgo-suite .dgo-hero h1{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  text-shadow:none!important;
}
.dlwe-panel.dgo-suite .dgo-hero-copy>p:last-child{
  color:#c1bbb4!important;
  -webkit-text-fill-color:#c1bbb4!important;
  opacity:1!important;
  filter:none!important;
}
.dlwe-panel.dgo-suite .dgo-hero .dgo-kicker{
  color:#d1a985!important;
  -webkit-text-fill-color:#d1a985!important;
  opacity:1!important;
}
.dgo-suite:not([data-dgo-ready="1"]) .dgo-ledger,
.dgo-suite:not([data-dgo-ready="1"]) .dgo-view{visibility:hidden}
.dgo-suite.is-no-wedding .dgo-shell{
  grid-template-columns:minmax(0,1fr)!important;
  max-width:1180px;
  margin-inline:auto;
}
.dgo-suite.is-no-wedding .dgo-index{display:none!important}
.dgo-suite.is-no-wedding .dgo-stage{
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.dgo-suite.is-no-wedding .dgo-stage-head,
.dgo-suite.is-no-wedding .dgo-ledger,
.dgo-suite.is-no-wedding .dgo-view{display:none!important}
.dgo-suite.is-no-wedding .dgo-no-wedding{
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr) auto;
  min-height:310px;
  align-items:center;
  gap:30px;
  margin:0;
  padding:52px clamp(30px,5vw,68px);
  border:1px solid #ded8cf;
  border-radius:24px;
  background:
    radial-gradient(circle at 86% 22%,rgba(186,145,108,.10),transparent 29%),
    linear-gradient(135deg,#fcfaf7 0%,#f5efe8 100%);
  box-shadow:0 20px 56px rgba(31,25,20,.05);
}
.dgo-suite.is-no-wedding .dgo-no-wedding-mark{
  width:72px;height:72px;border-radius:22px;
  background:#171717;
  color:#d1a985;
  font-size:30px;
  box-shadow:0 12px 28px rgba(23,23,23,.12);
}
.dgo-suite.is-no-wedding .dgo-no-wedding .dgo-card-kicker{font-size:9px!important}
.dgo-suite.is-no-wedding .dgo-no-wedding h2{
  max-width:620px;
  margin:10px 0 9px!important;
  font:500 clamp(30px,3.1vw,44px)/1.02 Georgia,"Times New Roman",serif!important;
  letter-spacing:-.025em!important;
}
.dgo-suite.is-no-wedding .dgo-no-wedding p:last-child{
  max-width:720px;
  font-size:13px!important;
  line-height:1.65!important;
}
.dgo-suite.is-no-wedding .dgo-no-wedding>a{
  min-height:46px;
  padding:0 20px;
  border-color:#171717;
  background:#171717;
  color:#fff;
}
.dgo-suite.is-no-wedding .dgo-no-wedding>a:hover{background:#2a2927;color:#fff}
@media(max-width:760px){
  .dgo-suite.is-no-wedding .dgo-no-wedding{
    grid-template-columns:1fr;
    min-height:0;
    padding:34px 26px;
  }
  .dgo-suite.is-no-wedding .dgo-no-wedding>a{width:max-content}
}


/* v8.29.3 — final Studio Guest Operations management refinement. */
.dgo-stage-actions #dgo-import{min-width:122px}.dgo-stage-actions{gap:7px}
.dgo-suite[data-dgo-ready="1"]:not(.is-no-wedding) .dgo-stage-head{padding-bottom:18px;border-bottom:1px solid var(--dgo-line)}
.dgo-suite[data-dgo-ready="1"]:not(.is-no-wedding) .dgo-ledger{margin-top:16px}
.dgo-suite.is-no-wedding .dgo-hero-side [data-dlwe-section="wedding-command-centre"]{display:none!important}
.dgo-suite.is-no-wedding .dgo-hero-side{align-self:center}
.dgo-suite.is-no-wedding .dgo-hero{min-height:238px}
.dgo-suite.is-no-wedding .dgo-no-wedding{min-height:350px}
.dgo-suite.is-no-wedding .dgo-no-wedding:after{content:"Guest Master · RSVP · Travel · Rooms · Check-In · Guest Services";grid-column:2;align-self:start;color:#9a9188;font-size:9px;letter-spacing:.03em}
@media(max-width:760px){.dgo-suite.is-no-wedding .dgo-no-wedding:after{grid-column:1}.dgo-stage-actions #dgo-import{min-width:0}}

/* ===== dated-studio-unified-v8299.css ===== */
/* Dated Studio v8.29.9 — unified module shell, no blocking loaders, retained-view transitions */
body.dlwe-native-app-staff .dlwe-studio-qortrade{
  --dsu-ink:#181512;--dsu-copy:#5d5751;--dsu-muted:#92877d;--dsu-line:#e5dbce;--dsu-line-soft:#eee7de;
  --dsu-paper:#fffdf9;--dsu-wash:#f7f2eb;--dsu-wash-2:#fbf8f4;--dsu-gold:#b78545;--dsu-shadow:0 14px 42px rgba(62,46,31,.045);
  --dsu-transition-ms:150ms;
}

/* Native Closure v10.0.9: historical outgoing-panel transition authority retired. */
/* Initial route: a plain, quiet Studio canvas only. Never draw fake skeleton cards. */
body.dlwe-native-app-staff .dlwe-studio-qortrade[data-dsu-booting="1"] .dlwe-main>.dlwe-panel.is-active{
  opacity:0!important;
  pointer-events:none!important;
}
body.dlwe-native-app-staff .dlwe-studio-qortrade[data-dsu-booting="1"] .dlwe-main::after{
  content:"";
  position:absolute;
  z-index:60;
  inset:0 0 auto 0;
  min-height:300px;
  border:0;
  border-radius:0;
  background:var(--dsq-bg,var(--dsu-wash));
  box-shadow:none;
  pointer-events:none;
}

/* Historical blocking loaders remain semantically present for the native JS, but are not visible. */
body.dlwe-native-app-staff .dlwe-studio-qortrade :is(.dlwe-form-loading,.dsw-loading,.dc-loading){
  display:none!important;
}

/* A tiny local activity line is the only visible loading treatment during an in-place refresh. */
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel.is-active{
  position:relative;
}
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel.is-active:has(.dlwe-form-loading:not([hidden]),.dsw-loading:not([hidden]),.dc-loading:not([hidden]))::before{
  content:"";
  position:absolute;
  z-index:12;
  left:0;
  top:0;
  width:100%;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent 0%,#b78545 42%,#181512 58%,transparent 100%);
  background-size:220% 100%;
  animation:dsuLocalProgress 1.1s linear infinite;
  pointer-events:none;
}
@keyframes dsuLocalProgress{from{background-position:100% 0}to{background-position:-120% 0}}

/* One content rhythm for all normal Studio modules. */
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel:not([data-dlwe-panel="dashboard"]):not([data-dlwe-panel="guest-operations"]){
  width:100%!important;
  max-width:1540px!important;
}
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel:not([data-dlwe-panel="dashboard"]):not([data-dlwe-panel="guest-operations"]) > :is(.dlwe-table-card,.dlwe-form-card,.dlwe-form-section,.dlwe-task-editor,.dlwe-client-editor){
  margin-bottom:18px!important;
}

/* Shared form/readability layer — aligned with the accepted People module. */
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel :is(.dlwe-field-label,.dlwe-form-field>label,.dlwe-filter-field>label,.dlwe-field>label){
  color:#75695e!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea){
  border-color:#e1d7ca!important;
  box-shadow:none!important;
}
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select){
  min-height:44px;
}

/* Shared editorial headers — People is now the Studio-wide benchmark. */
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel:not([data-dlwe-panel="dashboard"]):not([data-dlwe-panel="guest-operations"])>.dlwe-portal-header,
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel:not([data-dlwe-panel="dashboard"]):not([data-dlwe-panel="guest-operations"])>.dlwe-panel-header{
  padding:30px 0 24px!important;margin-bottom:20px!important;border-bottom:1px solid var(--dsu-line)!important;align-items:end!important;gap:24px!important;background:transparent!important;
}
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel:not([data-dlwe-panel="dashboard"]):not([data-dlwe-panel="guest-operations"])>.dlwe-portal-header h1,
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel:not([data-dlwe-panel="dashboard"]):not([data-dlwe-panel="guest-operations"])>.dlwe-panel-header h1{
  margin:5px 0 6px!important;font-family:var(--dlwe-serif,Georgia,serif)!important;font-size:clamp(38px,4vw,56px)!important;font-weight:400!important;line-height:1.02!important;letter-spacing:-.035em!important;color:var(--dsu-ink)!important;
}
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel>.dlwe-portal-header .dlwe-eyebrow,
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel>.dlwe-panel-header .dlwe-eyebrow{
  color:#8e7252!important;font-size:9px!important;font-weight:800!important;letter-spacing:.15em!important;text-transform:uppercase!important;
}
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel>.dlwe-portal-header .dlwe-muted,
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel>.dlwe-panel-header .dlwe-muted{
  max-width:760px!important;margin:0!important;color:var(--dsu-copy)!important;font-size:14px!important;line-height:1.58!important;
}
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel>.dlwe-portal-header .dlwe-header-actions,
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel>.dlwe-panel-header .dlwe-header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;flex-wrap:wrap!important;}
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel>.dlwe-portal-header [data-dlwe-section="dashboard"],
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel>.dlwe-panel-header [data-dlwe-section="dashboard"]{display:none!important;}

/* One action language everywhere. */
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel :is(.dlwe-primary-button,.dlwe-secondary-button,.dlwe-compact-button){border-radius:999px!important;min-height:41px!important;padding:0 17px!important;font-size:10px!important;font-weight:760!important;letter-spacing:.06em!important;text-transform:uppercase!important;box-shadow:none!important;}
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel .dlwe-primary-button{background:#171513!important;border-color:#171513!important;color:#fff!important;}
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel .dlwe-secondary-button{background:#fffdf9!important;border-color:#ddd1c2!important;color:#332c26!important;}

/* Continuous metric ledgers, matching People instead of floating old cards. */
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel :is(.dlwe-task-summary,.dlwe-client-summary,.dlwe-history-summary){
  display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:0!important;margin:0 0 18px!important;border:1px solid var(--dsu-line)!important;border-radius:18px!important;overflow:hidden!important;background:var(--dsu-paper)!important;box-shadow:var(--dsu-shadow)!important;
}
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel :is(.dlwe-task-summary,.dlwe-client-summary,.dlwe-history-summary)>.dlwe-task-summary-card{
  min-height:108px!important;padding:18px 20px!important;border:0!important;border-right:1px solid var(--dsu-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel :is(.dlwe-task-summary,.dlwe-client-summary,.dlwe-history-summary)>.dlwe-task-summary-card:last-child{border-right:0!important;}
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-task-summary-card>span{font-size:8.5px!important;font-weight:800!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#8f7a62!important;}
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-task-summary-card>strong{font-family:var(--dlwe-serif,Georgia,serif)!important;font-size:32px!important;font-weight:400!important;color:var(--dsu-ink)!important;}
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-task-summary-card>small{font-size:10.5px!important;color:var(--dsu-muted)!important;}

/* Toolbars as quiet control desks. */
body.dlwe-native-app-staff .dlwe-studio-qortrade :is(
 .dlwe-client-toolbar,.dlwe-approval-toolbar,.dlwe-budget-report-toolbar,.dlwe-calendar-toolbar,.dlwe-client-approval-dashboard-toolbar,
 .dlwe-collection-filter-toolbar,.dlwe-command-toolbar,.dlwe-communication-history-toolbar,.dlwe-document-toolbar,.dlwe-expense-history-toolbar,
 .dlwe-hr-payroll-toolbar,.dlwe-meeting-notes-toolbar,.dlwe-native-timeline-toolbar,.dlwe-roster-toolbar,.dlwe-task-dashboard-toolbar,.dlwe-task-toolbar,
 .dlwe-template-editor-toolbar,.dlwe-timeline-toolbar,.dlwe-vendor-toolbar,.dlwe-wedding-toolbar
){
  padding:13px!important;margin:0 0 16px!important;border:1px solid var(--dsu-line)!important;border-radius:17px!important;background:var(--dsu-paper)!important;box-shadow:0 9px 30px rgba(62,46,31,.035)!important;gap:8px!important;
}
body.dlwe-native-app-staff .dlwe-studio-qortrade :is(
 .dlwe-client-toolbar,.dlwe-approval-toolbar,.dlwe-budget-report-toolbar,.dlwe-client-approval-dashboard-toolbar,.dlwe-collection-filter-toolbar,
 .dlwe-communication-history-toolbar,.dlwe-document-toolbar,.dlwe-expense-history-toolbar,.dlwe-meeting-notes-toolbar,.dlwe-roster-toolbar,.dlwe-task-dashboard-toolbar,.dlwe-task-toolbar,.dlwe-vendor-toolbar,.dlwe-wedding-toolbar
) :is(input:not([type="checkbox"]):not([type="radio"]),select){min-height:46px!important;border-radius:11px!important;border:1px solid #e1d7ca!important;background:var(--dsu-wash-2)!important;color:#352f2a!important;font-size:12px!important;box-shadow:none!important;}

/* Paper sections + table ledgers. */
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel :is(.dlwe-form-section,.dlwe-form-card,.dlwe-table-card,.dlwe-task-editor,.dlwe-client-editor){border:1px solid var(--dsu-line)!important;border-radius:18px!important;background:var(--dsu-paper)!important;box-shadow:var(--dsu-shadow)!important;}
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel .dlwe-table-card{overflow:hidden!important;}
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel .dlwe-section-title-row{padding:18px 20px 14px!important;margin:0!important;border-bottom:1px solid var(--dsu-line-soft)!important;}
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel .dlwe-section-title-row h2{font-family:var(--dlwe-serif,Georgia,serif)!important;font-size:27px!important;font-weight:400!important;letter-spacing:-.025em!important;color:var(--dsu-ink)!important;}
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-table-wrap{overflow-x:auto!important;}
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-data-table{border-collapse:separate!important;border-spacing:0!important;background:transparent!important;}
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-data-table thead th{padding:12px 14px!important;background:#f7f2eb!important;border:0!important;border-bottom:1px solid var(--dsu-line)!important;color:#877769!important;font-size:8.5px!important;font-weight:800!important;letter-spacing:.11em!important;text-transform:uppercase!important;}
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-data-table tbody td{padding:14px!important;border:0!important;border-bottom:1px solid var(--dsu-line-soft)!important;background:transparent!important;color:#403932!important;font-size:11.5px!important;vertical-align:middle!important;}
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-data-table tbody tr:last-child td{border-bottom:0!important;}
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-data-table tbody tr:hover td{background:#fcf8f2!important;}

/* Empty states should look intentional, never like dead spreadsheet space. */
body.dlwe-native-app-staff .dlwe-studio-qortrade :is(.dlwe-empty-state,.dsm-empty-state,.dlwe-empty-cell){color:var(--dsu-muted)!important;}
body.dlwe-native-app-staff .dlwe-studio-qortrade .dsm-empty-state{min-height:220px!important;padding:32px!important;border:0!important;background:transparent!important;display:grid!important;place-items:center!important;align-content:center!important;text-align:center!important;}
body.dlwe-native-app-staff .dlwe-studio-qortrade .dsm-empty-state h2{font-family:var(--dlwe-serif,Georgia,serif)!important;font-size:29px!important;font-weight:400!important;color:var(--dsu-ink)!important;}

/* Clients: dedicated People-quality portfolio directory. Native table remains in DOM as fail-safe only. */
body.dlwe-native-app-staff [data-dlwe-panel="clients"]{--client-gold:#b78545;}
body.dlwe-native-app-staff [data-dlwe-panel="clients"] #dlwe-client-list-view[data-dsu-client-cards="1"] .dlwe-table-wrap{display:none!important;}
body.dlwe-native-app-staff .dsu-client-directory{display:grid;gap:10px;padding:14px 0 2px;}
body.dlwe-native-app-staff .dsu-client-card{display:grid;grid-template-columns:minmax(280px,1.2fr) minmax(500px,1.65fr) auto;align-items:center;gap:20px;padding:17px 18px;border:1px solid var(--dsu-line);border-radius:16px;background:var(--dsu-paper);box-shadow:0 9px 28px rgba(65,48,30,.035);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;}
body.dlwe-native-app-staff .dsu-client-card:hover{transform:translateY(-1px);border-color:#d7c4aa;box-shadow:0 14px 34px rgba(65,48,30,.06);}
body.dlwe-native-app-staff .dsu-client-main{display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:13px;min-width:0;}
body.dlwe-native-app-staff .dsu-client-monogram{display:grid;place-items:center;width:50px;height:50px;border:1px solid #decaa9;border-radius:50%;background:#fbf4ea;color:#9c6c34;font-family:var(--dlwe-serif,Georgia,serif);font-size:19px;}
body.dlwe-native-app-staff .dsu-client-title{min-width:0;}
body.dlwe-native-app-staff .dsu-client-title h3{margin:0 0 4px;font-family:var(--dlwe-serif,Georgia,serif);font-size:21px;font-weight:500;color:var(--dsu-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.dlwe-native-app-staff .dsu-client-title p{margin:0;font-size:10.5px;color:var(--dsu-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.dlwe-native-app-staff .dsu-client-status{display:inline-flex;margin-top:6px;padding:4px 8px;border-radius:999px;background:#f2eadf;color:#72583d;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
body.dlwe-native-app-staff .dsu-client-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid #eee5da;border-radius:12px;overflow:hidden;background:#eee5da;}
body.dlwe-native-app-staff .dsu-client-meta>span{display:grid;gap:4px;min-width:0;padding:10px 11px;background:#fcfaf7;color:#9b8e82;font-size:7.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;}
body.dlwe-native-app-staff .dsu-client-meta strong{font-size:10.5px;line-height:1.35;color:#4d443c;text-transform:none;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.dlwe-native-app-staff .dsu-client-side{display:flex;align-items:center;justify-content:flex-end;gap:7px;}
body.dlwe-native-app-staff .dsu-client-side button{min-height:36px;padding:0 12px;border:1px solid #ddd0c0;border-radius:999px;background:#fffdf9;color:#41372f;font-size:8.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;}
body.dlwe-native-app-staff .dsu-client-side button.is-primary{background:#171513;border-color:#171513;color:#fff;}
body.dlwe-native-app-staff .dsu-client-empty{display:grid;place-items:center;min-height:230px;padding:32px;text-align:center;border:1px solid var(--dsu-line);border-radius:17px;background:var(--dsu-paper);}
body.dlwe-native-app-staff .dsu-client-empty strong{font-family:var(--dlwe-serif,Georgia,serif);font-size:28px;font-weight:400;color:var(--dsu-ink);}
body.dlwe-native-app-staff .dsu-client-empty p{margin:5px 0 0;font-size:11px;color:var(--dsu-muted);}

/* Dark mode */
html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dlwe-studio-qortrade{--dsu-ink:#f2ebe5;--dsu-copy:#cfc2b8;--dsu-muted:#a99a8f;--dsu-line:#443832;--dsu-line-soft:#342d29;--dsu-paper:#1b1816;--dsu-wash:#151311;--dsu-wash-2:#211d1a;}
html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-form-loading:not([hidden]),
html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dlwe-studio-qortrade .dsw-loading,
html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dsu-client-card{background:#1b1816!important;border-color:#443832!important;}
html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dsu-client-meta{background:#3b312c;border-color:#3b312c;}html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dsu-client-meta>span{background:#211d1a;}html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dsu-client-title h3,html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dsu-client-meta strong{color:#eee5df;}

@media(max-width:1180px){body.dlwe-native-app-staff .dsu-client-card{grid-template-columns:minmax(250px,1fr) minmax(420px,1.4fr) auto;gap:13px;}body.dlwe-native-app-staff .dsu-client-meta{grid-template-columns:repeat(2,1fr);}}
@media(max-width:900px){body.dlwe-native-app-staff .dsu-client-card{grid-template-columns:1fr auto;}body.dlwe-native-app-staff .dsu-client-meta{grid-column:1/-1;}body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel:not([data-dlwe-panel="dashboard"]):not([data-dlwe-panel="guest-operations"])>.dlwe-portal-header{align-items:flex-start!important;}}
@media(max-width:620px){body.dlwe-native-app-staff .dsu-client-card{grid-template-columns:1fr;}body.dlwe-native-app-staff .dsu-client-meta{grid-template-columns:1fr;}body.dlwe-native-app-staff .dsu-client-side{justify-content:flex-start;flex-wrap:wrap;}body.dlwe-native-app-staff .dlwe-studio-qortrade[data-dsu-booting="1"] .dlwe-main::after{min-height:300px;}body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel:not([data-dlwe-panel="dashboard"]):not([data-dlwe-panel="guest-operations"])>.dlwe-portal-header h1{font-size:38px!important;}}

@media(max-width:760px){
  body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel>.dlwe-portal-header,
  body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel>.dlwe-panel-header{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:16px!important;}
  body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel>.dlwe-portal-header .dlwe-header-actions,
  body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel>.dlwe-panel-header .dlwe-header-actions{width:100%!important;justify-content:flex-start!important;}
  body.dlwe-native-app-staff .dlwe-studio-qortrade :is(.dlwe-task-toolbar,.dlwe-client-toolbar,.dlwe-approval-toolbar,.dlwe-budget-report-toolbar,.dlwe-calendar-toolbar,.dlwe-client-approval-dashboard-toolbar,.dlwe-collection-filter-toolbar,.dlwe-command-toolbar,.dlwe-communication-history-toolbar,.dlwe-document-toolbar,.dlwe-expense-history-toolbar,.dlwe-hr-payroll-toolbar,.dlwe-meeting-notes-toolbar,.dlwe-native-timeline-toolbar,.dlwe-roster-toolbar,.dlwe-template-editor-toolbar,.dlwe-timeline-toolbar,.dlwe-vendor-toolbar,.dlwe-wedding-toolbar){grid-template-columns:1fr!important;display:grid!important;}
  body.dlwe-native-app-staff .dlwe-studio-qortrade :is(.dlwe-task-toolbar,.dlwe-client-toolbar,.dlwe-approval-toolbar,.dlwe-budget-report-toolbar,.dlwe-calendar-toolbar,.dlwe-client-approval-dashboard-toolbar,.dlwe-collection-filter-toolbar,.dlwe-command-toolbar,.dlwe-communication-history-toolbar,.dlwe-document-toolbar,.dlwe-expense-history-toolbar,.dlwe-hr-payroll-toolbar,.dlwe-meeting-notes-toolbar,.dlwe-native-timeline-toolbar,.dlwe-roster-toolbar,.dlwe-template-editor-toolbar,.dlwe-timeline-toolbar,.dlwe-vendor-toolbar,.dlwe-wedding-toolbar)>*{min-width:0!important;width:100%!important;max-width:100%!important;}
}
@media(prefers-reduced-motion:reduce){body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-form-loading:not([hidden])::after,body.dlwe-native-app-staff .dlwe-studio-qortrade .dsw-loading::after,body.dlwe-native-app-staff .dlwe-studio-qortrade[data-dsu-booting="1"] .dlwe-main::after{animation:none!important}.dsu-client-card{transition:none!important}}

/* v8.29.9 final authority over the retired v8.29.6 loader rules retained in older layers. */
body.dlwe-native-app-staff .dlwe-studio-qortrade :is(.dlwe-form-loading,.dsw-loading,.dc-loading),
html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dlwe-studio-qortrade :is(.dlwe-form-loading,.dsw-loading,.dc-loading){display:none!important;animation:none!important;box-shadow:none!important;}
@media(max-width:620px){body.dlwe-native-app-staff .dlwe-studio-qortrade[data-dsu-booting="1"] .dlwe-main::after{min-height:240px;}}
@media(prefers-reduced-motion:reduce){
  body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-main,
  body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-main>.dlwe-panel{transition:none!important;}
  body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel.is-active:has(.dlwe-form-loading:not([hidden]),.dsw-loading:not([hidden]),.dc-loading:not([hidden]))::before{animation:none!important;}
}


/* Native Closure v10.0.9: cloned route snapshots and route-progress overlays are retired. */

/* v8.29.9 — Studio success feedback: luxury popup, never green badge/banner. */
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-alert-success:not([hidden]){
  position:fixed!important;
  top:92px!important;
  right:30px!important;
  left:auto!important;
  z-index:2147483200!important;
  width:min(430px,calc(100vw - 32px))!important;
  min-height:68px!important;
  margin:0!important;
  padding:16px 18px 16px 68px!important;
  display:flex!important;
  align-items:center!important;
  border:1px solid rgba(176,133,72,.30)!important;
  border-left:1px solid rgba(176,133,72,.30)!important;
  border-radius:17px!important;
  background:rgba(252,248,241,.96)!important;
  color:#2b211a!important;
  box-shadow:0 22px 60px rgba(53,39,27,.18)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  backdrop-filter:blur(18px)!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:1.4!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-alert-success:not([hidden])::before{
  content:'✓';
  position:absolute;
  left:16px;
  top:50%;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  transform:translateY(-50%);
  border-radius:50%;
  background:#171411;
  color:#d6ae73;
  font:600 16px/1 Arial,sans-serif;
}
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-alert-success:not([hidden]) a{
  color:#75552f!important;
  font-family:Arial,sans-serif!important;
  font-size:11px!important;
  font-weight:700!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}
html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-alert-success:not([hidden]){
  border-color:rgba(210,173,118,.24)!important;
  background:rgba(29,27,25,.96)!important;
  color:#f2ece3!important;
  box-shadow:0 24px 64px rgba(0,0,0,.34)!important;
}
@media(max-width:760px){
  body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-alert-success:not([hidden]){
    top:76px!important;
    right:16px!important;
    width:calc(100vw - 32px)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-alert-success:not([hidden]){transition:none!important;animation:none!important;}
}

/* v8.29.9 — auto-dismissing Studio action popup. */
.dlwe-studio-action-popup{
  position:fixed;
  right:30px;
  top:92px;
  z-index:2147483201;
  width:min(430px,calc(100vw - 32px));
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 32px;
  align-items:center;
  gap:12px;
  padding:14px 14px 14px 16px;
  border:1px solid rgba(176,133,72,.30);
  border-radius:17px;
  background:rgba(252,248,241,.96);
  box-shadow:0 22px 60px rgba(53,39,27,.18);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
  transform:translateY(-12px) scale(.98);
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease,transform .2s ease;
  color:#201914;
}
.dlwe-studio-action-popup.is-visible{opacity:1;transform:none;pointer-events:auto;}
.dlwe-studio-action-popup-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#171411;color:#d6ae73;font:600 16px/1 Arial,sans-serif;}
.dlwe-studio-action-popup-copy{display:grid;gap:3px;min-width:0;}
.dlwe-studio-action-popup-copy span{font:700 9px/1.2 Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#a07743;}
.dlwe-studio-action-popup-copy strong{font-family:Georgia,'Times New Roman',serif;font-size:15px;line-height:1.35;font-weight:400;color:#2b211a;overflow-wrap:anywhere;}
.dlwe-studio-action-popup-close{appearance:none;border:0;background:transparent;color:#827469;font-size:22px;line-height:1;cursor:pointer;padding:4px;}
html[data-dlwe-theme="dark"] .dlwe-studio-action-popup{border-color:rgba(210,173,118,.24);background:rgba(29,27,25,.96);box-shadow:0 24px 64px rgba(0,0,0,.34);color:#f2ece3;}
html[data-dlwe-theme="dark"] .dlwe-studio-action-popup-copy strong{color:#f2ece3;}
html[data-dlwe-theme="dark"] .dlwe-studio-action-popup-close{color:#a9a097;}
@media(max-width:760px){.dlwe-studio-action-popup{top:76px;right:16px;width:calc(100vw - 32px);}}
@media(prefers-reduced-motion:reduce){.dlwe-studio-action-popup{transition:none!important;}}

/* ===== dated-studio-color-authority-v8336.css ===== */
/* Dated Studio v8.33.6 — Fixed-Light Color Authority + Shell Reliability */
body.dlwe-native-app-staff{
  --ds-studio-paper:#fbf8f4;--ds-studio-paper-2:#f4efe9;--ds-studio-ink:#151312;--ds-studio-copy:#403b37;--ds-studio-muted:#746c65;--ds-studio-line:#e4dcd3;--ds-studio-line-strong:#cfc2b5;--ds-studio-gold:#9f7b57;--ds-studio-ui:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--ds-studio-display:"Book Antiqua","Palatino Linotype",Palatino,Georgia,serif;
  --ds-z-topbar:12000;--ds-z-popover:12100;--ds-z-drawer:12200;--ds-z-modal:13000;--ds-z-toast:14000;
}
body.dlwe-native-app-staff .dlwe-studio-qortrade{--dsq-surface:var(--ds-studio-paper);--dsq-surface-2:var(--ds-studio-paper-2);--dsq-ink:var(--ds-studio-ink);--dsq-copy:var(--ds-studio-copy);--dsq-muted:var(--ds-studio-muted);--dsq-line:var(--ds-studio-line);--dsq-bronze:var(--ds-studio-gold);}

/* Global shell is always usable. Never trade function for scroll animation. */
body.dlwe-native-app-staff .dlwe-studio-qortrade .dsq-topbar,
body.dlwe-native-app-staff .dlwe-studio-qortrade .dsq-topbar.is-scrolled-away{
  position:fixed!important;top:10px!important;left:92px!important;right:16px!important;height:64px!important;
  display:grid!important;grid-template-columns:168px minmax(0,1fr) auto auto!important;align-items:center!important;gap:12px!important;
  padding:0 14px!important;margin:0!important;border:1px solid var(--ds-studio-line)!important;border-radius:16px!important;
  background:color-mix(in srgb,var(--ds-studio-paper) 96%,transparent)!important;color:var(--ds-studio-copy)!important;
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;z-index:var(--ds-z-topbar)!important;
  box-shadow:0 12px 32px rgba(26,21,17,.08)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
}
body.dlwe-native-app-staff .dlwe-studio-qortrade.dsq-rail-hidden .dsq-topbar{left:16px!important;}
body.dlwe-native-app-staff .dsq-topbar>*{min-width:0!important;pointer-events:auto!important;}
body.dlwe-native-app-staff .dsq-brand{width:168px!important;max-width:168px!important;overflow:hidden!important;}
body.dlwe-native-app-staff .dsq-brand img{max-width:160px!important;max-height:44px!important;object-fit:contain!important;object-position:left center!important;}

/* Navigation: no hidden horizontal scroll as a discovery mechanism. */
body.dlwe-native-app-staff .dsq-topnav{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;width:100%!important;max-width:100%!important;height:48px!important;overflow:visible!important;padding:0!important;}
body.dlwe-native-app-staff .dsq-topnav::after{display:none!important;}
body.dlwe-native-app-staff .dsq-topnav-item{height:38px!important;min-height:38px!important;padding:0 10px!important;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;white-space:nowrap!important;flex:0 0 auto!important;}
body.dlwe-native-app-staff .dsq-topnav-item strong{font:600 11.5px/1 var(--ds-studio-ui)!important;letter-spacing:0!important;color:var(--ds-studio-copy)!important;}
body.dlwe-native-app-staff .dsq-topnav-item:hover,body.dlwe-native-app-staff .dsq-topnav-item:focus-visible{border-color:var(--ds-studio-line-strong)!important;background:var(--ds-studio-paper-2)!important;color:var(--ds-studio-ink)!important;}
body.dlwe-native-app-staff .dsq-topnav-item.is-active{background:#111!important;border-color:#111!important;color:#fff!important;box-shadow:none!important;}
body.dlwe-native-app-staff .dsq-topnav-item.is-active strong{color:#fff!important;}

/* More is a first-class navigation control, not a utility afterthought. */
body.dlwe-native-app-staff .ds321-nav-more{display:none!important;position:relative!important;z-index:var(--ds-z-popover)!important;}
body.dlwe-native-app-staff .ds321-nav-more-button{height:38px!important;min-width:66px!important;padding:0 12px!important;border:1px solid var(--ds-studio-line-strong)!important;border-radius:10px!important;background:var(--ds-studio-paper)!important;color:var(--ds-studio-ink)!important;font:650 11.5px/1 var(--ds-studio-ui)!important;cursor:pointer!important;}
body.dlwe-native-app-staff .ds321-nav-more-menu{position:absolute!important;right:0!important;top:46px!important;width:230px!important;max-height:min(70vh,520px)!important;overflow:auto!important;padding:7px!important;border:1px solid var(--ds-studio-line-strong)!important;border-radius:12px!important;background:var(--ds-studio-paper)!important;box-shadow:0 18px 48px rgba(0,0,0,.18)!important;z-index:var(--ds-z-popover)!important;}
body.dlwe-native-app-staff .ds321-nav-more-menu[hidden]{display:none!important;}
body.dlwe-native-app-staff .ds321-nav-more-menu button{width:100%!important;min-height:42px!important;padding:9px 12px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--ds-studio-copy)!important;text-align:left!important;font:600 12.5px/1.2 var(--ds-studio-ui)!important;cursor:pointer!important;}
body.dlwe-native-app-staff .ds321-nav-more-menu button:hover,body.dlwe-native-app-staff .ds321-nav-more-menu button:focus-visible{background:var(--ds-studio-paper-2)!important;color:var(--ds-studio-ink)!important;}

/* Utility cluster remains operational, compact and above page overlays. */
body.dlwe-native-app-staff .dsq-utilities{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;position:relative!important;overflow:visible!important;z-index:var(--ds-z-topbar)!important;}
body.dlwe-native-app-staff .dsq-search-trigger,body.dlwe-native-app-staff .dsq-utility-icon{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;}
body.dlwe-native-app-staff .dsq-attendance{display:flex!important;align-items:center!important;justify-content:center!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;height:42px!important;min-height:42px!important;min-width:112px!important;max-width:128px!important;padding:0 12px!important;position:relative!important;z-index:var(--ds-z-topbar)!important;}
body.dlwe-native-app-staff .dsq-attendance strong{font-size:10.5px!important;white-space:nowrap!important;}
body.dlwe-native-app-staff .dsq-user{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;height:42px!important;min-height:42px!important;min-width:138px!important;max-width:170px!important;padding:3px 8px 3px 3px!important;position:relative!important;z-index:var(--ds-z-topbar)!important;}
body.dlwe-native-app-staff .dsq-user-avatar{width:34px!important;height:34px!important;flex:0 0 34px!important;}
body.dlwe-native-app-staff .dsq-user-copy{display:flex!important;max-width:104px!important;}
body.dlwe-native-app-staff .dsq-user-copy strong{font-size:10.5px!important;color:var(--ds-studio-ink)!important;}
body.dlwe-native-app-staff .dsq-user-copy small{font-size:9px!important;color:var(--ds-studio-muted)!important;}

/* Shell-owned dialogs/popovers. Hidden means non-interactive, always. */
body.dlwe-native-app-staff .dlwe-calendar-modal[hidden],body.dlwe-native-app-staff .dsq-command[hidden],body.dlwe-native-app-staff .dsq-rail-popover[hidden],body.dlwe-native-app-staff .dsq-settings-menu[hidden]{display:none!important;pointer-events:none!important;}
body.dlwe-native-app-staff .dlwe-calendar-modal{z-index:var(--ds-z-modal)!important;}
body.dlwe-native-app-staff .dsq-command{z-index:var(--ds-z-modal)!important;}
body.dlwe-native-app-staff .dsq-rail-popover,body.dlwe-native-app-staff .dsq-settings-menu,body.dlwe-native-app-staff .dsq-more-menu{z-index:var(--ds-z-popover)!important;background:var(--ds-studio-paper)!important;color:var(--ds-studio-copy)!important;border-color:var(--ds-studio-line-strong)!important;}
body.dlwe-native-app-staff .dlwe-studio-action-popup{z-index:var(--ds-z-toast)!important;}
body.dlwe-native-app-staff :is(.dsq-command-card,.dsq-rail-popover,.dsq-settings-menu,.dsq-more-menu,.dlwe-studio-action-popup) :is(h1,h2,h3,strong,label){color:var(--ds-studio-ink)!important;}
body.dlwe-native-app-staff :is(.dsq-command-card,.dsq-rail-popover,.dsq-settings-menu,.dsq-more-menu,.dlwe-studio-action-popup) :is(p,small,span){color:var(--ds-studio-copy)!important;}
body.dlwe-native-app-staff .dsq-command-input-row input{color:var(--ds-studio-ink)!important;background:var(--ds-studio-paper)!important;font-size:15px!important;}

body.dlwe-native-app-staff .dsq-rail-items{max-height:calc(100vh - 154px)!important;overflow-y:auto!important;overflow-x:visible!important;scrollbar-width:thin!important;overscroll-behavior:contain!important;}
body.dlwe-native-app-staff .dsq-rail-popover{max-height:min(72vh,620px)!important;overflow:auto!important;}
body.dlwe-native-app-staff :is(button,a,input,select,textarea):focus-visible{outline:2px solid color-mix(in srgb,var(--ds-studio-gold) 72%,transparent)!important;outline-offset:2px!important;}
html[lang^="vi"] body.dlwe-native-app-staff :is(h1,h2,h3,.dsq-topnav-item strong,.dsq-rail-popover-title){font-family:var(--ds-studio-ui)!important;}

/* Wide desktop: all areas can show, including Administration. */
@media(min-width:1501px){body.dlwe-native-app-staff .ds321-nav-more{display:none!important;}}

/* Normal laptop: keep six operational primaries + a visible More. */
@media(max-width:1500px){
 body.dlwe-native-app-staff .dlwe-studio-qortrade .dsq-topbar{left:82px!important;grid-template-columns:142px minmax(0,1fr) auto auto!important;gap:8px!important;padding-inline:10px!important;}
 body.dlwe-native-app-staff .dsq-brand{width:142px!important;max-width:142px!important;}body.dlwe-native-app-staff .dsq-brand img{max-width:136px!important;}
 body.dlwe-native-app-staff .dsq-topnav .dsq-topnav-item:nth-child(n+7){display:none!important;}
 body.dlwe-native-app-staff .ds321-nav-more{display:block!important;}
 body.dlwe-native-app-staff .dsq-user{min-width:46px!important;width:46px!important;padding:3px!important;}body.dlwe-native-app-staff .dsq-user-copy,body.dlwe-native-app-staff .dsq-user-chevron{display:none!important;}
}

/* Tablet / compact laptop: four primary modules + More, commands retained. */
@media(max-width:1120px){
 body.dlwe-native-app-staff .dlwe-studio-qortrade .dsq-topbar{left:72px!important;grid-template-columns:104px minmax(0,1fr) auto auto!important;}
 body.dlwe-native-app-staff .dsq-brand{width:104px!important;max-width:104px!important;}body.dlwe-native-app-staff .dsq-brand img{max-width:100px!important;}
 body.dlwe-native-app-staff .dsq-topnav .dsq-topnav-item:nth-child(n+5){display:none!important;}
 body.dlwe-native-app-staff .dsq-topnav-item{padding-inline:8px!important;}body.dlwe-native-app-staff .dsq-topnav-item strong{font-size:10.5px!important;}
 body.dlwe-native-app-staff .dsq-attendance{min-width:104px!important;max-width:110px!important;}
 body.dlwe-native-app-staff .dsq-ai{display:grid!important;}
}

/* Phone: explicit More is the navigation; do not hide Clock/Profile. */
@media(max-width:760px){
 body.dlwe-native-app-staff .dlwe-studio-qortrade .dsq-topbar{top:8px!important;left:8px!important;right:8px!important;height:58px!important;grid-template-columns:minmax(72px,1fr) auto auto!important;gap:6px!important;padding:0 8px!important;border-radius:14px!important;}
 body.dlwe-native-app-staff .dsq-topnav{display:none!important;}
 body.dlwe-native-app-staff .ds321-nav-more{display:block!important;}
 body.dlwe-native-app-staff .ds321-nav-more-button{min-width:58px!important;padding-inline:9px!important;}
 body.dlwe-native-app-staff .dsq-utilities{gap:4px!important;}
 body.dlwe-native-app-staff .dsq-search-trigger,body.dlwe-native-app-staff .dsq-utility-icon{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;}
 body.dlwe-native-app-staff .dsq-attendance{display:flex!important;min-width:88px!important;max-width:96px!important;height:40px!important;padding-inline:8px!important;}
 body.dlwe-native-app-staff .dsq-attendance strong{font-size:9.5px!important;}
 body.dlwe-native-app-staff .dsq-user{display:flex!important;width:40px!important;min-width:40px!important;height:40px!important;}
 body.dlwe-native-app-staff .dsq-user-avatar{width:34px!important;height:34px!important;flex-basis:34px!important;}
 body.dlwe-native-app-staff .dsq-ai{display:none!important;}
}
@media(max-width:520px){body.dlwe-native-app-staff .dsq-settings{display:none!important;}body.dlwe-native-app-staff .dsq-brand img{max-width:82px!important;}}


/* v8.32.2 — Single operational appearance + calmer laptop command bar */
html[data-dlwe-theme="dark"] body.dlwe-native-app-staff,
body.dlwe-native-app-staff{
  color-scheme:light!important;
  --ds-studio-canvas:#f7f3ed!important;
  --ds-studio-paper:#fffdf9!important;
  --ds-studio-paper-2:#f4eee6!important;
  --ds-studio-ink:#181512!important;
  --ds-studio-copy:#4b423c!important;
  --ds-studio-muted:#746c65!important;
  --ds-studio-gold:#906b4b!important;
  --ds-studio-line:rgba(70,55,47,.12)!important;
  --ds-studio-line-strong:rgba(70,55,47,.20)!important;
}
body.dlwe-native-app-staff [data-dlwe-theme-toggle],
body.dlwe-native-app-staff [data-dlwe-theme-choice],
body.dlwe-native-app-staff .dlwe-luxury-theme-toggle{display:none!important;}

/* Search must be one coherent light surface, never a split light/dark card. */
body.dlwe-native-app-staff .dsq-command,
body.dlwe-native-app-staff .dsq-command-card,
body.dlwe-native-app-staff .dsq-command-results,
body.dlwe-native-app-staff .dsq-command-list,
body.dlwe-native-app-staff .dsq-command-footer{
  background:#fffdf9!important;color:#4b423c!important;border-color:rgba(70,55,47,.14)!important;
}
body.dlwe-native-app-staff .dsq-command-card :is(h1,h2,h3,strong,label),
body.dlwe-native-app-staff .dsq-command-results :is(strong,b){color:#181512!important;}
body.dlwe-native-app-staff .dsq-command-card :is(p,small,span),
body.dlwe-native-app-staff .dsq-command-results :is(p,small,span){color:#6f645d!important;}
body.dlwe-native-app-staff .dsq-command-result:is(:hover,.is-active,[aria-selected="true"]){background:#f3ece4!important;color:#181512!important;}

/* Full-nine nav is reserved for genuinely wide desktop. Normal laptops use 6 + More. */
@media(min-width:1681px){body.dlwe-native-app-staff .ds321-nav-more{display:none!important;}body.dlwe-native-app-staff .dsq-topnav .dsq-topnav-item{display:flex!important;}}
@media(min-width:1281px) and (max-width:1680px){
 body.dlwe-native-app-staff .dlwe-studio-qortrade .dsq-topbar{left:88px!important;right:20px!important;grid-template-columns:154px minmax(0,1fr) auto auto!important;gap:10px!important;padding-inline:12px!important;}
 body.dlwe-native-app-staff .dsq-brand{width:154px!important;max-width:154px!important;}body.dlwe-native-app-staff .dsq-brand img{max-width:146px!important;}
 body.dlwe-native-app-staff .dsq-topnav{gap:4px!important;justify-content:center!important;overflow:visible!important;}
 body.dlwe-native-app-staff .dsq-topnav .dsq-topnav-item{min-width:0!important;padding:0 11px!important;}
 body.dlwe-native-app-staff .dsq-topnav .dsq-topnav-item:nth-child(n+7){display:none!important;}
 body.dlwe-native-app-staff .ds321-nav-more{display:block!important;}
 body.dlwe-native-app-staff .ds321-nav-more-button{min-height:42px!important;padding-inline:12px!important;border-radius:12px!important;}
 body.dlwe-native-app-staff .dsq-utilities{gap:6px!important;}
 body.dlwe-native-app-staff .dsq-search-trigger,body.dlwe-native-app-staff .dsq-utility-icon{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;}
 body.dlwe-native-app-staff .dsq-attendance{height:42px!important;min-width:112px!important;padding-inline:12px!important;}
 body.dlwe-native-app-staff .dsq-user{height:42px!important;min-width:44px!important;}
}
@media(max-width:1280px){body.dlwe-native-app-staff .dsq-topnav .dsq-topnav-item:nth-child(n+5){display:none!important;}body.dlwe-native-app-staff .ds321-nav-more{display:block!important;}}


/* ==========================================================================\n   v8.32.3 — compact overflow navigation + fixed dark-feature contrast\n   ========================================================================== */
/* More is true overflow only. JS populates only destinations hidden at the current viewport. */
body.dlwe-native-app-staff .ds321-nav-more:not(.has-overflow){display:none!important;}
body.dlwe-native-app-staff .ds321-nav-more-menu{
  width:218px!important;max-height:min(60vh,360px)!important;padding:6px!important;
  border-radius:12px!important;box-shadow:0 18px 42px rgba(28,24,20,.14)!important;
}
body.dlwe-native-app-staff .ds321-nav-more-menu button{
  min-height:38px!important;padding:7px 10px!important;border-radius:8px!important;
  font-size:12px!important;font-weight:650!important;
}
/* One compact shell-menu language for contextual and utility flyouts. */
body.dlwe-native-app-staff .dsq-rail-popover{
  width:264px!important;max-height:min(62vh,430px)!important;padding:6px!important;
  border-radius:13px!important;box-shadow:0 18px 44px rgba(28,24,20,.14)!important;
}
body.dlwe-native-app-staff .dsq-rail-popover-title{
  padding:7px 9px 6px!important;margin-bottom:3px!important;font-size:9.5px!important;
}
body.dlwe-native-app-staff .dsq-rail-popover-item{
  min-height:38px!important;grid-template-columns:26px minmax(0,1fr)!important;
  gap:8px!important;padding:5px 8px!important;border-radius:9px!important;
}
body.dlwe-native-app-staff .dsq-rail-popover-item span{width:24px!important;height:24px!important;border-radius:7px!important;}
body.dlwe-native-app-staff .dsq-rail-popover-item svg{width:14px!important;height:14px!important;}
body.dlwe-native-app-staff .dsq-rail-popover-item strong{
  font-size:11.5px!important;line-height:1.25!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
}
body.dlwe-native-app-staff .dsq-settings-menu{
  width:188px!important;padding:6px!important;border-radius:12px!important;
  box-shadow:0 18px 42px rgba(28,24,20,.14)!important;
}
body.dlwe-native-app-staff .dsq-settings-menu button{
  min-height:38px!important;padding:7px 10px!important;border-radius:8px!important;font-size:11.5px!important;
}
/* v8.33.6 semantic feature-surface authority.
   Never mutate --dsq-ink inside a component: legacy modules use that token for
   both foreground and background.  Feature surfaces instead receive explicit
   background/copy tokens so fixed-light Studio cannot produce light-on-light. */
body.dlwe-native-app-staff{
  --ds-feature-bg:#181512;
  --ds-feature-bg-2:#211d1a;
  --ds-feature-ink:#fffaf4;
  --ds-feature-copy:#d4cbc3;
  --ds-feature-muted:#a89d94;
  --ds-feature-line:rgba(255,250,244,.13);
  --ds-feature-accent:#c79f79;
}
body.dlwe-native-app-staff :is(
  .dsw-workspace-hero,
  .dsw-wedding-card.is-featured,
  .dsw-work-card.is-dark,
  .dgo-hero,
  .dgo-command-card,
  .dgo-live-hero,
  .dsq-planning-health
){
  background-color:var(--ds-feature-bg)!important;
  color:var(--ds-feature-ink)!important;
}
body.dlwe-native-app-staff :is(.dsw-workspace-hero,.dsw-work-card.is-dark,.dsw-wedding-card.is-featured){
  background:var(--ds-feature-bg)!important;
  border-color:#302923!important;
}
body.dlwe-native-app-staff .dsw-workspace-hero h1{
  color:#fffaf4!important;-webkit-text-fill-color:#fffaf4!important;opacity:1!important;
}
body.dlwe-native-app-staff .dsw-workspace-hero-copy>p,
body.dlwe-native-app-staff .dsw-workspace-hero .dsw-hero-status>span:last-child{
  color:#c9c0b8!important;-webkit-text-fill-color:#c9c0b8!important;opacity:1!important;
}
body.dlwe-native-app-staff .dsw-workspace-hero .dsw-hero-actions :is(button,a){
  color:#eee6df!important;-webkit-text-fill-color:#eee6df!important;
}
body.dlwe-native-app-staff .dsw-workspace-hero .dsw-hero-actions .is-primary{
  color:#181512!important;-webkit-text-fill-color:#181512!important;
}
body.dlwe-native-app-staff .dsw-wedding-card.is-featured :is(h2,strong){
  color:#fffaf4!important;-webkit-text-fill-color:#fffaf4!important;
}
body.dlwe-native-app-staff .dsw-wedding-card.is-featured :is(p,small){
  color:#c9c0b8!important;-webkit-text-fill-color:#c9c0b8!important;
}
/* Align responsive visibility with the overflow model. */
@media(min-width:1681px){body.dlwe-native-app-staff .ds321-nav-more{display:none!important;}}
@media(min-width:1281px) and (max-width:1680px){
  body.dlwe-native-app-staff .dsq-topnav .dsq-topnav-item:nth-child(n+7){display:none!important;}
  body.dlwe-native-app-staff .ds321-nav-more.has-overflow{display:block!important;}
}
@media(min-width:761px) and (max-width:1280px){
  body.dlwe-native-app-staff .dsq-topnav .dsq-topnav-item:nth-child(n+5){display:none!important;}
  body.dlwe-native-app-staff .ds321-nav-more.has-overflow{display:block!important;}
}
@media(max-width:760px){body.dlwe-native-app-staff .ds321-nav-more.has-overflow{display:block!important;}}

/* v8.32.4 — featured Wedding Portfolio card: explicit fixed-dark surface.
   The legacy Weddings stylesheet uses --dsq-ink for the featured-card background,
   while the consolidation layer uses that token for readable feature text.  Keep
   those concerns separate so the fixed-light product cannot produce white-on-cream. */
body.dlwe-native-app-staff .dsw-wedding-card.is-featured{
  background:var(--ds-feature-bg)!important;
  border-color:#2f2924!important;
  color:var(--ds-feature-ink)!important;
}
body.dlwe-native-app-staff .dsw-wedding-card.is-featured .dsw-status{
  background:rgba(255,250,244,.08)!important;
  border-color:rgba(255,250,244,.14)!important;
  color:#fffaf4!important;
}
body.dlwe-native-app-staff .dsw-wedding-card.is-featured .dsw-wid,
body.dlwe-native-app-staff .dsw-wedding-card.is-featured .dsw-wedding-team small{
  color:#aaa098!important;
  -webkit-text-fill-color:#aaa098!important;
}
body.dlwe-native-app-staff .dsw-wedding-card.is-featured .dsw-wedding-date,
body.dlwe-native-app-staff .dsw-wedding-card.is-featured .dsw-wedding-team{
  border-color:rgba(255,250,244,.13)!important;
}
body.dlwe-native-app-staff .dsw-wedding-card.is-featured .dsw-readiness>i{
  background:rgba(255,250,244,.14)!important;
}


/* ========================================================================== 
   v8.33.6 — Studio-wide fixed-light contrast normalization
   ========================================================================== */

/* Fixed-light means fixed-light even if an old browser attribute survives briefly. */
html[data-dlwe-theme="dark"] body.dlwe-native-app-staff,
body.dlwe-native-app-staff{
  color-scheme:light!important;
  --ds-studio-canvas:#f7f3ed!important;
  --ds-studio-paper:#fffdf9!important;
  --ds-studio-paper-2:#f4eee6!important;
  --ds-studio-ink:#181512!important;
  --ds-studio-copy:#4b423c!important;
  --ds-studio-muted:#746c65!important;
  --ds-studio-gold:#906b4b!important;
  --ds-studio-line:rgba(70,55,47,.12)!important;
  --ds-studio-line-strong:rgba(70,55,47,.20)!important;
}
html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dlwe-studio-qortrade,
body.dlwe-native-app-staff .dlwe-studio-qortrade{
  --dsq-bg:var(--ds-studio-canvas)!important;
  --dsq-surface:var(--ds-studio-paper)!important;
  --dsq-surface-2:var(--ds-studio-paper-2)!important;
  --dsq-ink:var(--ds-studio-ink)!important;
  --dsq-copy:var(--ds-studio-copy)!important;
  --dsq-muted:var(--ds-studio-muted)!important;
  --dsq-line:var(--ds-studio-line)!important;
  --dsq-line-strong:var(--ds-studio-line-strong)!important;
  --dsq-bronze:var(--ds-studio-gold)!important;
}

/* Wedding Portfolio + Workspace intentional dark surfaces. */
body.dlwe-native-app-staff .dsw-workspace-hero,
body.dlwe-native-app-staff .dsw-work-card.is-dark,
body.dlwe-native-app-staff .dsw-wedding-card.is-featured{
  background:var(--ds-feature-bg)!important;
  border-color:#302923!important;
  color:var(--ds-feature-ink)!important;
}
body.dlwe-native-app-staff .dsw-workspace-hero :is(h1,h2,h3,strong),
body.dlwe-native-app-staff .dsw-work-card.is-dark :is(h1,h2,h3,strong,.dsw-count),
body.dlwe-native-app-staff .dsw-wedding-card.is-featured :is(h1,h2,h3,strong){
  color:var(--ds-feature-ink)!important;
  -webkit-text-fill-color:var(--ds-feature-ink)!important;
  opacity:1!important;
}
body.dlwe-native-app-staff .dsw-workspace-hero :is(p,small,span:not(.dsw-status)),
body.dlwe-native-app-staff .dsw-work-card.is-dark :is(p,small,span),
body.dlwe-native-app-staff .dsw-wedding-card.is-featured :is(p,small){
  color:var(--ds-feature-copy)!important;
  -webkit-text-fill-color:var(--ds-feature-copy)!important;
  opacity:1!important;
}
body.dlwe-native-app-staff .dsw-work-card.is-dark > header,
body.dlwe-native-app-staff .dsw-work-card.is-dark .dsw-planning-stats,
body.dlwe-native-app-staff .dsw-work-card.is-dark .dsw-planning-stats>div,
body.dlwe-native-app-staff .dsw-wedding-card.is-featured .dsw-wedding-date,
body.dlwe-native-app-staff .dsw-wedding-card.is-featured .dsw-wedding-team{
  border-color:var(--ds-feature-line)!important;
}
body.dlwe-native-app-staff .dsw-work-card.is-dark .dsw-readiness-ring:after{
  background:var(--ds-feature-bg)!important;
}
body.dlwe-native-app-staff .dsw-work-card.is-dark :is(.dsw-plan-track i,.dsw-readiness>i){
  background:rgba(255,250,244,.11)!important;
}
body.dlwe-native-app-staff .dsw-work-card.is-dark .dsw-card-kicker,
body.dlwe-native-app-staff .dsw-workspace-hero .dsw-kicker{
  color:var(--ds-feature-accent)!important;
  -webkit-text-fill-color:var(--ds-feature-accent)!important;
}

/* Dashboard analytical dark card. */
body.dlwe-native-app-staff .dsq-planning-health{
  background:#171719!important;
  border-color:#171719!important;
  color:var(--ds-feature-ink)!important;
}
body.dlwe-native-app-staff .dsq-planning-health :is(h1,h2,h3,strong,b){color:#fffaf3!important;-webkit-text-fill-color:#fffaf3!important;}
body.dlwe-native-app-staff .dsq-planning-health :is(p,small,span){color:#aaa49d!important;-webkit-text-fill-color:#aaa49d!important;}
body.dlwe-native-app-staff .dsq-planning-health .dsq-visual-head p{color:#d8c5a4!important;-webkit-text-fill-color:#d8c5a4!important;}
body.dlwe-native-app-staff .dsq-planning-health .dsq-health-ring::before{background:#171719!important;}

/* Guest Operations / Concierge intentional dark surfaces. */
body.dlwe-native-app-staff :is(.dgo-hero,.dgo-command-card,.dgo-live-hero){
  background:#171717!important;
  color:#f4f0ea!important;
}
body.dlwe-native-app-staff :is(.dgo-hero,.dgo-command-card,.dgo-live-hero) :is(h1,h2,h3,strong){
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
body.dlwe-native-app-staff .dgo-hero-copy>p:last-child,
body.dlwe-native-app-staff .dgo-command-card p:last-child,
body.dlwe-native-app-staff .dgo-live-identity>span{color:#aaa49d!important;-webkit-text-fill-color:#aaa49d!important;}

/* Legacy Studio feature surfaces still used by secondary/admin panels. */
body.dlwe-native-app-staff .dlwe-portal-shell :is(
  .dlwe-home-hero,
  .dlwe-workspace-hero,
  .dlwe-welcome-panel,
  .dlwe-personal-summary-card,
  .dlwe-hr-clock-card,
  .dlwe-report-currency-heading,
  .dlwe-reset-confirmation,
  .dlwe-approval-heading
){
  color:var(--ds-feature-ink)!important;
}
body.dlwe-native-app-staff .dlwe-portal-shell :is(
  .dlwe-home-hero,
  .dlwe-workspace-hero,
  .dlwe-hr-clock-card,
  .dlwe-reset-confirmation
) :is(h1,h2,h3,strong){
  color:var(--ds-feature-ink)!important;
  -webkit-text-fill-color:var(--ds-feature-ink)!important;
}
body.dlwe-native-app-staff .dlwe-portal-shell :is(
  .dlwe-home-hero,
  .dlwe-workspace-hero,
  .dlwe-hr-clock-card,
  .dlwe-reset-confirmation
) :is(p,small){
  color:var(--ds-feature-copy)!important;
  -webkit-text-fill-color:var(--ds-feature-copy)!important;
}

/* Normal paper surfaces must never inherit feature copy. */
body.dlwe-native-app-staff .dlwe-studio-qortrade :is(
  .dsw-workspace-facts,
  .dsw-work-card:not(.is-dark),
  .dgo-stage,
  .dgo-readiness-card,
  .dlwe-form-card,
  .dlwe-table-card,
  .dlwe-form-section,
  .dlwe-client-editor,
  .dlwe-task-editor,
  .dlwe-people-person-card,
  .dsu-client-card
){
  color:var(--ds-studio-copy)!important;
}
body.dlwe-native-app-staff .dlwe-studio-qortrade :is(
  .dsw-workspace-facts,
  .dsw-work-card:not(.is-dark),
  .dgo-stage,
  .dgo-readiness-card,
  .dlwe-form-card,
  .dlwe-table-card,
  .dlwe-form-section,
  .dlwe-client-editor,
  .dlwe-task-editor,
  .dlwe-people-person-card,
  .dsu-client-card
) :is(h1,h2,h3,strong){
  color:var(--ds-studio-ink)!important;
  -webkit-text-fill-color:var(--ds-studio-ink)!important;
}

/* Status/empty surfaces retain semantic colors rather than global foreground overrides. */
body.dlwe-native-app-staff .dsw-soft-empty.is-good{background:#f1f5f2!important;color:#557061!important;border-color:#dbe6df!important;}
body.dlwe-native-app-staff .dgo-status.is-confirmed,
body.dlwe-native-app-staff .dgo-status.is-paid{background:#eaf1ec!important;border-color:#d9e5dd!important;color:#54705f!important;}
body.dlwe-native-app-staff :is(.dgo-status.is-declined,.dgo-status.is-refunded,.dgo-status.is-cancelled){background:#f3e7e8!important;border-color:#e7d3d6!important;color:#985c66!important;}

/* Media stages are intentionally dark irrespective of the surrounding light product. */
body.dlwe-native-app-staff .dlwe-people-media-stage{background:#151210!important;color:#f8f3ed!important;}


/* Module-local tokens that predate the fixed-light system are normalized here. */
body.dlwe-native-app-staff .dlwe-studio-qortrade{
  --dsu-muted:#746c65!important;
  --dsu-gold:#906b4b!important;
}
body.dlwe-native-app-staff [data-dlwe-panel="user-management"]{
  --people-muted:#746c65!important;
  --people-gold:#906b4b!important;
}
body.dlwe-native-app-staff .dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],
  [data-dlwe-panel="cash-flow-forecast"],
  [data-dlwe-panel="financial-reports"],
  [data-dlwe-panel="wedding-budget"],
  [data-dlwe-panel="budget-reports"],
  [data-dlwe-panel="client-invoices"],
  [data-dlwe-panel="vendors"],
  [data-dlwe-panel="purchase-orders"],
  [data-dlwe-panel="vendor-payments"],
  [data-dlwe-panel="expense"],
  [data-dlwe-panel="my-expenses"],
  [data-dlwe-panel="expense-approval"],
  [data-dlwe-panel="expense-reports"]
){--dsf-accent:#906b4b!important;}
body.dlwe-native-app-staff .dlwe-studio-qortrade :is(
  [data-dlwe-panel="wedding-command-centre"],
  [data-dlwe-panel="incident-management"],
  [data-dlwe-panel="clients"],
  [data-dlwe-panel="client-approvals"],
  [data-dlwe-panel="meeting-notes"],
  [data-dlwe-panel="communication-history"],
  [data-dlwe-panel="user-management"],
  [data-dlwe-panel="attendance-payroll"],
  [data-dlwe-panel="staff-rosters"],
  [data-dlwe-panel="document-centre"],
  [data-dlwe-panel="notifications"],
  [data-dlwe-panel="reports-analytics"],
  [data-dlwe-panel="launch-centre"],
  [data-dlwe-panel="security-backups"],
  [data-dlwe-panel="system-reset"]
){--dsm-accent:#906b4b!important;}

/* Client editor uses an intentionally light editorial heading.  Override the
   legacy global dark-banner hardening that otherwise paints it white. */
body.dlwe-native-app-staff .dlwe-portal-shell .dlwe-panel .dlwe-client-editor > .dlwe-approval-heading{
  color:var(--ds-studio-copy)!important;
  background:transparent!important;
}
body.dlwe-native-app-staff .dlwe-portal-shell .dlwe-panel .dlwe-client-editor > .dlwe-approval-heading :is(h1,h2,h3,h4,strong:not(.dlwe-approval-amount)){
  color:var(--ds-studio-ink)!important;
  -webkit-text-fill-color:var(--ds-studio-ink)!important;
}
body.dlwe-native-app-staff .dlwe-portal-shell .dlwe-panel .dlwe-client-editor > .dlwe-approval-heading :is(p,small,span:not(.dlwe-approval-amount)){
  color:var(--ds-studio-muted)!important;
  -webkit-text-fill-color:var(--ds-studio-muted)!important;
}
body.dlwe-native-app-staff .dlwe-portal-shell .dlwe-panel .dlwe-client-editor > .dlwe-approval-heading .dlwe-eyebrow{
  color:var(--ds-studio-gold)!important;
  -webkit-text-fill-color:var(--ds-studio-gold)!important;
}

/* Explicitly keep normal-page editorial copy above AA contrast on ivory. */
body.dlwe-native-app-staff .dlwe-studio-qortrade :is(
  .dsq-muted,.dlwe-muted,.dlwe-help,.dlwe-help-text,.dlwe-field-hint,.dlwe-description,.description
){color:#746c65!important;}

/* ===== dated-studio-layout-authority-v8337.css ===== */
/* Dated Studio v8.33.7 — Inner-page Layout Authority
   Fixes two shared installed-runtime defects without changing business behavior:
   1) the full command bar and its back-to-top affordance were visible together;
   2) Guest Operations retained the obsolete internal-index grid column after
      navigation moved to the persistent Studio contextual rail. */

/* --------------------------------------------------------------------------
   Scroll chrome: the command bar owns the top of the page only while the user
   is at/near the page origin. Once reading deeper content it leaves cleanly and
   the existing return-to-top affordance becomes the only top control.
   -------------------------------------------------------------------------- */
body.dlwe-native-app-staff .dlwe-studio-qortrade .dsq-topbar{
  will-change:transform,opacity;
  transition:transform .22s ease,opacity .18s ease!important;
}
body.dlwe-native-app-staff.ds337-shell-scrolled .dlwe-studio-qortrade .dsq-topbar,
body.dlwe-native-app-staff.ds337-shell-scrolled .dlwe-studio-qortrade .dsq-topbar.is-scrolled-away{
  transform:translateY(-92px)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.dlwe-native-app-staff.ds337-shell-scrolled .dsq-back-top{
  z-index:14010!important;
  top:12px!important;
  width:34px!important;
  height:34px!important;
  background:#fffdf9!important;
  color:#181512!important;
  border-color:rgba(70,55,47,.18)!important;
  box-shadow:0 10px 28px rgba(25,20,16,.10)!important;
}
body.dlwe-native-app-staff:not(.ds337-shell-scrolled) .dsq-back-top{
  display:none!important;
}

/* Keep programmatic focus/anchor movement away from the fixed command bar when
   the user is at the top of a page. */
html{scroll-padding-top:92px;}
body.dlwe-native-app-staff .dlwe-main :is(section,article,form,[tabindex],input,select,textarea,button){scroll-margin-top:92px;}

/* --------------------------------------------------------------------------
   Guest Operations: the old in-page index was removed in v8.30.2. Its former
   226px grid track must not remain. The persistent Studio rail is now the sole
   contextual navigation authority, so the management stage consumes full width.
   -------------------------------------------------------------------------- */
body.dlwe-native-app-staff .dlwe-panel.dgo-suite .dgo-shell{
  grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;
  max-width:none!important;
  align-items:start!important;
}
body.dlwe-native-app-staff .dlwe-panel.dgo-suite .dgo-stage{
  grid-column:1/-1!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}
body.dlwe-native-app-staff .dlwe-panel.dgo-suite .dgo-stage-head{
  min-width:0!important;
}
body.dlwe-native-app-staff .dlwe-panel.dgo-suite .dgo-stage-actions{
  min-width:0!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
}
body.dlwe-native-app-staff .dlwe-panel.dgo-suite .dgo-ledger,
body.dlwe-native-app-staff .dlwe-panel.dgo-suite .dgo-overview-grid,
body.dlwe-native-app-staff .dlwe-panel.dgo-suite .dgo-focus-grid,
body.dlwe-native-app-staff .dlwe-panel.dgo-suite .dgo-overview-notes{
  width:100%!important;
  min-width:0!important;
}

/* Normal laptop widths: preserve the full-width Guest Operations stage and let
   the existing module-specific breakpoints reflow statistics/cards naturally. */
@media(max-width:1180px){
  body.dlwe-native-app-staff .dlwe-panel.dgo-suite .dgo-stage-head{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  body.dlwe-native-app-staff .dlwe-panel.dgo-suite .dgo-stage-actions{
    width:100%!important;
    justify-content:flex-start!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.dlwe-native-app-staff .dlwe-studio-qortrade .dsq-topbar{transition:none!important;}
}

/* ===== dated-studio-finance-presentation-v8338.css ===== */
/* Dated Studio v8.33.8 — Finance Presentation Authority
   Presentation-only. Converts legacy wide Finance tables into Dated financial dossiers.
   Finance calculations, filters, exports, actions, endpoints and data remain unchanged. */

.dlwe-studio-qortrade{
  --dsf38-paper:#fffdf9;
  --dsf38-soft:#faf6f0;
  --dsf38-soft-2:#f5efe7;
  --dsf38-ink:#181512;
  --dsf38-copy:#4b423c;
  --dsf38-muted:#746c65;
  --dsf38-line:#ddd3c7;
  --dsf38-line-soft:#ebe4dc;
  --dsf38-accent:#906b4b;
  --dsf38-positive:#4f705d;
  --dsf38-warning:#8a642f;
  --dsf38-negative:#8c4943;
}

/* Legacy scroll frames are no longer the dominant visual for transformed Finance records. */
.dlwe-studio-qortrade .dlwe-table-scroll:has(> table.dsf38-card-table){
  overflow:visible!important;
  max-width:none!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.dlwe-studio-qortrade table.dsf38-card-table{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  table-layout:auto!important;
  border:0!important;
  border-collapse:separate!important;
  background:transparent!important;
  box-shadow:none!important;
}

.dlwe-studio-qortrade table.dsf38-card-table > thead{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.dlwe-studio-qortrade table.dsf38-card-table > tbody{
  display:grid!important;
  width:100%!important;
  gap:14px!important;
  padding:0!important;
  background:transparent!important;
}

.dlwe-studio-qortrade table.dsf38-card-table.dsf38-analytic > tbody{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

.dlwe-studio-qortrade table.dsf38-card-table.dsf38-compact > tbody{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

.dlwe-studio-qortrade table.dsf38-card-table.dsf38-transaction > tbody{
  grid-template-columns:minmax(0,1fr)!important;
}

.dlwe-studio-qortrade table.dsf38-card-table > tbody > tr{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:start!important;
  gap:0!important;
  min-width:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--dsf38-line)!important;
  border-radius:18px!important;
  background:var(--dsf38-paper)!important;
  box-shadow:0 12px 30px rgba(40,31,22,.035)!important;
}

.dlwe-studio-qortrade table.dsf38-card-table.dsf38-transaction > tbody > tr{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

.dlwe-studio-qortrade table.dsf38-card-table > tbody > tr:hover{
  border-color:#cdbba8!important;
  box-shadow:0 16px 34px rgba(40,31,22,.055)!important;
}

.dlwe-studio-qortrade table.dsf38-card-table > tbody > tr > td{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:flex-start!important;
  min-width:0!important;
  min-height:82px!important;
  padding:16px 18px!important;
  border:0!important;
  border-right:1px solid var(--dsf38-line-soft)!important;
  border-bottom:1px solid var(--dsf38-line-soft)!important;
  background:transparent!important;
  color:var(--dsf38-copy)!important;
  font-size:13px!important;
  line-height:1.45!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  text-align:left!important;
  vertical-align:top!important;
}

.dlwe-studio-qortrade table.dsf38-card-table > tbody > tr > td::before{
  content:attr(data-dsf38-label);
  display:block!important;
  margin:0 0 8px!important;
  color:var(--dsf38-muted)!important;
  font-family:"Cormorant SC",Georgia,serif!important;
  font-size:9.5px!important;
  font-weight:700!important;
  line-height:1.1!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}

.dlwe-studio-qortrade table.dsf38-card-table > tbody > tr > td.dsf38-primary{
  grid-column:span 2!important;
  background:linear-gradient(135deg,#faf6ef 0%,#fffdf9 100%)!important;
}

.dlwe-studio-qortrade table.dsf38-card-table > tbody > tr > td.dsf38-primary,
.dlwe-studio-qortrade table.dsf38-card-table > tbody > tr > td.dsf38-key{
  color:var(--dsf38-ink)!important;
  font-weight:650!important;
}

.dlwe-studio-qortrade table.dsf38-card-table > tbody > tr > td.dsf38-primary{
  font-family:"Book Antiqua",Palatino,Georgia,serif!important;
  font-size:18px!important;
  line-height:1.25!important;
}

.dlwe-studio-qortrade table.dsf38-card-table > tbody > tr > td.dsf38-key{
  font-size:15px!important;
}

.dlwe-studio-qortrade table.dsf38-card-table > tbody > tr > td.dsf38-accent::before{
  color:var(--dsf38-accent)!important;
}

.dlwe-studio-qortrade table.dsf38-card-table > tbody > tr > td.dsf38-actions{
  grid-column:1 / -1!important;
  min-height:auto!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  padding:12px 16px!important;
  background:var(--dsf38-soft)!important;
}
.dlwe-studio-qortrade table.dsf38-card-table > tbody > tr > td.dsf38-actions::before{display:none!important;}

.dlwe-studio-qortrade table.dsf38-card-table > tbody > tr > td[colspan],
.dlwe-studio-qortrade table.dsf38-card-table > tbody > tr.dsf38-empty-row > td{
  grid-column:1 / -1!important;
  min-height:116px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  color:var(--dsf38-muted)!important;
  background:linear-gradient(180deg,#fffdf9 0%,#fbf8f3 100%)!important;
}
.dlwe-studio-qortrade table.dsf38-card-table > tbody > tr > td[colspan]::before,
.dlwe-studio-qortrade table.dsf38-card-table > tbody > tr.dsf38-empty-row > td::before{display:none!important;}

/* Make status chips and native action controls feel like part of the dossier. */
.dlwe-studio-qortrade table.dsf38-card-table :is(.dlwe-status,.dlwe-status-pill,.dlwe-badge,.dlwe-chip){
  max-width:100%!important;
}
.dlwe-studio-qortrade table.dsf38-card-table :is(button,.dlwe-primary-button,.dlwe-secondary-button,a.dlwe-button){
  min-height:34px!important;
}

/* Section spacing: the card ledger should feel like a management surface, not a sheet. */
.dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],
  [data-dlwe-panel="cash-flow-forecast"],
  [data-dlwe-panel="financial-reports"],
  [data-dlwe-panel="wedding-budget"],
  [data-dlwe-panel="budget-reports"],
  [data-dlwe-panel="client-invoices"],
  [data-dlwe-panel="purchase-orders"],
  [data-dlwe-panel="vendor-payments"],
  [data-dlwe-panel="expense-reports"]
) .dlwe-form-section:has(table.dsf38-card-table){
  padding:22px!important;
  border-radius:20px!important;
  background:rgba(255,253,249,.9)!important;
}

.dlwe-studio-qortrade :is(
  [data-dlwe-panel="financial-overview"],
  [data-dlwe-panel="cash-flow-forecast"],
  [data-dlwe-panel="financial-reports"]
) .dlwe-form-section:has(table.dsf38-card-table) .dlwe-form-section-heading{
  margin-bottom:16px!important;
}

/* The old table border/header treatment must not bleed through the card presentation. */
.dlwe-studio-qortrade table.dsf38-card-table :is(th,td){box-shadow:none!important;}
.dlwe-studio-qortrade table.dsf38-card-table tr:nth-child(even) td{background-color:transparent!important;}
.dlwe-studio-qortrade table.dsf38-card-table tr:nth-child(even) td.dsf38-primary{background:linear-gradient(135deg,#faf6ef 0%,#fffdf9 100%)!important;}
.dlwe-studio-qortrade table.dsf38-card-table tr:nth-child(even) td.dsf38-actions{background:var(--dsf38-soft)!important;}

/* A subtle section marker gives the Finance module an editorial rhythm. */
.dlwe-studio-qortrade .dsf38-card-table-wrap::before{
  content:"Financial detail";
  display:block;
  margin:0 0 10px;
  color:var(--dsf38-accent);
  font-family:"Cormorant SC",Georgia,serif;
  font-size:9px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.dlwe-studio-qortrade .dsf38-card-table-wrap[data-dsf38-kind="analytic"]::before{content:"Performance detail";}
.dlwe-studio-qortrade .dsf38-card-table-wrap[data-dsf38-kind="compact"]::before{content:"Position detail";}
.dlwe-studio-qortrade .dsf38-card-table-wrap[data-dsf38-kind="transaction"]::before{content:"Ledger detail";}

@media (max-width:1280px){
  .dlwe-studio-qortrade table.dsf38-card-table.dsf38-analytic > tbody,
  .dlwe-studio-qortrade table.dsf38-card-table.dsf38-compact > tbody{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .dlwe-studio-qortrade table.dsf38-card-table.dsf38-transaction > tbody > tr{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media (max-width:900px){
  .dlwe-studio-qortrade table.dsf38-card-table > tbody > tr,
  .dlwe-studio-qortrade table.dsf38-card-table.dsf38-transaction > tbody > tr{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .dlwe-studio-qortrade table.dsf38-card-table > tbody > tr > td.dsf38-primary{grid-column:1 / -1!important;}
}

@media (max-width:620px){
  .dlwe-studio-qortrade :is(
    [data-dlwe-panel="financial-overview"],
    [data-dlwe-panel="cash-flow-forecast"],
    [data-dlwe-panel="financial-reports"],
    [data-dlwe-panel="wedding-budget"],
    [data-dlwe-panel="budget-reports"],
    [data-dlwe-panel="client-invoices"],
    [data-dlwe-panel="purchase-orders"],
    [data-dlwe-panel="vendor-payments"],
    [data-dlwe-panel="expense-reports"]
  ) .dlwe-form-section:has(table.dsf38-card-table){padding:15px!important;}
  .dlwe-studio-qortrade table.dsf38-card-table > tbody > tr,
  .dlwe-studio-qortrade table.dsf38-card-table.dsf38-transaction > tbody > tr{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .dlwe-studio-qortrade table.dsf38-card-table > tbody > tr > td,
  .dlwe-studio-qortrade table.dsf38-card-table > tbody > tr > td.dsf38-primary,
  .dlwe-studio-qortrade table.dsf38-card-table > tbody > tr > td.dsf38-actions{
    grid-column:1 / -1!important;
  }
  .dlwe-studio-qortrade table.dsf38-card-table > tbody > tr > td{min-height:auto!important;}
}

/* ===== incidents.css ===== */
/* DLWE Incident Reporting & Resolution Management — Phase 8C */
.dlwe-incidents-panel{--incident-ink:#1d1915;--incident-muted:#756d63;--incident-line:#ded4c6;--incident-paper:#fffdf9;--incident-canvas:#f4efe7;--incident-gold:#a87939;--incident-critical:#8d2528;--incident-high:#b85d2f;--incident-medium:#b28a2f;--incident-low:#4c745f;--incident-shadow:0 18px 50px rgba(53,40,25,.09)}
.dlwe-incidents-header{align-items:flex-start}.dlwe-incidents-header .dlwe-header-actions{max-width:520px;justify-content:flex-end}
.dlwe-incident-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0 0 18px}
.dlwe-incident-summary-card{position:relative;min-height:126px;padding:19px 20px;border:1px solid var(--incident-line);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(250,246,239,.96));box-shadow:0 10px 32px rgba(62,45,26,.06);overflow:hidden}
.dlwe-incident-summary-card:after{content:"";position:absolute;inset:auto -26px -35px auto;width:92px;height:92px;border-radius:50%;background:rgba(168,121,57,.07)}
.dlwe-incident-summary-card span{display:block;color:var(--incident-muted);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.dlwe-incident-summary-card strong{display:block;margin-top:13px;font:500 34px/1 Georgia,serif;color:var(--incident-ink)}.dlwe-incident-summary-card small{display:block;margin-top:8px;color:#8c8378;font-size:11px;line-height:1.4}
.dlwe-incident-summary-card.is-critical{border-color:rgba(141,37,40,.28);background:linear-gradient(145deg,#fffafa,#f9eeee)}.dlwe-incident-summary-card.is-critical strong{color:var(--incident-critical)}
.dlwe-incident-summary-card.is-overdue{border-color:rgba(184,93,47,.25)}.dlwe-incident-summary-card.is-overdue strong{color:var(--incident-high)}
.dlwe-incidents-control-card{margin-bottom:18px;padding:18px;border:1px solid var(--incident-line);border-radius:20px;background:var(--incident-paper);box-shadow:0 10px 34px rgba(54,41,25,.055)}
.dlwe-incidents-filter-grid{display:grid;grid-template-columns:1.2fr .9fr .85fr 1.05fr 1.1fr 1.7fr;gap:12px}.dlwe-incidents-filter-grid label{display:flex;flex-direction:column;gap:7px}.dlwe-incidents-filter-grid label>span{color:#675e53;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.dlwe-incidents-filter-grid select,.dlwe-incidents-filter-grid input{width:100%;height:43px;padding:0 12px;border:1px solid var(--incident-line);border-radius:12px;background:#fff;color:var(--incident-ink);outline:none}.dlwe-incidents-filter-grid select:focus,.dlwe-incidents-filter-grid input:focus{border-color:var(--incident-gold);box-shadow:0 0 0 3px rgba(168,121,57,.11)}
.dlwe-incidents-filter-actions{display:flex;align-items:center;gap:16px;margin-top:14px;padding-top:14px;border-top:1px solid #eee5d8}.dlwe-incidents-filter-actions .dlwe-history-count{margin-left:auto}
.dlwe-incidents-tabs{display:flex;gap:7px;margin:0 0 17px;padding:6px;border:1px solid var(--incident-line);border-radius:16px;background:#ece5da;width:max-content;max-width:100%;overflow:auto}.dlwe-incidents-tab{min-height:39px;padding:0 16px;border:0;border-radius:11px;background:transparent;color:#70675c;font-size:12px;font-weight:750;white-space:nowrap;cursor:pointer}.dlwe-incidents-tab.is-active{background:#fff;color:var(--incident-ink);box-shadow:0 4px 15px rgba(48,34,19,.09)}
.dlwe-incidents-tab-panel[hidden]{display:none!important}.dlwe-incident-register{display:grid;gap:13px}
.dlwe-incident-card{position:relative;display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:0;min-height:150px;border:1px solid var(--incident-line);border-radius:20px;background:var(--incident-paper);box-shadow:0 10px 30px rgba(56,40,22,.055);overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.dlwe-incident-card:hover{transform:translateY(-1px);border-color:#cdbb9f;box-shadow:var(--incident-shadow)}
.dlwe-incident-severity-rail{background:var(--incident-low)}.dlwe-incident-card.severity-medium .dlwe-incident-severity-rail{background:var(--incident-medium)}.dlwe-incident-card.severity-high .dlwe-incident-severity-rail{background:var(--incident-high)}.dlwe-incident-card.severity-critical .dlwe-incident-severity-rail{background:var(--incident-critical)}
.dlwe-incident-card-main{padding:18px 21px}.dlwe-incident-card-top{display:flex;align-items:flex-start;gap:12px}.dlwe-incident-card-title{min-width:0;flex:1}.dlwe-incident-card-title h3{margin:5px 0 0;font:500 21px/1.25 Georgia,serif;color:var(--incident-ink)}.dlwe-incident-card-title p{margin:8px 0 0;color:var(--incident-muted);font-size:12px;line-height:1.5}.dlwe-incident-id{color:#8e724b;font-size:10px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.dlwe-incident-card-pills{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px}.dlwe-incident-pill{display:inline-flex;align-items:center;min-height:27px;padding:0 10px;border:1px solid #ddd2c2;border-radius:999px;background:#f8f4ed;color:#665d52;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.dlwe-incident-pill.severity-critical{border-color:rgba(141,37,40,.28);background:#fceced;color:var(--incident-critical)}.dlwe-incident-pill.severity-high{border-color:rgba(184,93,47,.28);background:#fff0e8;color:#9b4721}.dlwe-incident-pill.severity-medium{border-color:rgba(178,138,47,.28);background:#fff7dd;color:#836519}.dlwe-incident-pill.severity-low{border-color:rgba(76,116,95,.28);background:#edf7f1;color:#3d6b54}.dlwe-incident-pill.status-resolved,.dlwe-incident-pill.status-closed{background:#edf7f1;color:#3d6b54}.dlwe-incident-pill.status-action-required,.dlwe-incident-pill.status-investigating{background:#fff5dd;color:#7d5e17}.dlwe-incident-pill.status-open{background:#f5eeee;color:#823535}.dlwe-incident-pill.is-confidential{background:#2c2721;color:#fff;border-color:#2c2721}
.dlwe-incident-card-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:15px}.dlwe-incident-meta-item{min-width:0;padding:10px 11px;border-radius:12px;background:#f8f4ed}.dlwe-incident-meta-item span{display:block;color:#92887c;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.dlwe-incident-meta-item strong{display:block;margin-top:5px;color:#51493f;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dlwe-incident-card-action{display:flex;align-items:center;padding:20px;border-left:1px solid #eee5d9}.dlwe-incident-open-button{min-width:104px;height:40px;border:1px solid #2b251f;border-radius:12px;background:#2b251f;color:#fff;font-size:11px;font-weight:800;cursor:pointer}.dlwe-incident-open-button:hover{background:#40372d}
.dlwe-incident-empty{padding:48px 24px;border:1px dashed #cfc2ae;border-radius:21px;background:rgba(255,253,249,.72);text-align:center}.dlwe-incident-empty strong{display:block;font:500 25px/1.2 Georgia,serif}.dlwe-incident-empty p{max-width:520px;margin:10px auto 0;color:var(--incident-muted);line-height:1.6}
.dlwe-incidents-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dlwe-incidents-review-card{min-height:320px;padding:20px;border:1px solid var(--incident-line);border-radius:20px;background:var(--incident-paper);box-shadow:0 10px 32px rgba(55,40,23,.05)}.dlwe-incident-review-list{display:grid;gap:10px;margin-top:14px}.dlwe-incident-review-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:13px 14px;border:1px solid #e7ddcf;border-radius:14px;background:#fbf8f2}.dlwe-incident-review-item h3{margin:0;font-size:13px}.dlwe-incident-review-item p{margin:5px 0 0;color:var(--incident-muted);font-size:11px;line-height:1.45}.dlwe-incident-review-item button{align-self:center}
.dlwe-incident-activity-list{display:grid;gap:10px}.dlwe-incident-activity-item{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:12px;padding:14px 16px;border:1px solid var(--incident-line);border-radius:15px;background:var(--incident-paper)}.dlwe-incident-activity-dot{width:10px;height:10px;margin-top:5px;border-radius:50%;background:var(--incident-gold);box-shadow:0 0 0 5px rgba(168,121,57,.1)}.dlwe-incident-activity-item h3{margin:0;font-size:13px}.dlwe-incident-activity-item p{margin:5px 0 0;color:var(--incident-muted);font-size:12px;line-height:1.5}.dlwe-incident-activity-item time{color:#91877a;font-size:10px;white-space:nowrap}
.dlwe-incident-detail{animation:dlweIncidentFade .2s ease}.dlwe-incident-detail-hero{position:relative;margin-top:10px;padding:26px;border:1px solid var(--incident-line);border-radius:24px;background:linear-gradient(140deg,#fffdf9,#f5eee4);box-shadow:var(--incident-shadow);overflow:hidden}.dlwe-incident-detail-hero:before{content:"";position:absolute;inset:0 auto 0 0;width:8px;background:var(--incident-low)}.dlwe-incident-detail-hero.severity-medium:before{background:var(--incident-medium)}.dlwe-incident-detail-hero.severity-high:before{background:var(--incident-high)}.dlwe-incident-detail-hero.severity-critical:before{background:var(--incident-critical)}.dlwe-incident-detail-heading{display:flex;justify-content:space-between;gap:20px}.dlwe-incident-detail-heading h2{margin:8px 0 0;font:500 32px/1.15 Georgia,serif}.dlwe-incident-detail-heading p{margin:10px 0 0;color:var(--incident-muted);line-height:1.6}.dlwe-incident-detail-actions{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.dlwe-incident-detail-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-top:17px}.dlwe-incident-detail-card{padding:20px;border:1px solid var(--incident-line);border-radius:19px;background:var(--incident-paper);box-shadow:0 8px 25px rgba(55,41,24,.045)}.dlwe-incident-detail-card h3{margin:0 0 14px;font:500 21px/1.2 Georgia,serif}.dlwe-incident-detail-card h4{margin:18px 0 7px;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.dlwe-incident-detail-card p{margin:0;color:#635b51;line-height:1.65;white-space:pre-wrap}.dlwe-incident-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dlwe-incident-fact{padding:11px;border-radius:12px;background:#f8f4ed}.dlwe-incident-fact span{display:block;color:#91877a;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.dlwe-incident-fact strong{display:block;margin-top:5px;font-size:12px;overflow-wrap:anywhere}.dlwe-incident-link-list{display:grid;gap:7px}.dlwe-incident-link-list a{display:block;padding:10px 12px;border:1px solid #e6dac8;border-radius:10px;color:#76552c;text-decoration:none;overflow-wrap:anywhere}.dlwe-incident-link-list a:hover{background:#f8f0e3}
.dlwe-incident-response-form{margin-top:16px;padding-top:16px;border-top:1px solid #eadfce}.dlwe-incident-response-form textarea{width:100%;min-height:95px;padding:12px;border:1px solid var(--incident-line);border-radius:12px;resize:vertical}.dlwe-incident-response-row{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;margin-top:9px}.dlwe-incident-response-row select,.dlwe-incident-response-row input{height:42px;padding:0 11px;border:1px solid var(--incident-line);border-radius:11px;background:#fff}.dlwe-incident-response-row button{min-width:110px}
.dlwe-incident-editor .dlwe-approval-heading{margin-top:10px}.dlwe-incident-editor .dlwe-form-section{box-shadow:0 8px 30px rgba(55,39,22,.045)}.dlwe-incident-editor select[multiple]{min-height:170px;padding:8px}.dlwe-incident-resolution-section{border-color:rgba(168,121,57,.35)!important;background:linear-gradient(145deg,#fffdf9,#faf4e9)!important}
@keyframes dlweIncidentFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:1180px){.dlwe-incident-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.dlwe-incidents-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dlwe-incident-card-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.dlwe-incident-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.dlwe-incidents-filter-grid{grid-template-columns:1fr 1fr}.dlwe-incidents-review-grid,.dlwe-incident-detail-grid{grid-template-columns:1fr}.dlwe-incident-card{grid-template-columns:7px minmax(0,1fr)}.dlwe-incident-card-action{grid-column:2;border-left:0;border-top:1px solid #eee5d9;padding:12px 20px;justify-content:flex-end}.dlwe-incident-detail-heading{display:block}.dlwe-incident-detail-actions{justify-content:flex-start;margin-top:16px}}
@media(max-width:560px){.dlwe-incident-summary,.dlwe-incidents-filter-grid{grid-template-columns:1fr}.dlwe-incident-summary-card{min-height:105px}.dlwe-incident-card-meta,.dlwe-incident-facts{grid-template-columns:1fr}.dlwe-incident-card-top{display:block}.dlwe-incident-card-pills{justify-content:flex-start;margin-top:10px}.dlwe-incidents-filter-actions{align-items:flex-start;flex-direction:column}.dlwe-incidents-filter-actions .dlwe-history-count{margin-left:0}.dlwe-incident-response-row{grid-template-columns:1fr}.dlwe-incident-detail-hero{padding:22px 20px}.dlwe-incident-detail-heading h2{font-size:27px}}
@media print{body.dlwe-print-incidents .dlwe-sidebar,body.dlwe-print-incidents .dlwe-header-actions,body.dlwe-print-incidents .dlwe-incidents-control-card,body.dlwe-print-incidents .dlwe-incidents-tabs,body.dlwe-print-incidents .dlwe-incident-card-action{display:none!important}body.dlwe-print-incidents .dlwe-portal-main{margin:0!important;padding:0!important}.dlwe-incident-card{break-inside:avoid;box-shadow:none}}

/* v6.8.0 — DLWE Brand System alignment for Incident Management */
.dlwe-incidents-panel{--incident-ink:#1A1516;--incident-muted:#776C69;--incident-line:#E2D4D2;--incident-paper:#FFFDFC;--incident-canvas:#F9F5F3;--incident-gold:#B76E78;--incident-critical:#8D3F46;--incident-high:#A25C43;--incident-medium:#9A7349;--incident-low:#456E59;--incident-shadow:0 18px 50px rgba(64,42,46,.09);font-family:"Book Antiqua","Palatino Linotype",Palatino,Georgia,serif}
.dlwe-incident-summary-card{background:linear-gradient(145deg,rgba(255,253,252,.98),rgba(252,245,245,.96))}
.dlwe-incident-summary-card:after{background:rgba(183,110,120,.07)}
.dlwe-incident-summary-card strong,.dlwe-incident-card-title h3,.dlwe-incident-empty strong,.dlwe-incident-detail-heading h2,.dlwe-incident-detail-card h3{font-family:"Book Antiqua","Palatino Linotype",Palatino,Georgia,serif}
.dlwe-incidents-filter-grid select:focus,.dlwe-incidents-filter-grid input:focus{border-color:#B76E78;box-shadow:0 0 0 3px rgba(183,110,120,.11)}
.dlwe-incident-card:hover{border-color:rgba(183,110,120,.45)}
.dlwe-incident-activity-dot{background:#B76E78;box-shadow:0 0 0 5px rgba(183,110,120,.10)}

/* ===== dated-login-shell-v4.css ===== */
/*
 * Dated Universal Login Shell v2 — v8.10.54
 * One visual/responsive system for Dated Studio, Dated Connect and Dated Journey.
 * Product copy, CTA wording and authentication behavior remain product-specific.
 */

.dated-login-page{
  --dated-login-page-bg:#eee6dc;
  --dated-login-paper:#fbf7f1;
  --dated-login-ink:#211916;
  --dated-login-muted:#776b63;
  --dated-login-muted-2:#9a8d83;
  --dated-login-line:rgba(126,99,82,.20);
  --dated-login-line-strong:rgba(126,99,82,.30);
  --dated-login-rose:#b76e78;
  --dated-login-champagne:#c8ad7e;
  --dated-login-espresso:#211916;
  --dated-login-serif:"Book Antiqua","Palatino Linotype",Palatino,"Iowan Old Style",Georgia,serif;
  --dated-login-display:"Cormorant SC","Cormorant Garamond","Book Antiqua",Georgia,serif;
  --dated-login-ui:Montserrat,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  min-height:100vh!important;
  min-height:100svh!important;
  min-height:100dvh!important;
  display:grid!important;
  place-items:center!important;
  padding:24px!important;
  margin:0!important;
  box-sizing:border-box!important;
  overflow:auto!important;
  background:
    radial-gradient(circle at 12% 8%,rgba(200,173,126,.12),transparent 26%),
    radial-gradient(circle at 90% 86%,rgba(183,110,120,.08),transparent 26%),
    var(--dated-login-page-bg)!important;
  color:var(--dated-login-ink)!important;
  -webkit-font-smoothing:antialiased;
}
.dated-login-page,.dated-login-page *{box-sizing:border-box}

.dated-login-shell{
  position:relative!important;
  width:min(1220px,calc(100vw - 48px))!important;
  height:min(768px,calc(100dvh - 48px))!important;
  min-height:560px!important;
  max-height:800px!important;
  display:grid!important;
  grid-template-columns:44% 56%!important;
  overflow:hidden!important;
  border:1px solid rgba(67,51,43,.13)!important;
  border-radius:30px!important;
  background:var(--dated-login-paper)!important;
  box-shadow:0 34px 90px rgba(50,37,29,.18)!important;
}

/* One brand-panel composition. */
.dated-login-story{
  position:relative!important;
  display:block!important;
  padding:0!important;
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
  background:linear-gradient(155deg,#241b17 0%,#1b1512 58%,#2b201b 100%)!important;
  color:#f7efe7!important;
}
.dated-login-story:before{
  content:"";
  position:absolute;
  inset:-15% -35% auto auto;
  width:460px;
  height:460px;
  border:1px solid rgba(200,173,126,.11);
  border-radius:50%;
  box-shadow:0 0 0 70px rgba(255,255,255,.012),0 0 0 140px rgba(255,255,255,.008);
  pointer-events:none;
}
.dated-login-story:after{
  content:"";
  position:absolute;
  left:48px;
  right:48px;
  bottom:96px;
  height:1px;
  background:linear-gradient(90deg,rgba(200,173,126,.55),rgba(200,173,126,0));
  pointer-events:none;
}
.dated-login-story-inner{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  display:grid!important;
  grid-template-rows:112px 1fr auto!important;
  align-items:start!important;
  padding:44px 48px 38px!important;
}
.dated-login-logo-wrap{
  width:100%!important;
  height:112px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
}
.dated-login-logo{
  display:block!important;
  width:280px!important;
  max-width:78%!important;
  height:auto!important;
  max-height:108px!important;
  object-fit:contain!important;
  object-position:left top!important;
  filter:saturate(.92)!important;
}
.dated-login-story-copy{
  align-self:center!important;
  width:100%!important;
  max-width:440px!important;
  margin:0!important;
  padding:8px 0 34px!important;
}
.dated-login-eyebrow{
  display:block!important;
  margin:0 0 18px!important;
  color:#d7b985!important;
  font:700 10px/1.35 var(--dated-login-display)!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
  text-wrap:balance;
}
.dated-login-hero{
  max-width:440px!important;
  margin:0!important;
  color:#fffaf4!important;
  font:400 clamp(38px,2.65vw,48px)/1.02 var(--dated-login-serif)!important;
  letter-spacing:-.03em!important;
  text-wrap:balance;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.dated-login-story-support{
  max-width:390px!important;
  margin:20px 0 0!important;
  color:rgba(247,239,231,.66)!important;
  font:400 13.5px/1.62 var(--dated-login-serif)!important;
}
.dated-login-story-footer{
  align-self:end!important;
  width:100%!important;
  display:flex!important;
  justify-content:space-between!important;
  gap:18px!important;
  color:rgba(247,239,231,.42)!important;
  font:700 8.5px/1.4 var(--dated-login-display)!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}

/* One form-panel composition. */
.dated-login-form-panel{
  position:relative!important;
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:72px 68px 44px!important;
  overflow:auto!important;
  scrollbar-width:none!important;
  background:linear-gradient(180deg,rgba(255,255,255,.52),rgba(255,255,255,0) 32%),var(--dated-login-paper)!important;
}
.dated-login-form-panel::-webkit-scrollbar{display:none}
.dated-login-form-panel:before{
  content:"";
  position:absolute;
  top:34px;
  right:38px;
  width:92px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--dated-login-champagne));
}
.dated-login-form-wrap{
  width:min(440px,100%)!important;
  margin:auto!important;
  font-family:var(--dated-login-ui)!important;
}
.dated-login-form-wrap .dlwe-auth-logo-link{display:none!important}

.dated-login-heading{margin:0 0 28px!important}
.dated-login-product,
.dated-login-form-wrap>.form-kicker{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 15px!important;
  color:var(--dated-login-rose)!important;
  font:700 10px/1 var(--dated-login-display)!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
}
.dated-login-product:before,
.dated-login-form-wrap>.form-kicker:before{
  content:""!important;
  flex:0 0 34px!important;
  width:34px!important;
  height:1px!important;
  background:var(--dated-login-rose)!important;
}
.dated-login-title,
.dated-login-form-wrap>h2{
  margin:0!important;
  color:var(--dated-login-ink)!important;
  font:400 42px/1.04 var(--dated-login-serif)!important;
  letter-spacing:-.028em!important;
}
.dated-login-subtitle,
.dated-login-form-wrap>.form-sub{
  min-height:43px!important;
  max-width:390px!important;
  margin:9px 0 26px!important;
  color:var(--dated-login-muted)!important;
  font:400 13px/1.55 var(--dated-login-serif)!important;
}

.dated-login-form{margin:0!important}
.dated-login-field,
.dated-login-form .field{
  margin:0 0 17px!important;
}
.dated-login-field>label,
.dated-login-form .field>label,
.dated-login-form .field.password>label{
  display:block!important;
  margin:0 0 10px!important;
  color:#51453e!important;
  font:700 9.5px/1.2 var(--dated-login-display)!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
}
.dated-login-field input[type="text"],
.dated-login-field input[type="password"],
.dated-login-form .field input{
  width:100%!important;
  height:56px!important;
  min-height:56px!important;
  border:1px solid var(--dated-login-line-strong)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.76)!important;
  padding:0 15px!important;
  color:var(--dated-login-ink)!important;
  font:500 13px/1 var(--dated-login-ui)!important;
  outline:none!important;
  transition:border-color .18s,box-shadow .18s,background .18s!important;
}
.dated-login-field input:focus,
.dated-login-form .field input:focus{
  border-color:rgba(183,110,120,.62)!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(183,110,120,.06)!important;
}
.dated-login-field input::placeholder,
.dated-login-form .field input::placeholder{color:#a0958e!important}
.dated-login-field .dlwe-password-wrap,
.dated-login-form .input-wrap{position:relative!important}
.dated-login-field .dlwe-password-wrap input,
.dated-login-form .field.password input{padding-right:64px!important}
.dated-login-field .dlwe-password-toggle,
.dated-login-form .toggle{
  position:absolute!important;
  right:8px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  min-width:48px!important;
  height:36px!important;
  min-height:36px!important;
  padding:0 10px!important;
  border:0!important;
  background:transparent!important;
  color:#725b4e!important;
  font:700 9px/1 var(--dated-login-ui)!important;
  cursor:pointer!important;
}

/* Same slot on every product; the content inside the slot remains product-specific. */
.dated-login-utility-row{
  min-height:30px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:-2px 0 18px!important;
}
.dated-login-utility-row .auth-note{
  margin:0!important;
  color:var(--dated-login-muted-2)!important;
  font:500 10.5px/1.45 var(--dated-login-ui)!important;
}
.dated-login-remember{
  min-width:0!important;
  min-height:30px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:0!important;
  color:var(--dated-login-muted-2)!important;
  font:500 10.5px/1.4 var(--dated-login-ui)!important;
  white-space:nowrap!important;
}
.dated-login-remember input{
  flex:0 0 16px!important;
  width:16px!important;
  height:16px!important;
  margin:0!important;
}
.dated-login-forgot{
  flex:0 0 auto!important;
  color:#6e5548!important;
  text-decoration:none!important;
  font:700 10px/1.2 var(--dated-login-ui)!important;
  white-space:nowrap!important;
}

.dated-login-submit{
  position:relative!important;
  width:100%!important;
  height:54px!important;
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  border:1px solid var(--dated-login-espresso)!important;
  border-radius:14px!important;
  background:var(--dated-login-espresso)!important;
  color:#fffaf5!important;
  box-shadow:0 14px 32px rgba(42,30,24,.12)!important;
  font:800 10px/1 var(--dated-login-ui)!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
.dated-login-submit .dlwe-auth-button-arrow,
.dated-login-submit .dated-login-submit-arrow{
  display:inline-flex!important;
  align-items:center!important;
  font:400 20px/1 var(--dated-login-serif)!important;
  opacity:.78!important;
  transform:translateY(-1px)!important;
}
.dated-login-security-note{
  min-height:18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  margin:17px 0 0!important;
  color:#9c9088!important;
  font:600 8.5px/1.3 var(--dated-login-ui)!important;
  letter-spacing:.08em!important;
  text-align:center!important;
}
.dated-login-security-note>i{display:none!important}
.dated-login-security-note:before{
  content:"";
  flex:0 0 5px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--dated-login-champagne);
  box-shadow:0 0 0 4px rgba(200,173,126,.09);
}

/* One preferences component position and size. */
.dated-login-shell>.dlwe-auth-preferences{
  position:absolute!important;
  z-index:20!important;
  top:20px!important;
  right:22px!important;
  left:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  max-width:calc(100% - 44px)!important;
  padding:6px!important;
  border:1px solid rgba(126,99,82,.18)!important;
  border-radius:14px!important;
  background:rgba(251,247,241,.88)!important;
  box-shadow:0 10px 28px rgba(50,37,29,.08)!important;
  -webkit-backdrop-filter:blur(18px) saturate(120%)!important;
  backdrop-filter:blur(18px) saturate(120%)!important;
}
.dated-login-shell .dlwe-login-pref-group{display:flex!important;align-items:center!important;gap:6px!important}
.dated-login-shell .dlwe-login-pref-group+.dlwe-login-pref-group{padding-left:7px!important;border-left:1px solid rgba(126,99,82,.15)!important}
.dated-login-shell .dlwe-login-pref-label{color:#8e8178!important;font:700 8px/1 var(--dated-login-display)!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.dated-login-shell .dlwe-login-pref-options{display:flex!important;align-items:center!important;gap:2px!important;padding:2px!important;border:1px solid rgba(126,99,82,.15)!important;border-radius:9px!important;background:rgba(244,237,228,.76)!important}
.dated-login-shell .dlwe-login-pref-options button{appearance:none!important;min-width:30px!important;min-height:30px!important;padding:0 8px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#7b6f67!important;font:700 8px/1 var(--dated-login-ui)!important;letter-spacing:.05em!important;text-transform:uppercase!important;cursor:pointer!important}
.dated-login-shell .dlwe-login-pref-options button.is-active{color:#fff!important;background:linear-gradient(145deg,#2b211c,#171210)!important;box-shadow:0 4px 10px rgba(33,25,22,.13)!important}
.dated-login-shell .dlwe-login-pref-options.is-language button.is-active{background:linear-gradient(145deg,#b76e78,#8e5149)!important}

/* Shared dark appearance. */
html[data-dlwe-theme="dark"] .dated-login-page{
  --dated-login-page-bg:#110d0b;
  --dated-login-paper:#181310;
  --dated-login-ink:#f8f0e8;
  --dated-login-muted:#b7aaa0;
  --dated-login-muted-2:#8f8178;
  --dated-login-line:rgba(232,222,209,.13);
  --dated-login-line-strong:rgba(232,222,209,.20);
  background:#110d0b!important;
}
html[data-dlwe-theme="dark"] .dated-login-shell{border-color:rgba(255,255,255,.07)!important;background:var(--dated-login-paper)!important}
html[data-dlwe-theme="dark"] .dated-login-form-panel{background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 34%),var(--dated-login-paper)!important}
html[data-dlwe-theme="dark"] .dated-login-field>label,
html[data-dlwe-theme="dark"] .dated-login-form .field>label{color:#d7cbc2!important}
html[data-dlwe-theme="dark"] .dated-login-field input,
html[data-dlwe-theme="dark"] .dated-login-form .field input{background:#211a16!important;color:#f8f0e8!important;border-color:var(--dated-login-line-strong)!important}
html[data-dlwe-theme="dark"] .dated-login-field input:focus,
html[data-dlwe-theme="dark"] .dated-login-form .field input:focus{background:#261d19!important}
html[data-dlwe-theme="dark"] .dated-login-field input::placeholder,
html[data-dlwe-theme="dark"] .dated-login-form .field input::placeholder{color:#71655e!important}
html[data-dlwe-theme="dark"] .dated-login-forgot{color:#c8ad7e!important}
html[data-dlwe-theme="dark"] .dated-login-submit{background:#2a201b!important;border-color:#42322b!important}
html[data-dlwe-theme="dark"] .dated-login-shell>.dlwe-auth-preferences{border-color:rgba(232,222,209,.13)!important;background:rgba(24,19,16,.90)!important;box-shadow:0 12px 30px rgba(0,0,0,.28)!important}
html[data-dlwe-theme="dark"] .dated-login-shell .dlwe-login-pref-label{color:#96877d!important}
html[data-dlwe-theme="dark"] .dated-login-shell .dlwe-login-pref-options{border-color:rgba(232,222,209,.13)!important;background:rgba(10,8,7,.48)!important}
html[data-dlwe-theme="dark"] .dated-login-shell .dlwe-login-pref-options button{color:#a99c92!important}

/* Short-height laptop: same compression algorithm for every product. */
@media (min-width:901px) and (max-height:740px){
  .dated-login-page{padding:10px!important}
  .dated-login-shell{width:min(1220px,calc(100vw - 20px))!important;height:calc(100dvh - 20px)!important;min-height:0!important;border-radius:22px!important}
  .dated-login-story-inner{grid-template-rows:82px 1fr auto!important;padding:28px 36px 26px!important}
  .dated-login-logo-wrap{height:82px!important}
  .dated-login-logo{width:235px!important;max-height:88px!important}
  .dated-login-story-copy{padding:4px 0 24px!important}
  .dated-login-eyebrow{margin-bottom:13px!important;font-size:9px!important}
  .dated-login-hero{font-size:clamp(31px,5.3vh,39px)!important;line-height:1.015!important}
  .dated-login-story-support{margin-top:13px!important;font-size:12px!important;line-height:1.5!important}
  .dated-login-form-panel{padding:50px 46px 24px!important}
  .dated-login-heading{margin-bottom:18px!important}
  .dated-login-title,.dated-login-form-wrap>h2{font-size:33px!important}
  .dated-login-subtitle,.dated-login-form-wrap>.form-sub{min-height:34px!important;margin:7px 0 16px!important;font-size:12px!important}
  .dated-login-field,.dated-login-form .field{margin-bottom:11px!important}
  .dated-login-field input[type="text"],.dated-login-field input[type="password"],.dated-login-form .field input{height:48px!important;min-height:48px!important}
  .dated-login-utility-row{min-height:26px!important;margin:0 0 11px!important}
  .dated-login-submit{height:48px!important;min-height:48px!important}
  .dated-login-security-note{margin-top:11px!important}
}

/* Narrow landscape/tablet: still the same two-panel shell until 820px. */
@media (max-width:1040px) and (min-width:821px){
  .dated-login-page{padding:14px!important}
  .dated-login-shell{width:calc(100vw - 28px)!important;grid-template-columns:42% 58%!important}
  .dated-login-story-inner{padding-inline:32px!important}
  .dated-login-logo{width:230px!important;max-width:78%!important}
  .dated-login-hero{font-size:clamp(34px,4.1vw,42px)!important}
  .dated-login-form-panel{padding-inline:38px!important}
}

/* Tablet portrait / mobile: same transformation for every product. */
@media (max-width:820px){
  .dated-login-page{display:block!important;padding:0!important;min-height:100dvh!important;overflow:auto!important;background:var(--dated-login-paper)!important}
  .dated-login-shell{width:100%!important;height:auto!important;min-height:100dvh!important;max-height:none!important;grid-template-columns:1fr!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  .dated-login-story{height:auto!important;min-height:270px!important}
  .dated-login-story:after{display:none!important}
  .dated-login-story-inner{height:auto!important;min-height:270px!important;grid-template-rows:72px 1fr!important;padding:max(28px,env(safe-area-inset-top)) 30px 28px!important}
  .dated-login-logo-wrap{height:72px!important}
  .dated-login-logo{width:min(220px,52vw)!important;max-height:76px!important}
  .dated-login-story-copy{align-self:end!important;max-width:600px!important;padding:24px 0 0!important}
  .dated-login-eyebrow{margin-bottom:11px!important;font-size:8.5px!important}
  .dated-login-hero{font-size:clamp(30px,6.3vw,40px)!important;line-height:1.02!important}
  .dated-login-story-support,.dated-login-story-footer{display:none!important}
  .dated-login-form-panel{height:auto!important;min-height:calc(100dvh - 270px)!important;padding:84px 28px max(36px,calc(env(safe-area-inset-bottom) + 24px))!important;overflow:visible!important}
  .dated-login-form-wrap{width:min(500px,100%)!important}
  .dated-login-shell>.dlwe-auth-preferences{top:max(14px,env(safe-area-inset-top))!important;right:max(14px,env(safe-area-inset-right))!important;max-width:calc(100% - 28px)!important;background:rgba(32,24,21,.84)!important;border-color:rgba(255,255,255,.10)!important}
  .dated-login-shell .dlwe-login-pref-label{color:rgba(247,239,231,.58)!important}
  .dated-login-shell .dlwe-login-pref-options{border-color:rgba(255,255,255,.10)!important;background:rgba(0,0,0,.18)!important}
  .dated-login-shell .dlwe-login-pref-options button{color:rgba(247,239,231,.72)!important}
  .dated-login-shell .dlwe-login-pref-options button.is-active{background:rgba(200,173,126,.28)!important}
}

@media (max-width:520px){
  .dated-login-story,.dated-login-story-inner{min-height:236px!important}
  .dated-login-story-inner{grid-template-rows:60px 1fr!important;padding:max(22px,env(safe-area-inset-top)) 20px 22px!important}
  .dated-login-logo-wrap{height:60px!important}
  .dated-login-logo{width:min(190px,54vw)!important;max-height:64px!important}
  .dated-login-story-copy{padding-top:20px!important}
  .dated-login-hero{font-size:clamp(28px,8vw,34px)!important}
  .dated-login-form-panel{min-height:calc(100dvh - 236px)!important;padding:76px 18px max(30px,calc(env(safe-area-inset-bottom) + 20px))!important}
  .dated-login-title,.dated-login-form-wrap>h2{font-size:34px!important}
  .dated-login-subtitle,.dated-login-form-wrap>.form-sub{min-height:auto!important}
  .dated-login-utility-row{gap:10px!important;flex-wrap:wrap!important}
  .dated-login-remember{white-space:normal!important}
  .dated-login-shell>.dlwe-auth-preferences{left:12px!important;right:12px!important;top:max(10px,env(safe-area-inset-top))!important;justify-content:center!important}
  .dated-login-shell .dlwe-login-pref-label{display:none!important}
}

@media (prefers-reduced-motion:reduce){
  .dated-login-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* --------------------------------------------------------------------------
   Cascade lock: the universal shell must win over historical per-product
   auth rules still present in legacy portal/connect stylesheets.
   -------------------------------------------------------------------------- */
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page,
.auth-page.dated-login-page{
  min-height:100vh!important;min-height:100svh!important;min-height:100dvh!important;
  display:grid!important;place-items:center!important;padding:24px!important;overflow:auto!important;
}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-shell,
.auth-page.dated-login-page .dated-login-shell{
  width:min(1220px,calc(100vw - 48px))!important;
  height:min(768px,calc(100dvh - 48px))!important;
  min-height:560px!important;max-height:800px!important;
  display:grid!important;grid-template-columns:44% 56%!important;
  overflow:hidden!important;border-radius:30px!important;
}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-story,
.auth-page.dated-login-page .dated-login-story{display:block!important;padding:0!important;height:100%!important;min-height:0!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-story-inner,
.auth-page.dated-login-page .dated-login-story-inner{
  width:100%!important;height:100%!important;display:grid!important;grid-template-rows:112px 1fr auto!important;
  padding:44px 48px 38px!important;
}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-logo-wrap,
.auth-page.dated-login-page .dated-login-logo-wrap{height:112px!important;width:100%!important;display:flex!important;align-items:flex-start!important;justify-content:flex-start!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-logo,
.auth-page.dated-login-page .dated-login-logo{width:280px!important;max-width:78%!important;max-height:108px!important;height:auto!important;object-fit:contain!important;object-position:left top!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-story-copy,
.auth-page.dated-login-page .dated-login-story-copy{align-self:center!important;width:100%!important;max-width:440px!important;margin:0!important;padding:8px 0 34px!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-eyebrow,
.auth-page.dated-login-page .dated-login-eyebrow{margin:0 0 18px!important;font-size:10px!important;line-height:1.35!important;letter-spacing:.22em!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-hero,
.auth-page.dated-login-page .dated-login-hero{max-width:440px!important;margin:0!important;font-size:clamp(38px,2.65vw,48px)!important;line-height:1.02!important;letter-spacing:-.03em!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-story-support,
.auth-page.dated-login-page .dated-login-story-support{max-width:390px!important;margin:20px 0 0!important;font-size:13.5px!important;line-height:1.62!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-story-footer,
.auth-page.dated-login-page .dated-login-story-footer{display:flex!important;align-self:end!important;justify-content:space-between!important;font-size:8.5px!important;line-height:1.4!important;letter-spacing:.16em!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-form-panel,
.auth-page.dated-login-page .dated-login-form-panel{height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:72px 68px 44px!important;overflow:auto!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-form-wrap,
.auth-page.dated-login-page .dated-login-form-wrap{width:min(440px,100%)!important;margin:auto!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-heading,
.auth-page.dated-login-page .dated-login-heading{margin:0 0 28px!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-title,
.auth-page.dated-login-page .dated-login-title{margin:0!important;font-size:42px!important;line-height:1.04!important;letter-spacing:-.028em!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-subtitle,
.auth-page.dated-login-page .dated-login-subtitle{min-height:43px!important;margin:9px 0 26px!important;font-size:13px!important;line-height:1.55!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-field,
.auth-page.dated-login-page .dated-login-field{margin:0 0 17px!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-field>label,
.auth-page.dated-login-page .dated-login-field>label{display:block!important;margin:0 0 10px!important;font-size:9.5px!important;line-height:1.2!important;letter-spacing:.15em!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-field input[type="text"],
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-field input[type="password"],
.auth-page.dated-login-page .dated-login-field input[type="text"],
.auth-page.dated-login-page .dated-login-field input[type="password"]{height:56px!important;min-height:56px!important;border-radius:14px!important;padding:0 15px!important;font-size:13px!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-utility-row,
.auth-page.dated-login-page .dated-login-utility-row{min-height:30px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin:-2px 0 18px!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-remember,
.auth-page.dated-login-page .dated-login-remember{min-height:30px!important;display:flex!important;align-items:center!important;gap:9px!important;margin:0!important;font-size:10.5px!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-submit,
.auth-page.dated-login-page .dated-login-submit{height:54px!important;min-height:54px!important;border-radius:14px!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-security-note,
.auth-page.dated-login-page .dated-login-security-note{min-height:18px!important;margin:17px 0 0!important;font-size:8.5px!important;line-height:1.3!important}

@media (min-width:901px) and (max-height:740px){
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page,
  .auth-page.dated-login-page{padding:10px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-shell,
  .auth-page.dated-login-page .dated-login-shell{width:min(1220px,calc(100vw - 20px))!important;height:calc(100dvh - 20px)!important;min-height:0!important;border-radius:22px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-story-inner,
  .auth-page.dated-login-page .dated-login-story-inner{grid-template-rows:82px 1fr auto!important;padding:28px 36px 26px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-logo-wrap,
  .auth-page.dated-login-page .dated-login-logo-wrap{height:82px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-logo,
  .auth-page.dated-login-page .dated-login-logo{width:235px!important;max-height:88px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-hero,
  .auth-page.dated-login-page .dated-login-hero{font-size:clamp(31px,5.3vh,39px)!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-form-panel,
  .auth-page.dated-login-page .dated-login-form-panel{padding:50px 46px 24px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-title,
  .auth-page.dated-login-page .dated-login-title{font-size:33px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-subtitle,
  .auth-page.dated-login-page .dated-login-subtitle{min-height:34px!important;margin:7px 0 16px!important;font-size:12px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-field,
  .auth-page.dated-login-page .dated-login-field{margin-bottom:11px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-field input[type="text"],
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-field input[type="password"],
  .auth-page.dated-login-page .dated-login-field input[type="text"],
  .auth-page.dated-login-page .dated-login-field input[type="password"]{height:48px!important;min-height:48px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-submit,
  .auth-page.dated-login-page .dated-login-submit{height:48px!important;min-height:48px!important}
}

@media (max-width:820px){
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page,
  .auth-page.dated-login-page{display:block!important;padding:0!important;min-height:100dvh!important;overflow:auto!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-shell,
  .auth-page.dated-login-page .dated-login-shell{width:100%!important;height:auto!important;min-height:100dvh!important;max-height:none!important;grid-template-columns:1fr!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-story-inner,
  .auth-page.dated-login-page .dated-login-story-inner{height:auto!important;min-height:270px!important;grid-template-rows:72px 1fr!important;padding:max(28px,env(safe-area-inset-top)) 30px 28px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-logo-wrap,
  .auth-page.dated-login-page .dated-login-logo-wrap{height:72px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-logo,
  .auth-page.dated-login-page .dated-login-logo{width:min(220px,52vw)!important;max-height:76px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-hero,
  .auth-page.dated-login-page .dated-login-hero{font-size:clamp(30px,6.3vw,40px)!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-story-support,
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-story-footer,
  .auth-page.dated-login-page .dated-login-story-support,
  .auth-page.dated-login-page .dated-login-story-footer{display:none!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-form-panel,
  .auth-page.dated-login-page .dated-login-form-panel{height:auto!important;min-height:calc(100dvh - 270px)!important;padding:84px 28px max(36px,calc(env(safe-area-inset-bottom) + 24px))!important;overflow:visible!important}
}

/* Mobile viewport lock: the shell itself always fits the visible browser area.
   If a very small viewport cannot contain the form, only the form panel scrolls. */
@media (max-width:820px){
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-shell,
  .auth-page.dated-login-page .dated-login-shell{
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    grid-template-rows:minmax(236px,32dvh) minmax(0,1fr)!important;
    overflow:hidden!important;
  }
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-story,
  .auth-page.dated-login-page .dated-login-story{
    height:100%!important;
    min-height:0!important;
  }
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-story-inner,
  .auth-page.dated-login-page .dated-login-story-inner{
    height:100%!important;
    min-height:0!important;
    grid-template-rows:64px 1fr!important;
    padding:max(22px,env(safe-area-inset-top)) 28px 22px!important;
  }
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-logo-wrap,
  .auth-page.dated-login-page .dated-login-logo-wrap{height:64px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-logo,
  .auth-page.dated-login-page .dated-login-logo{width:min(205px,50vw)!important;max-height:68px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-story-copy,
  .auth-page.dated-login-page .dated-login-story-copy{align-self:end!important;padding:12px 0 0!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-eyebrow,
  .auth-page.dated-login-page .dated-login-eyebrow{margin-bottom:9px!important;font-size:8px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-hero,
  .auth-page.dated-login-page .dated-login-hero{font-size:clamp(28px,5.5vw,36px)!important;line-height:1.01!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-form-panel,
  .auth-page.dated-login-page .dated-login-form-panel{
    height:100%!important;
    min-height:0!important;
    padding:68px 28px max(24px,calc(env(safe-area-inset-bottom) + 16px))!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
}
@media (max-width:520px){
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-shell,
  .auth-page.dated-login-page .dated-login-shell{grid-template-rows:minmax(220px,31dvh) minmax(0,1fr)!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-story-inner,
  .auth-page.dated-login-page .dated-login-story-inner{grid-template-rows:56px 1fr!important;padding:max(18px,env(safe-area-inset-top)) 20px 18px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-logo-wrap,
  .auth-page.dated-login-page .dated-login-logo-wrap{height:56px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-logo,
  .auth-page.dated-login-page .dated-login-logo{width:min(185px,50vw)!important;max-height:60px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-hero,
  .auth-page.dated-login-page .dated-login-hero{font-size:clamp(27px,7.4vw,32px)!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-form-panel,
  .auth-page.dated-login-page .dated-login-form-panel{padding:58px 18px max(20px,calc(env(safe-area-inset-bottom) + 12px))!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-title,
  .auth-page.dated-login-page .dated-login-title{font-size:34px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-subtitle,
  .auth-page.dated-login-page .dated-login-subtitle{min-height:auto!important;margin-bottom:20px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-field,
  .auth-page.dated-login-page .dated-login-field{margin-bottom:14px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-field input[type="text"],
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-field input[type="password"],
  .auth-page.dated-login-page .dated-login-field input[type="text"],
  .auth-page.dated-login-page .dated-login-field input[type="password"]{height:52px!important;min-height:52px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-utility-row,
  .auth-page.dated-login-page .dated-login-utility-row{min-height:28px!important;margin-bottom:14px!important;gap:10px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-submit,
  .auth-page.dated-login-page .dated-login-submit{height:52px!important;min-height:52px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-security-note,
  .auth-page.dated-login-page .dated-login-security-note{margin-top:12px!important}
}

/* Final rhythm lock: product label and heading occupy the same vertical slots. */
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-product,
.auth-page.dated-login-page .dated-login-product{
  min-height:14px!important;
  height:14px!important;
  line-height:14px!important;
}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-heading,
.auth-page.dated-login-page .dated-login-heading{
  min-height:124px!important;
}


/* ==========================================================================
   Dated Universal Login Shell v2 — isolated runtime lock
   This file is the only layout stylesheet on primary Studio/Journey sign-in
   surfaces. Connect also loads it last. No product-specific sizing is allowed.
   ========================================================================== */
.dated-login-page .dated-login-hero{
  max-width:440px!important;
  margin:0!important;
  font-size:clamp(36px,2.45vw,44px)!important;
  line-height:1.045!important;
  letter-spacing:-.028em!important;
}
.dated-login-page .dated-login-hero-line{
  display:block!important;
  white-space:nowrap!important;
}
.dated-login-page .dated-login-utility-row{
  min-height:30px!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:-2px 0 18px!important;
}
.dated-login-page .dated-login-utility-row .dated-login-remember,
.dated-login-page .dated-login-utility-row .dlwe-checkbox{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  min-height:30px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:0!important;
  padding:0!important;
  color:var(--dated-login-muted-2)!important;
  font:500 10.5px/1.4 var(--dated-login-ui)!important;
  white-space:nowrap!important;
}
.dated-login-page .dated-login-utility-row .dated-login-forgot,
.dated-login-page .dated-login-utility-row .dlwe-inline-forgot-link,
.dated-login-page .dated-login-utility-row .auth-link{
  position:static!important;
  inset:auto!important;
  float:none!important;
  flex:0 0 auto!important;
  width:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  margin:0!important;
  padding:0!important;
  color:#6e5548!important;
  font:700 10px/1.2 var(--dated-login-ui)!important;
  white-space:nowrap!important;
  text-decoration:none!important;
}
.dated-login-page .dated-login-heading{min-height:124px!important}
.dated-login-page .dated-login-product{min-height:14px!important;height:14px!important;line-height:14px!important}

/* Alerts are part of the universal auth shell so Studio/Journey do not need portal.css. */
.dated-login-page .dlwe-alert,
.dated-login-page .notice{
  width:100%!important;
  margin:0 0 16px!important;
  padding:11px 13px!important;
  border:1px solid rgba(183,110,120,.18)!important;
  border-radius:11px!important;
  background:#fff5f3!important;
  color:#8f4f54!important;
  font:600 11px/1.45 var(--dated-login-ui)!important;
}
.dated-login-page .dlwe-alert-success,
.dated-login-page .notice.success{
  border-color:rgba(76,121,91,.18)!important;
  background:#f0f7f2!important;
  color:#47715a!important;
}

@media (min-width:901px) and (max-height:740px){
  .dated-login-page .dated-login-hero{font-size:clamp(30px,5vh,37px)!important;line-height:1.035!important}
  .dated-login-page .dated-login-utility-row{min-height:26px!important;margin:0 0 11px!important}
}
@media (max-width:1040px) and (min-width:821px){
  .dated-login-page .dated-login-hero{font-size:clamp(32px,3.8vw,39px)!important}
}
@media (max-width:820px){
  .dated-login-page .dated-login-hero{font-size:clamp(28px,5.8vw,36px)!important}
  .dated-login-page .dated-login-hero-line{white-space:normal!important}
  .dated-login-page .dated-login-heading{min-height:auto!important}
}
@media (max-width:520px){
  .dated-login-page .dated-login-utility-row{gap:10px!important}
  .dated-login-page .dated-login-remember{font-size:9.5px!important;white-space:normal!important}
  .dated-login-page .dated-login-forgot{font-size:9.5px!important}
}

/* v8.14.2 — official rectangular lockup optical sizing. Supplied artwork retained unchanged. */
@media (min-width:1101px) and (min-height:760px){
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-logo-wrap,
  .auth-page.dated-login-page .dated-login-logo-wrap{height:128px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-logo,
  .auth-page.dated-login-page .dated-login-logo{width:320px!important;max-width:82%!important;max-height:124px!important}
}

/* v8.14.3 — Studio optical equalization; supplied artwork unchanged. */
@media (min-width:1101px) and (min-height:760px){.dated-login-page[data-dated-login-product="studio"] .dated-login-logo{width:300px!important;max-width:80%!important;max-height:115px!important}}


/* v8.14.4 — cache-distinct final optical normalization for supplied product lockups.
   Artwork remains byte-identical; only rendered boxes differ to compensate for export padding. */
@media (min-width:1101px) and (min-height:760px){
  .dated-login-page .dated-login-logo-wrap{height:128px!important}
  .dated-login-page[data-dated-login-product="studio"] .dated-login-logo{width:292px!important;max-width:80%!important;max-height:112px!important;height:auto!important}
  .dated-login-page[data-dated-login-product="connect"] .dated-login-logo{width:320px!important;max-width:82%!important;max-height:124px!important;height:auto!important}
  .dated-login-page[data-dated-login-product="journey"] .dated-login-logo{width:320px!important;max-width:82%!important;max-height:124px!important;height:auto!important}
}

/* v8.16.0 — Dated Studio Super Admin MFA step. Studio-only class names keep
 * the shared product login shell visually unchanged elsewhere. */
.dated-studio-mfa-form input[name="verification_code"]{
  text-align:center;
  font-variant-numeric:tabular-nums;
  letter-spacing:.38em;
  font-size:18px;
  font-weight:600;
}
.dated-studio-mfa-resend{
  display:flex;
  justify-content:center;
  margin-top:14px;
}
.dated-studio-mfa-resend-button{
  appearance:none;
  padding:6px 8px;
  border:0;
  background:transparent;
  color:inherit;
  cursor:pointer;
  font:700 10px/1.35 var(--dlwe-font-ui,"Book Antiqua",Georgia,serif);
  letter-spacing:.10em;
  text-transform:uppercase;
  text-decoration:underline;
  text-underline-offset:3px;
  opacity:.72;
}
.dated-studio-mfa-resend-button:hover,
.dated-studio-mfa-resend-button:focus-visible{opacity:1;}

/* ===== dated-studio-route-authority-v1009.css ===== */
/* DATED Studio v10.0.9 — Native layout authority.
 * One final-layout destination + one fixed source hold during navigation.
 * The source is the actual completed panel, never a cloned snapshot.
 * The destination becomes the sole active panel immediately and hydrates in
 * its real canvas geometry. The source hold is removed only after target data,
 * presentation and geometry are stable across consecutive animation frames.
 */
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-main{
  position:relative!important;
  transition:none!important;
}
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-main > .dlwe-panel{
  transition:none!important;
  animation:none!important;
}
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-main > .dlwe-panel.is-active{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  transition:none!important;
  animation:none!important;
}
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-main > .dlwe-panel.dlwe-native-source-hold[data-dlwe-native-source-hold="1"]{
  display:block!important;
  box-sizing:border-box!important;
  margin:0!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
  user-select:none!important;
  background:var(--dsq-bg,var(--dsu-wash,#f7f2eb))!important;
  transform:none!important;
  transition:none!important;
  animation:none!important;
  contain:paint!important;
}
/* Removing is-active from the visual hold must not change its internal rhythm. */
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-main > .dlwe-panel.dlwe-native-source-hold > :not(.dlwe-portal-header):not(.dlwe-panel-header) + :not([hidden]){
  margin-top:18px!important;
}
/* Historical outgoing/snapshot presentation authorities are absent from the native runtime. */
/* Native route progress is deliberately invisible while the completed source is held. */
body.dlwe-native-app-staff .dlwe-studio-qortrade[data-dlwe-route-loading] .dlwe-main::before{
  display:none!important;
  content:none!important;
  animation:none!important;
}
html[data-dlwe-theme="dark"] body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-main > .dlwe-panel.dlwe-native-source-hold{
  background:var(--dsq-bg,#151516)!important;
}
@media(prefers-reduced-motion:reduce){
  body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-main,
  body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-main > .dlwe-panel{transition:none!important;animation:none!important;}
}


/* ===== dated-studio-final-layout-v1010.css ===== */
/* DATED Studio v10.0.10 — final shell/layout closure.
 * Presentation-only correction after installed v10.0.9 recording review.
 * No route, data, auth or backend behavior lives here.
 */
body.dlwe-native-app-staff .dlwe-studio-qortrade{
  overflow-x:clip!important;
}
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-main{
  overflow-x:clip!important;
}
/* The graphical dashboard is self-identifying. The inherited structural
 * Dashboard heading was being clipped into a stray “Da…” at the canvas edge.
 * Retire that redundant heading instead of fighting historical negative-margin
 * rules from older presentation layers. */
body.dlwe-native-app-staff .dlwe-studio-qortrade [data-dlwe-panel="dashboard"] > .dlwe-home-executive-header{
  display:none!important;
  margin:0!important;
  padding:0!important;
  min-height:0!important;
  height:0!important;
  overflow:hidden!important;
  border:0!important;
}
body.dlwe-native-app-staff .dlwe-studio-qortrade [data-dlwe-panel="dashboard"] > #dlwe-home-message,
body.dlwe-native-app-staff .dlwe-studio-qortrade [data-dlwe-panel="dashboard"] > #dlwe-home-loading,
body.dlwe-native-app-staff .dlwe-studio-qortrade [data-dlwe-panel="dashboard"] > #dlwe-home-content{
  margin-top:0!important;
}
/* Keep the contextual rail completely inside the viewport and reserve one
 * stable content gutter for it. */
body.dlwe-native-app-staff .dlwe-studio-qortrade .dsq-rail{
  left:20px!important;
  z-index:9990!important;
}
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-main,
body.dlwe-native-app-staff .dlwe-studio-qortrade.dsq-rail-hidden .dlwe-main{
  padding-left:clamp(94px,6.4vw,112px)!important;
  padding-right:clamp(26px,3.3vw,56px)!important;
}
/* One header geometry across all non-dashboard workspaces. */
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel:not([data-dlwe-panel="dashboard"]) > :is(.dlwe-portal-header,.dlwe-panel-header){
  margin-top:0!important;
  transform:none!important;
}
@media(max-width:900px){
  body.dlwe-native-app-staff .dlwe-studio-qortrade .dsq-rail{left:12px!important;}
  body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-main,
  body.dlwe-native-app-staff .dlwe-studio-qortrade.dsq-rail-hidden .dlwe-main{
    padding-left:20px!important;
    padding-right:20px!important;
  }
}


/* ===== dated-studio-shell-clearance-v1011.css ===== */
/* DATED Studio v10.0.11 — top shell / workspace clearance closure.
 * Presentation-only freeze blocker correction after frame review of the
 * 2026-09-16 17:47 installed recording.
 *
 * Root cause: the floating command shell remained 52px tall while the approved
 * desktop DATED brand block had grown to 66px. The brand therefore extended
 * below the shell's declared geometry and the workspace eyebrow/header began
 * inside the shell's visual/shadow envelope. Keep one authoritative shell
 * footprint and derive the canvas top clearance from that footprint.
 */
@media (min-width:1501px){
  body.dlwe-native-app-staff .dlwe-studio-qortrade .dsq-topbar{
    height:66px!important;
  }
  body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-main{
    padding-top:98px!important;
  }
}

@media (min-width:1181px) and (max-width:1500px){
  body.dlwe-native-app-staff .dlwe-studio-qortrade .dsq-topbar{
    height:58px!important;
  }
  body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-main{
    padding-top:92px!important;
  }
}

@media (min-width:681px) and (max-width:1180px){
  body.dlwe-native-app-staff .dlwe-studio-qortrade .dsq-topbar{
    height:56px!important;
  }
  body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-main{
    padding-top:90px!important;
  }
}

/* Mobile already uses an 8px/50px shell with a 72px canvas start, which leaves
 * a stable 14px clearance. Reassert it here so older media rules cannot win. */
@media (max-width:680px){
  body.dlwe-native-app-staff .dlwe-studio-qortrade .dsq-topbar{
    top:8px!important;
    height:50px!important;
  }
  body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-main{
    padding-top:72px!important;
  }
}

/* Workspace headers must begin in normal flow below the authoritative canvas
 * start. No negative offset or transform may pull them back under the shell. */
body.dlwe-native-app-staff .dlwe-studio-qortrade .dlwe-panel:not([data-dlwe-panel="dashboard"]) > :is(.dlwe-portal-header,.dlwe-panel-header){
  margin-top:0!important;
  top:auto!important;
  transform:none!important;
}