/* Restrained presentation layer for the two explicitly approved work surfaces. */
.task-page[data-v-fac01beb],
.merchant-page[data-v-402e037a],
.merchant-detail-page[data-v-d930b39a] {
  --h270-ink: #1f2a3d;
  --h270-accent: #315fbd;
  --h270-accent-soft: #edf3ff;
  --h270-line: #dbe4f0;
  --h270-surface: #ffffff;
  --h270-page: #f5f7fb;
  --h270-radius: 10px;
}

.task-page[data-v-fac01beb] .page-title-text,
.merchant-page[data-v-402e037a] .page-title-text {
  background: none;
  color: #294f92;
  -webkit-text-fill-color: currentColor;
}

.merchant-page[data-v-402e037a] .table-card,
.merchant-detail-page[data-v-d930b39a] .info-card,
.merchant-detail-page[data-v-d930b39a] .files-page .material-item {
  box-shadow: 0 5px 18px rgb(31 54 92 / 7%);
}

.merchant-page[data-v-402e037a] .u-input-wrap,
.merchant-page[data-v-402e037a] .u-picker-wrap {
  border-color: #d3deed;
  background: #f8fafd;
}

.merchant-page[data-v-402e037a] .u-input-wrap:focus-within {
  border-color: var(--h270-accent);
  box-shadow: 0 0 0 3px rgb(49 95 189 / 12%);
}

.merchant-detail-page[data-v-d930b39a] .tab-item.active {
  background: #edf3ff;
}

.merchant-detail-page[data-v-d930b39a] .tab-item.active .tab-text {
  color: #315fbd;
}

/* Both compiled login variants stay in their own page scope. */
.login-page[data-v-14f54a66] {
  --h270-login-accent: #315fbd;
  --h270-login-accent-soft: #edf3ff;
}

.login-page[data-v-14f54a66] .login-card {
  border: 1px solid #dbe4f0;
  box-shadow: 0 14px 34px rgb(31 54 92 / 10%);
}

.login-page[data-v-14f54a66] .brand-title {
  background: none;
  color: #294f92;
  -webkit-text-fill-color: currentColor;
}

.login-page[data-v-14f54a66] .input {
  border-color: #d3deed;
}

.login-page[data-v-14f54a66] .input:focus {
  border-color: var(--h270-login-accent);
  box-shadow: 0 0 0 3px rgb(49 95 189 / 14%);
}

.login-page[data-v-14f54a66] .login-btn {
  background: var(--h270-login-accent);
  box-shadow: 0 7px 16px rgb(49 95 189 / 22%);
}

.login-page[data-v-14f54a66] .login-btn:hover:not(:disabled) {
  background: #274f9f;
}

.task-page[data-v-fac01beb] .workflow-task {
  color: var(--h270-ink);
  background: var(--h270-page);
}

.task-page[data-v-fac01beb] .workflow-task__toolbar {
  border-bottom-color: var(--h270-line);
}

.task-page[data-v-fac01beb] .workflow-task__tabs button,
.task-page[data-v-fac01beb] .workflow-task__filters button,
.task-page[data-v-fac01beb] .workflow-task__toolbar > button {
  border-color: var(--h270-line);
  background: var(--h270-surface);
  color: #52627b;
  transition: border-color .16s ease, background-color .16s ease, color .16s ease;
}

.task-page[data-v-fac01beb] .workflow-task__tabs button:hover,
.task-page[data-v-fac01beb] .workflow-task__filters button:hover,
.task-page[data-v-fac01beb] .workflow-task__toolbar > button:hover {
  border-color: #a9bddf;
  color: var(--h270-accent);
  background: #f8fbff;
}

.task-page[data-v-fac01beb] .workflow-task__tabs button[aria-selected="true"] {
  border-color: var(--h270-accent);
  background: var(--h270-accent);
  color: #fff;
  box-shadow: 0 5px 12px rgb(49 95 189 / 18%);
}

.task-page[data-v-fac01beb] .workflow-task__filters button[aria-pressed="true"] {
  border-color: #aec2e5;
  color: #254d9c;
  background: var(--h270-accent-soft);
}

.task-page[data-v-fac01beb] .workflow-task__header {
  background: linear-gradient(135deg, #254d8d 0%, #3768ba 100%);
  box-shadow: 0 10px 24px rgb(37 77 141 / 15%);
}

.task-page[data-v-fac01beb] .workflow-task__section {
  border-color: var(--h270-line);
  border-radius: var(--h270-radius);
  box-shadow: 0 4px 14px rgb(34 57 92 / 4%);
}

.task-page[data-v-fac01beb] .workflow-task__item {
  background: #f8fafd;
}

.task-page[data-v-fac01beb] .workflow-task__actions button,
.task-page[data-v-fac01beb] .workflow-task__detail > button {
  border-color: #9eb5dc;
  color: #2f5dab;
  background: #fff;
}

.task-page[data-v-fac01beb] .workflow-task__actions button:hover,
.task-page[data-v-fac01beb] .workflow-task__detail > button:hover {
  border-color: var(--h270-accent);
  color: var(--h270-accent);
  background: #f4f8ff;
}

.task-page[data-v-fac01beb] .workflow-v3,
.merchant-detail-page[data-v-d930b39a] .workflow-v3 {
  color: var(--h270-ink);
}

.task-page[data-v-fac01beb] .workflow-v3__header,
.merchant-detail-page[data-v-d930b39a] .workflow-v3__header {
  background: linear-gradient(135deg, #f7faff 0%, #fff 100%);
  border-color: var(--h270-line);
}

.task-page[data-v-fac01beb] .workflow-v3__card,
.merchant-detail-page[data-v-d930b39a] .workflow-v3__card {
  border-color: var(--h270-line);
  box-shadow: 0 6px 20px rgb(32 56 101 / 5%);
}

.task-page[data-v-fac01beb] .workflow-v3__material,
.task-page[data-v-fac01beb] .workflow-v3__fact,
.task-page[data-v-fac01beb] .workflow-v3__action,
.merchant-detail-page[data-v-d930b39a] .workflow-v3__material,
.merchant-detail-page[data-v-d930b39a] .workflow-v3__fact,
.merchant-detail-page[data-v-d930b39a] .workflow-v3__action {
  border-color: var(--h270-line);
}

.login-page[data-v-14f54a66] .login-btn:focus-visible,
.merchant-page[data-v-402e037a] button:focus-visible,
.task-page[data-v-fac01beb] .workflow-task button:focus-visible,
.task-page[data-v-fac01beb] .workflow-v3 button:focus-visible,
.task-page[data-v-fac01beb] .workflow-v3 input:focus-visible,
.task-page[data-v-fac01beb] .workflow-v3 select:focus-visible,
.task-page[data-v-fac01beb] .workflow-v3 textarea:focus-visible,
.merchant-detail-page[data-v-d930b39a] .workflow-v3 button:focus-visible,
.merchant-detail-page[data-v-d930b39a] .workflow-v3 input:focus-visible,
.merchant-detail-page[data-v-d930b39a] .workflow-v3 select:focus-visible,
.merchant-detail-page[data-v-d930b39a] .workflow-v3 textarea:focus-visible {
  outline: 2px solid #315fbd;
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .task-page[data-v-fac01beb] .workflow-task button,
  .task-page[data-v-fac01beb] .workflow-v3 button,
  .merchant-detail-page[data-v-d930b39a] .workflow-v3 button {
    transition: none;
  }
}