/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme;
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .inset-0 {
    inset: 0px;
  }
  .inset-y-0 {
    inset-block: 0px;
  }
  .-top-2 {
    top: calc(var(--spacing-8) * -1);
  }
  .-top-5 {
    top: calc(var(--spacing-20) * -1);
  }
  .top-0 {
    top: 0px;
  }
  .top-full {
    top: 100%;
  }
  .-right-2 {
    right: calc(var(--spacing-8) * -1);
  }
  .right-0 {
    right: 0px;
  }
  .right-3 {
    right: var(--spacing-12);
  }
  .-bottom-2 {
    bottom: calc(var(--spacing-8) * -1);
  }
  .bottom-0 {
    bottom: 0px;
  }
  .bottom-full {
    bottom: 100%;
  }
  .left-0 {
    left: 0px;
  }
  .left-1 {
    left: var(--spacing-4);
  }
  .row-1 {
    grid-row: 1;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .m-0 {
    margin: 0px;
  }
  .m-1 {
    margin: var(--spacing-4);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-3 {
    margin-block: var(--spacing-12);
  }
  .mt-2 {
    margin-top: var(--spacing-8);
  }
  .mt-4 {
    margin-top: var(--spacing-16);
  }
  .mb-4 {
    margin-bottom: var(--spacing-16);
  }
  .-ml-1 {
    margin-left: calc(var(--spacing-4) * -1);
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .size-3 {
    width: var(--spacing-12);
    height: var(--spacing-12);
  }
  .size-5 {
    width: var(--spacing-20);
    height: var(--spacing-20);
  }
  .size-6 {
    width: var(--spacing-24);
    height: var(--spacing-24);
  }
  .h-5 {
    height: var(--spacing-20);
  }
  .h-20 {
    height: var(--spacing-80);
  }
  .min-h-0 {
    min-height: 0px;
  }
  .w-2 {
    width: var(--spacing-8);
  }
  .w-5 {
    width: var(--spacing-20);
  }
  .w-20 {
    width: var(--spacing-80);
  }
  .w-auto {
    width: auto;
  }
  .w-full {
    width: 100%;
  }
  .w-px {
    width: 1px;
  }
  .max-w-full {
    max-width: 100%;
  }
  .min-w-0 {
    min-width: 0px;
  }
  .min-w-5 {
    min-width: var(--spacing-20);
  }
  .flex-1 {
    flex: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-col-resize {
    cursor: col-resize;
  }
  .cursor-help {
    cursor: help;
  }
  .cursor-nwse-resize {
    cursor: nwse-resize;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .list-none {
    list-style-type: none;
  }
  .appearance-none {
    appearance: none;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-1 {
    gap: var(--spacing-4);
  }
  .gap-2 {
    gap: var(--spacing-8);
  }
  .gap-3 {
    gap: var(--spacing-12);
  }
  .gap-4 {
    gap: var(--spacing-16);
  }
  .gap-5 {
    gap: var(--spacing-20);
  }
  .gap-6 {
    gap: var(--spacing-24);
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .rounded-full {
    border-radius: var(--radius-full);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-brand {
    border-color: var(--background-purple);
  }
  .border-danger {
    border-color: var(--text-red);
  }
  .border-fg-muted {
    border-color: var(--text-secondary);
  }
  .border-info {
    border-color: var(--color-blue-900);
  }
  .border-line {
    border-color: var(--lines-light-gray);
  }
  .border-line-strong {
    border-color: var(--lines-gray);
  }
  .border-success {
    border-color: var(--text-green);
  }
  .border-warning {
    border-color: var(--color-orange-900);
  }
  .bg-brand {
    background-color: var(--background-purple);
  }
  .bg-brand-subtle {
    background-color: var(--color-purple-50);
  }
  .bg-canvas {
    background-color: var(--background-grey);
  }
  .bg-danger {
    background-color: var(--text-red);
  }
  .bg-fg-muted {
    background-color: var(--text-secondary);
  }
  .bg-info {
    background-color: var(--color-blue-900);
  }
  .bg-info-subtle {
    background-color: var(--color-blue-50);
  }
  .bg-line {
    background-color: var(--lines-light-gray);
  }
  .bg-success {
    background-color: var(--text-green);
  }
  .bg-surface {
    background-color: var(--background-white);
  }
  .bg-warning {
    background-color: var(--color-orange-900);
  }
  .bg-warning-subtle {
    background-color: var(--color-orange-50);
  }
  .object-cover {
    object-fit: cover;
  }
  .object-top {
    object-position: top;
  }
  .p-0 {
    padding: 0px;
  }
  .p-2 {
    padding: var(--spacing-8);
  }
  .p-3 {
    padding: var(--spacing-12);
  }
  .p-4 {
    padding: var(--spacing-16);
  }
  .px-1 {
    padding-inline: var(--spacing-4);
  }
  .px-3 {
    padding-inline: var(--spacing-12);
  }
  .py-2 {
    padding-block: var(--spacing-8);
  }
  .py-3 {
    padding-block: var(--spacing-12);
  }
  .pt-3 {
    padding-top: var(--spacing-12);
  }
  .pt-4 {
    padding-top: var(--spacing-16);
  }
  .pr-10 {
    padding-right: var(--spacing-40);
  }
  .pb-4 {
    padding-bottom: var(--spacing-16);
  }
  .pl-0 {
    padding-left: 0px;
  }
  .pl-5 {
    padding-left: var(--spacing-20);
  }
  .text-right {
    text-align: right;
  }
  .text-caption-12 {
    font-size: var(--typography-caption-12-size);
    line-height: var(--tw-leading, var(--typography-caption-12-line-height));
    letter-spacing: var(--tw-tracking, var(--typography-caption-12-tracking));
    font-weight: var(--tw-font-weight, var(--typography-caption-12-weight));
  }
  .text-body-medium-14 {
    font-size: var(--typography-body-medium-14-size);
    line-height: var(--tw-leading, var(--typography-body-medium-14-line-height));
    font-weight: var(--tw-font-weight, var(--typography-body-medium-14-weight));
  }
  .text-heading-16 {
    font-size: var(--typography-heading-16-size);
    line-height: var(--tw-leading, var(--typography-heading-16-line-height));
    font-weight: var(--tw-font-weight, var(--typography-heading-16-weight));
  }
  .text-heading-18 {
    font-size: var(--typography-heading-18-size);
    line-height: var(--tw-leading, var(--typography-heading-18-line-height));
    font-weight: var(--tw-font-weight, var(--typography-heading-18-weight));
  }
  .text-body-12 {
    font-size: var(--typography-body-12-size);
    line-height: var(--tw-leading, var(--typography-body-12-line-height));
  }
  .text-body-16 {
    font-size: var(--typography-body-16-size);
    line-height: var(--tw-leading, var(--typography-body-16-line-height));
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
  }
  .wrap-anywhere {
    overflow-wrap: anywhere;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .text-brand {
    color: var(--background-purple);
  }
  .text-danger {
    color: var(--text-red);
  }
  .text-fg {
    color: var(--text-primary);
  }
  .text-fg-inverse {
    color: var(--text-white);
  }
  .text-fg-muted {
    color: var(--text-secondary);
  }
  .text-link {
    color: var(--text-link);
  }
  .text-success {
    color: var(--text-green);
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .opacity-20 {
    opacity: 20%;
  }
  .opacity-40 {
    opacity: 40%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .not-empty\:mb-3:not(:empty) {
    margin-bottom: var(--spacing-12);
  }
  .not-empty\:rounded-md:not(:empty) {
    border-radius: var(--radius-md);
  }
  .not-empty\:bg-info-subtle:not(:empty) {
    background-color: var(--color-blue-50);
  }
  .not-empty\:bg-success-subtle:not(:empty) {
    background-color: var(--color-green-50);
  }
  .not-empty\:p-3:not(:empty) {
    padding: var(--spacing-12);
  }
  .not-empty\:text-info:not(:empty) {
    color: var(--color-blue-900);
  }
  .not-empty\:text-success:not(:empty) {
    color: var(--text-green);
  }
  @media (hover: hover) {
    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 100%;
    }
  }
  .empty\:hidden:empty {
    display: none;
  }
  .aria-selected\:bg-brand[aria-selected="true"] {
    background-color: var(--background-purple);
  }
  .aria-selected\:text-fg-inverse[aria-selected="true"] {
    color: var(--text-white);
  }
  @media (width >= 48rem) {
    .md\:w-1\/2 {
      width: calc(1 / 2 * 100%);
    }
    .md\:w-auto {
      width: auto;
    }
    .md\:flex-1 {
      flex: 1;
    }
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:flex-row {
      flex-direction: row;
    }
    .md\:items-end {
      align-items: flex-end;
    }
  }
}
@layer components {
  * {
    box-sizing: border-box;
  }
  body {
    margin: 0;
    background: var(--background-grey);
    color: var(--text-primary);
    font-family: var(--typography-body-14-family);
    font-size: var(--typography-body-14-size);
    line-height: 1.5;
  }
  a {
    color: var(--text-link);
    text-decoration: none;
  }
  a:hover {
    text-decoration: underline;
  }
  [hidden] {
    display: none !important;
  }
  h1,h2,h3 {
    line-height: 1.3;
    margin: 0 0 var(--spacing-16);
  }
  h1 {
    font-size: var(--typography-heading-26-size);
  }
  h2 {
    font-size: var(--typography-heading-18-size);
  }
  h3 {
    font-size: var(--typography-heading-16-size);
  }
  p {
    margin: 0 0 var(--spacing-16);
  }
  .muted,.subheading {
    color: var(--text-secondary);
  }
  .brandbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-24);
    padding: var(--spacing-12) var(--spacing-32);
    background: var(--color-purple-900);
    color: var(--text-white);
  }
  .brand {
    display: flex;
    align-items: center;
    gap: var(--spacing-16);
    font-weight: 500;
    font-size: var(--typography-heading-18-size);
    color: var(--text-white);
  }
  .brand .logo {
    display: flex;
    color: var(--text-white);
  }
  .brand .logo svg {
    display: block;
    height: 24px;
    width: auto;
  }
  .brand:hover {
    text-decoration: none;
  }
  .mark {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: var(--radius-md);
    background: var(--background-purple);
    color: var(--text-white);
    font-size: var(--typography-heading-16-size);
  }
  .account {
    display: flex;
    align-items: center;
    gap: var(--spacing-16);
    color: var(--text-white);
  }
  .brandbar button {
    min-height: 36px;
    padding: var(--spacing-8) var(--spacing-16);
    background: transparent;
    color: var(--text-white);
    border-color: var(--text-white);
  }
  .brandbar button:hover {
    background: var(--color-purple-800);
  }
  .account form {
    margin: 0;
  }
  .mainnav {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: thin;
    gap: var(--spacing-4);
    background: var(--background-purple);
    padding: var(--spacing-8) var(--spacing-24);
  }
  .mainnav a {
    flex: 0 0 auto;
  }
  .mainnav a.locked {
    color: var(--color-purple-200);
  }
  .mainnav a.locked::after {
    content: " \1F512";
    font-size: .85em;
  }
  .mainnav a {
    padding: var(--spacing-12);
    color: var(--text-white);
    border-radius: var(--radius-sm);
  }
  .mainnav a:hover,.mainnav a[aria-current=page] {
    background: var(--color-purple-800);
    text-decoration: none;
  }
  .scopebar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--spacing-12);
    padding: var(--spacing-16) var(--spacing-32);
    background: var(--background-white);
    border-bottom: 1px solid var(--lines-light-gray);
  }
  .scopebar>span:first-child {
    font-size: var(--typography-body-12-size);
    font-weight: 700;
    color: var(--text-secondary);
  }
  .workspace {
    max-width: 1400px;
    margin: auto;
    padding: var(--spacing-32);
  }
  .heading {
    margin: var(--spacing-24) 0;
  }
  .heading h1 {
    margin: 0;
  }
  .cards {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
    gap: var(--spacing-20);
    margin: var(--spacing-24) 0;
  }
  .panel,.card {
    background: var(--background-white);
    border: 1px solid var(--lines-light-gray);
    border-radius: var(--radius-md);
    padding: var(--spacing-24);
    margin-bottom: var(--spacing-16);
  }
  .entry {
    display: block;
    min-height: 150px;
    color: var(--text-primary);
    box-shadow: var(--elevation-soft);
  }
  .entry:hover {
    border-color: var(--lines-purple);
    text-decoration: none;
  }
  .entry h2 {
    color: var(--text-link);
  }
  .entry p {
    color: var(--text-secondary);
    margin: 0;
  }
  button,.button,.btn {
    font: inherit;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-8);
    padding: var(--spacing-12) var(--spacing-20);
    border: 1px solid var(--lines-purple);
    border-radius: var(--radius-full);
    color: var(--text-link);
    background: var(--background-white);
    cursor: pointer;
    text-decoration: none;
    min-height: 44px;
  }
  button:hover,.button:hover,.btn:hover {
    background: var(--color-purple-50);
    text-decoration: none;
  }
  .primary,.btn-primary {
    background: var(--color-purple-700);
    color: var(--text-white);
  }
  .primary:hover,.btn-primary:hover {
    background: var(--color-purple-800);
  }
  .error {
    padding: var(--spacing-12);
    margin: 0 0 var(--spacing-16);
    border: 2px solid var(--color-red-600);
    border-radius: var(--radius-md);
    color: var(--text-red);
    background: var(--background-white);
  }
  button:disabled {
    background: var(--color-neutral-100);
    border-color: var(--color-neutral-100);
    color: var(--text-secondary);
    cursor: not-allowed;
  }
  .danger {
    color: var(--text-red);
    border-color: var(--color-red-600);
  }
  input,select,textarea {
    font: inherit;
    color: var(--text-primary);
    border: 1px solid var(--color-neutral-400);
    border-radius: var(--radius-md);
    background: var(--background-white);
    padding: var(--spacing-12);
    max-width: 100%;
    min-height: 44px;
  }
  input::placeholder,textarea::placeholder {
    color: var(--text-placeholder);
  }
  input:disabled {
    background: var(--background-grey);
    color: var(--text-secondary);
  }
  input[type=checkbox],input[type=radio] {
    min-height: 0;
    width: 18px;
    height: 18px;
    border-radius: var(--radius-sm);
    accent-color: var(--color-purple-700);
    vertical-align: middle;
  }
  input[type=file] {
    width: 100%;
  }
  label {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--spacing-12);
    font-weight: 500;
  }
  textarea {
    display: block;
    width: 100%;
    min-height: 120px;
  }
  .stacked-form {
    display: grid;
    gap: var(--spacing-20);
  }
  .form-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: var(--spacing-16);
  }
  .form-field {
    display: grid;
    gap: var(--spacing-8);
    min-width: 0;
  }
  .form-field>label {
    display: block;
  }
  .form-field>input,.form-field>select,.form-field>textarea {
    width: 100%;
    min-width: 0;
  }
  .check-field {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
  }
  .check-field>input {
    flex-shrink: 0;
  }
  .stacked-form>.formfooter {
    padding: 0;
  }
  :focus-visible {
    outline: 2px solid var(--lines-purple);
    outline-offset: 3px;
    box-shadow: var(--elevation-focus);
  }
  .tablewrap {
    overflow-x: auto;
    padding: 0;
  }
  table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
  }
  th,td {
    padding: var(--spacing-12) var(--spacing-16);
    border-bottom: 1px solid var(--lines-light-gray);
    vertical-align: middle;
  }
  th {
    font-size: var(--typography-body-12-size);
    font-weight: 700;
    color: var(--text-secondary);
    background: var(--background-grey);
    white-space: nowrap;
  }
  td input {
    min-width: 100px;
    width: 140px;
  }
  tr:last-child td {
    border-bottom: 0;
  }
  tr:hover td {
    background: var(--color-purple-25);
  }
  .pill,.badge {
    display: inline-flex;
    align-items: center;
    padding: var(--spacing-4) var(--spacing-12);
    background: var(--color-purple-50);
    color: var(--text-link);
    border-radius: var(--radius-full);
    font-size: var(--typography-body-12-size);
    font-weight: 500;
  }
  .notice {
    background: var(--color-blue-50);
    color: var(--color-blue-900);
    border: 1px solid var(--color-blue-200);
    padding: var(--spacing-12) var(--spacing-16);
    border-radius: var(--radius-md);
  }
  .notice:empty {
    display: none;
  }
  .notice.warning,.draft {
    background: var(--color-orange-50);
    color: var(--color-orange-900);
  }
  .published {
    background: var(--color-green-50);
    color: var(--text-green);
  }
  .archived {
    background: var(--color-neutral-100);
    color: var(--text-secondary);
  }
  .toolbar,.formfooter,.tablefoot,.row-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--spacing-12);
    padding: var(--spacing-16);
  }
  .toolbar input {
    min-width: 200px;
    flex: 1;
  }
  .spacer {
    flex: 1;
  }
  .tablefoot {
    justify-content: space-between;
    color: var(--text-secondary);
    font-size: var(--typography-body-12-size);
  }
  .storegrid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
    gap: var(--spacing-16);
  }
  .storecard {
    padding: var(--spacing-16);
    border: 1px solid var(--lines-light-gray);
    border-radius: var(--radius-md);
  }
  .storecard span span {
    display: block;
    font-size: var(--typography-body-12-size);
  }
  .selection-entry {
    margin-top: var(--spacing-24);
  }
  .selection-entry input {
    display: block;
    width: 100%;
    margin-top: var(--spacing-8);
  }
  .advanced {
    margin: var(--spacing-24) 0;
  }
  .advanced summary {
    cursor: pointer;
    color: var(--text-link);
    margin-bottom: var(--spacing-16);
  }
  .empty {
    text-align: center;
    padding: var(--spacing-40);
  }
  .upc,code {
    font-family: ui-monospace,monospace;
  }
  .history li {
    margin: var(--spacing-16);
  }
  .dirty td {
    background: var(--color-orange-50);
  }
  @media (max-width:700px) {
    .form-grid {
      grid-template-columns: 1fr;
    }
    .workspace {
      padding: var(--spacing-16);
    }
    .brandbar {
      padding: var(--spacing-12) var(--spacing-16);
      align-items: center;
    }
    .brand {
      font-size: var(--typography-heading-18-size);
    }
    .account {
      font-size: var(--typography-body-12-size);
      flex-direction: column;
      gap: var(--spacing-8);
    }
    .mainnav {
      padding: var(--spacing-8);
    }
    .mainnav a {
      padding: var(--spacing-8);
      font-size: var(--typography-body-12-size);
    }
    .scopebar {
      padding: var(--spacing-12) var(--spacing-16);
    }
    .cards {
      grid-template-columns: 1fr;
    }
    .panel {
      padding: var(--spacing-16);
    }
    .tablewrap {
      padding: 0;
    }
    .storegrid {
      grid-template-columns: 1fr;
    }
  }
  .column-table .tablewrap {
    max-height: 65vh;
    overflow: auto;
    padding: 0;
  }
  .column-table table {
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    min-width: 100%;
  }
  .column-table th,.column-table td {
    overflow-wrap: anywhere;
    padding: var(--spacing-8) var(--spacing-12);
  }
  .column-table thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--background-white);
    padding-right: var(--spacing-24);
  }
  .column-table [data-column-controls] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-16);
    padding: var(--spacing-12) 0;
  }
  .column-resize {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 12px;
    cursor: col-resize;
    touch-action: none;
    border-right: 2px solid var(--lines-light-gray);
  }
  .column-resize:focus-visible {
    outline: 2px solid var(--text-link);
    outline-offset: -3px;
  }
  .column-table summary {
    cursor: pointer;
  }
  .column-table [data-column-status] {
    font-size: var(--typography-body-12-size);
  }
  .document-review {
    display: grid;
    grid-template-columns: minmax(280px,2fr) minmax(0,3fr);
    gap: var(--spacing-24);
    align-items: start;
  }
  .document-source {
    position: sticky;
    top: var(--spacing-16);
    max-height: calc(100vh - 32px);
    overflow: auto;
  }
  .document-source figure {
    margin: 0 0 var(--spacing-20);
  }
  .document-source figcaption {
    font-weight: 500;
    margin-bottom: var(--spacing-8);
  }
  .document-source img {
    display: block;
    width: 100%;
    height: auto;
  }
  .document-source a {
    display: block;
  }
  .document-source nav a {
    display: inline-flex;
  }
  .document-review.source-only {
    grid-template-columns: minmax(0,1fr);
  }
  .document-review.source-only .document-source {
    position: static;
    max-height: none;
    overflow: visible;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(320px,1fr));
    gap: var(--spacing-20);
  }
  .document-review.source-only .document-source>:is(h2,nav) {
    grid-column: 1/-1;
    margin: 0;
  }
  .document-review.source-only .document-values:empty {
    display: none;
  }
  img {
    max-width: 100%;
    height: auto;
  }
  img.thumb {
    border: 1px solid var(--lines-light-gray);
    border-radius: var(--radius-sm);
  }
  dialog {
    border: 0;
    padding: 0;
    border-radius: var(--radius-lg);
    box-shadow: var(--elevation-medium);
    background: var(--background-white);
    max-width: min(100vw - 2rem,960px);
  }
  dialog::backdrop {
    background: var(--text-primary);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--text-primary) 50%,transparent);
    }
  }
  .samples {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-12);
  }
  figure.sample {
    margin: 0;
  }
  figure.sample img.thumb {
    display: block;
    width: 200px;
    max-width: 100%;
    border: 1px solid var(--lines-light-gray);
    border-radius: var(--radius-md);
  }
  figure.sample figcaption {
    font-size: 11px;
    color: var(--text-secondary);
    margin-top: var(--spacing-4);
  }
  .document-values {
    min-width: 0;
  }
  .document-values td .muted {
    margin-top: var(--spacing-8);
    max-width: 240px;
  }
  @media (max-width:1000px) {
    .document-review {
      grid-template-columns: minmax(0,1fr);
    }
    .document-source {
      position: static;
      max-height: 50vh;
    }
  }
  .toolbar.pricing-filters {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(110px,1fr));
    align-items: end;
    padding: var(--spacing-8) 0;
    gap: var(--spacing-8);
  }
  .pricing-filters input,.pricing-filters select,.pricing-filters textarea {
    min-width: 0;
    width: 100%;
    min-height: 44px;
    padding: var(--spacing-8);
  }
  .pricing-filters textarea {
    height: 44px;
    resize: vertical;
  }
  .pricing-filters .form-field {
    font-size: var(--typography-body-12-size);
    gap: var(--spacing-4);
  }
  .pricing-filters button {
    min-width: 0;
    min-height: 44px;
    padding: var(--spacing-8);
  }
  .pricing-filter-help {
    margin: var(--spacing-8) 0;
    font-size: var(--typography-body-12-size);
  }
  .pricing-filter-help summary {
    cursor: pointer;
    color: var(--text-link);
  }
  .workspace:is(:has(> .pricing-filters), :has(> [id^="rk-"] > .pricing-filters)) {
    padding-top: var(--spacing-8);
  }
  .workspace:is(:has(> .pricing-filters), :has(> [id^="rk-"] > .pricing-filters))>.notice,.workspace:is(:has(> .pricing-filters), :has(> [id^="rk-"] > .pricing-filters))>[id^="rk-"]>.notice {
    margin: var(--spacing-4) 0;
    padding: var(--spacing-8);
    font-size: var(--typography-body-12-size);
  }
  .workspace:is(:has(> .pricing-filters), :has(> [id^="rk-"] > .pricing-filters))>.heading,.workspace:is(:has(> .pricing-filters), :has(> [id^="rk-"] > .pricing-filters))>[id^="rk-"]>.heading {
    margin: var(--spacing-4) 0;
  }
  .workspace:is(:has(> .pricing-filters), :has(> [id^="rk-"] > .pricing-filters))>.row-actions,.workspace:is(:has(> .pricing-filters), :has(> [id^="rk-"] > .pricing-filters))>[id^="rk-"]>.row-actions {
    padding: var(--spacing-4) 0;
    gap: var(--spacing-8);
  }
  .workspace:is(:has(> .pricing-filters), :has(> [id^="rk-"] > .pricing-filters))>.row-actions .button,.workspace:is(:has(> .pricing-filters), :has(> [id^="rk-"] > .pricing-filters))>[id^="rk-"]>.row-actions .button {
    padding: var(--spacing-8);
    min-height: 44px;
  }
  .workspace:is(:has(> .pricing-filters), :has(> [id^="rk-"] > .pricing-filters))>p,.workspace:is(:has(> .pricing-filters), :has(> [id^="rk-"] > .pricing-filters))>[id^="rk-"]>p {
    margin: var(--spacing-8) 0;
  }
  .workspace:is(:has(> .pricing-filters), :has(> [id^="rk-"] > .pricing-filters)) .column-table td {
    padding: var(--spacing-8);
  }
  .workspace:is(:has(> .pricing-filters), :has(> [id^="rk-"] > .pricing-filters)) .column-table [data-column-group] th {
    padding: var(--spacing-4) var(--spacing-8);
  }
  .item-authorization {
    font-size: var(--typography-body-12-size);
    color: var(--text-secondary);
  }
  tr[data-item-authorization="authorized"] {
    --item-status-bg: var(--color-green-50);
    --item-status-fg: var(--text-green);
  }
  tr[data-item-authorization="not-authorized"] {
    --item-status-bg: var(--color-yellow-50);
    --item-status-fg: var(--color-yellow-900);
  }
  tr[data-item-authorization="other-vendor"] {
    --item-status-bg: var(--color-orange-50);
    --item-status-fg: var(--color-orange-900);
  }
  tr[data-item-authorization="rejected"] {
    --item-status-bg: var(--color-red-50);
    --item-status-fg: var(--color-red-900);
  }
  tr[data-item-authorization] :is(td[data-field="upc"],td[data-field="description"]) {
    background: var(--item-status-bg,transparent);
    color: var(--item-status-fg,inherit);
  }
  .pending-status {
    font-size: var(--typography-body-12-size);
    color: var(--color-blue-900);
  }
  tr[data-pending-base="true"] :is(td[data-field="future-base"],td[data-field="future-base-start"]), tr[data-pending-tpr="true"] :is(td[data-field="future-tpr"],td[data-field="future-tpr-start"]), tr[data-pending-ad="true"] :is(td[data-field="future-ad"],td[data-field="future-ad-start"]) {
    background: var(--color-blue-50);
    color: var(--color-blue-900);
  }
  :is(.flex,.grid,.inline-flex)>:where(p,h1,h2,h3,ul,ol,.panel) {
    margin: 0;
  }
  .profile {
    position: relative;
  }
  .profile>summary {
    display: flex;
    align-items: center;
    gap: var(--spacing-8);
    min-height: 36px;
    padding: var(--spacing-8) var(--spacing-12);
    border: 1px solid var(--text-white);
    border-radius: var(--radius-sm);
    cursor: pointer;
    list-style: none;
  }
  .profile>summary::-webkit-details-marker {
    display: none;
  }
  .profile>summary .kind {
    opacity: .85;
  }
  .profilemenu {
    position: absolute;
    right: 0;
    top: calc(100% + var(--spacing-8));
    z-index: 20;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-8);
    min-width: 240px;
    padding: var(--spacing-16);
    background: var(--background-white);
    color: var(--text-primary);
    border: 1px solid var(--lines-light-gray);
    border-radius: var(--radius-md);
  }
  .profilemenu p {
    margin: 0;
  }
  .profilemenu form {
    margin: 0;
  }
  .profilemenu button,.profilemenu .button {
    width: 100%;
    color: var(--text-primary);
    border-color: var(--lines-light-gray);
  }
  .actingbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-12);
    padding: var(--spacing-8) var(--spacing-32);
    background: var(--color-orange-50);
    color: var(--color-orange-900);
    border-bottom: 1px solid var(--color-orange-200);
  }
  .actingbar form {
    margin: 0;
  }
  .actingbar[hidden] {
    display: none;
  }
  @media (max-width:700px) {
    .actingbar {
      padding: var(--spacing-8) var(--spacing-16);
    }
    .profile>summary .kind {
      display: none;
    }
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}