/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./app/globals.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
/* Design tokens for the authenticated workspace. Component CSS uses the semantic
   --ui-* roles first and the --gray-* ramp only where no role fits; raw hex
   values belong here, not in modules. Tinted state colors use --tone-*. */
:root{
  --probanda-surface:#fff;
  --probanda-ink:#242424;
  --probanda-muted:#666;
  --probanda-line:#e7e7e7;

  /* Neutral ramp: the only grays the workspace uses. */
  --gray-0:#fff;
  --gray-25:#fafafa;
  --gray-50:#f5f5f5;
  --gray-100:#efefef;
  --gray-200:#e7e7e7;
  --gray-300:#d6d6d6;
  --gray-400:#c4c4c4;
  --gray-500:#999;
  --gray-550:#737373;
  --gray-600:#666;
  --gray-700:#555;
  --gray-800:#404040;
  --gray-900:#242424;

  /* Semantic roles. */
  --ui-ink:var(--probanda-ink);
  --ui-text:var(--gray-800);
  --ui-muted:var(--probanda-muted);
  --ui-faint:var(--gray-500);
  --ui-surface:var(--probanda-surface);
  --ui-surface-subtle:var(--gray-25);
  --ui-surface-hover:var(--gray-50);
  --ui-selected:var(--gray-100);
  --ui-canvas:var(--gray-50);
  --ui-line:var(--probanda-line);
  --ui-line-strong:var(--gray-300);
  --ui-focus:var(--gray-700);
  --ui-scrim:#24242455;
  --ui-shadow-popover:0 8px 32px #23232324;
  --ui-shadow-overlay:0 24px 80px #23232326;

  /* State tones: background, foreground, border. Color is never the only cue. */
  --tone-attention-bg:#fbf3e4;
  --tone-attention-fg:#8a5a12;
  --tone-attention-line:#ecd9b5;
  --tone-active-bg:#f0edf8;
  --tone-active-fg:#5b4a94;
  --tone-good-bg:#ecf6ef;
  --tone-good-fg:#2f6b43;
  --tone-bad-bg:#fbefed;
  --tone-bad-fg:#9f3a2f;
  --tone-bad-line:#e3c5c1;

  /* Type scale; matches the --workbench-type-* roles in app-typography. */
  --ui-font-xs:.75rem;
  --ui-font-sm:.8125rem;
  --ui-font-md:.875rem;
  --ui-font-lg:1rem;
  --ui-font-xl:1.125rem;
  --ui-font-2xl:1.375rem;
  --ui-font-3xl:1.75rem;

  /* Radius scale. Panels keep their own 14px; the Home composer its 28px. */
  --ui-radius-xs:4px;
  --ui-radius-sm:6px;
  --ui-radius:8px;
  --ui-radius-md:10px;
  --ui-radius-lg:12px;
  --ui-radius-xl:16px;
  --ui-radius-pill:999px;
  --ui-panel-radius:14px;
  --ui-control-height:40px;
  --ui-space-1:4px;
  --ui-space-2:8px;
  --ui-space-3:12px;
  --ui-space-4:16px;
  --ui-space-6:24px;
  --ui-space-8:32px;
  color-scheme:light;
}
html,body{background:var(--probanda-surface);color:var(--probanda-ink)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0}
button,input,select,textarea{font:inherit}
a,button,summary{-webkit-tap-highlight-color:transparent}
@media(max-width:700px){:root{--ui-control-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Workspace controls share authored menus while retaining native form semantics,
   keyboard navigation, validation and fieldset disabling. Older engines retain
   their accessible platform picker with the same closed-control styling. */
:where(#workspace-content, [role=dialog]) select {
  color-scheme: light;
  cursor: pointer;
  text-overflow: ellipsis;
}
@supports (appearance: base-select) {
  :where(#workspace-content, [role=dialog]) select,
  :where(#workspace-content, [role=dialog]) select::picker(select) { appearance: base-select; }
  :where(#workspace-content, [role=dialog]) select { align-items: center; gap: 12px; }
  :where(#workspace-content, [role=dialog]) select::picker-icon {
    width: 16px; height: 16px; flex: none; color: transparent;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / 16px no-repeat;
    transition: transform 150ms ease;
  }
  :where(#workspace-content, [role=dialog]) select:open::picker-icon { transform: rotate(180deg); }
  :where(#workspace-content, [role=dialog]) select::picker(select) {
    margin-block: 6px; padding: 6px; border: 0; border-radius: 12px;
    background: #fff; color: #292929; font: inherit; font-size: 14px;
    box-shadow: 0 8px 32px #23232324; max-height: min(360px, 60dvh);
    overflow: auto; overscroll-behavior: contain; scrollbar-width: thin;
  }
  :where(#workspace-content, [role=dialog]) select option {
    display: flex; align-items: center; gap: 10px; min-height: 40px;
    padding: 9px 12px; border-radius: 7px; white-space: normal;
    overflow-wrap: anywhere; font: inherit; cursor: pointer;
  }
  :where(#workspace-content, [role=dialog]) select option:checked { background: #efefed; color: #242424; font-weight: 550; }
  :where(#workspace-content, [role=dialog]) select option:hover,
  :where(#workspace-content, [role=dialog]) select option:focus { background: #f5f5f3; outline: none; }
  :where(#workspace-content, [role=dialog]) select option::checkmark { color: #555; order: 1; margin-left: auto; }
}
:where(#workspace-content, [role=dialog]) select:disabled { cursor: not-allowed; }
#workspace-content { caret-color: #242424; scrollbar-color: #c7c7c7 transparent; scrollbar-width: thin; }
#workspace-content ::selection { background: #deded8; color: #242424; }
#workspace-content details:not([class]) > summary {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  width: 100%; padding: 14px 0; list-style: none; font-size: 14px;
}
#workspace-content details:not([class]) > summary::-webkit-details-marker { display: none; }
#workspace-content details:not([class]) > summary::after {
  content: ''; flex: none; width: 16px; height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='1.6'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / 16px no-repeat;
}
#workspace-content details:not([class])[open] > summary::after { transform: rotate(180deg); }
@media (max-width:700px) {
  :where(#workspace-content, [role=dialog]) select option { min-height: 44px; }
}
@media (prefers-reduced-motion:reduce) {
  :where(#workspace-content, [role=dialog]) select::picker-icon { transition: none; }
}

/* Reveal only the scrollbar edge under the pointer; keep native track width stable. */
:where(#workspace-content, #workspace-sidebar, dialog, [role=dialog]),
:where(#workspace-content, #workspace-sidebar, dialog, [role=dialog]) * {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent !important;
}
:where(#workspace-content, #workspace-sidebar, dialog, [role=dialog])[data-scrollbar-hover],
:where(#workspace-content, #workspace-sidebar, dialog, [role=dialog]) [data-scrollbar-hover] {
  scrollbar-color: #c2c8d0 transparent !important;
}
@supports not (scrollbar-color: auto) {
  :where(#workspace-content, #workspace-sidebar, dialog, [role=dialog])::-webkit-scrollbar,
  :where(#workspace-content, #workspace-sidebar, dialog, [role=dialog]) *::-webkit-scrollbar { width: 6px; height: 6px; }
  :where(#workspace-content, #workspace-sidebar, dialog, [role=dialog])::-webkit-scrollbar-track,
  :where(#workspace-content, #workspace-sidebar, dialog, [role=dialog]) *::-webkit-scrollbar-track { background: transparent; }
  :where(#workspace-content, #workspace-sidebar, dialog, [role=dialog])::-webkit-scrollbar-thumb,
  :where(#workspace-content, #workspace-sidebar, dialog, [role=dialog]) *::-webkit-scrollbar-thumb { border-radius: 6px; background: transparent; }
  :where(#workspace-content, #workspace-sidebar, dialog, [role=dialog])[data-scrollbar-hover]::-webkit-scrollbar-thumb,
  :where(#workspace-content, #workspace-sidebar, dialog, [role=dialog]) [data-scrollbar-hover]::-webkit-scrollbar-thumb { background: #c2c8d0; }
}
/* Touch has no hover; leave a subtle native affordance available. */
@media (hover: none) {
  :where(#workspace-content, #workspace-sidebar, dialog, [role=dialog]),
  :where(#workspace-content, #workspace-sidebar, dialog, [role=dialog]) * { scrollbar-color: #c2c8d0 transparent !important; }
  :where(#workspace-content, #workspace-sidebar, dialog, [role=dialog])::-webkit-scrollbar-thumb,
  :where(#workspace-content, #workspace-sidebar, dialog, [role=dialog]) *::-webkit-scrollbar-thumb { background: #c2c8d0; }
}
@media (forced-colors: active) {
  :where(#workspace-content, #workspace-sidebar, dialog, [role=dialog]),
  :where(#workspace-content, #workspace-sidebar, dialog, [role=dialog]) * { scrollbar-color: auto !important; }
}