/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/visuscreen.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wc-visuscreen { min-height: 100dvh; background: var(--background); color: var(--foreground); }
.wc-visuscreen .wc-top { position: sticky; top: 0; display: flex; align-items: center; flex-wrap: wrap; gap: .5rem 1.25rem; height: auto; min-height: 0; padding: .6rem 1.25rem; border-bottom: 1px solid var(--border); background: var(--card); z-index: 5; }
.wc-visuscreen .wc-live { margin-left: auto; font-size: .7rem; }
.wc-visuscreen-brand { display: flex; gap: .5rem; align-items: center; color: var(--primary); font-size: .85rem; }
.wc-visuscreen-brand svg { width: 1.15rem; height: 1.15rem; }
.wc-visuscreen-tenant { color: var(--muted-foreground); font-size: .75rem; overflow-wrap: anywhere; }
.wc-visuscreen-content { max-width: 1800px; margin: auto; padding: 1rem 1.25rem; display: grid; gap: .75rem; }
.wc-visuscreen-content > *, .wc-visuscreen-body > *, .wc-visuscreen-instructions > * { min-width: 0; }
.wc-visuscreen-content .wc-card { padding: .875rem 1rem; margin: 0; }
.wc-visuscreen-heading { display: flex; align-items: center; justify-content: space-between; gap: .75rem 1.5rem; }
.wc-visuscreen-heading .wc-page-header { flex: 1; margin: 0; }
.wc-visuscreen-heading .wc-page-header-title { font-size: clamp(1.15rem, 1.65vw, 1.65rem); }
.wc-visuscreen-heading .wc-page-header-eyebrow { font-size: .6rem; margin-bottom: .25rem; }
.wc-visuscreen-summary { flex: 0 1 18rem; display: flex; flex-direction: column; align-items: flex-end; gap: .5rem; }
.wc-visuscreen-state { display: inline-flex; padding: .2rem .6rem; border-radius: 6px; border: 1px solid var(--border); font-size: .75rem; font-weight: 600; background: var(--muted); }
.wc-visuscreen-state[data-state=done], .wc-visuscreen-state[data-state=in_progress] { color: var(--primary); background: color-mix(in srgb, var(--primary) 10%, var(--card)); border-color: color-mix(in srgb, var(--primary) 25%, var(--border)); }
.wc-visuscreen-progress { width: 100%; max-width: 18rem; display: grid; gap: .25rem; text-align: right; font-size: .65rem; color: var(--muted-foreground); }
.wc-visuscreen-progress progress { display: block; appearance: none; width: 100%; height: 4px; border: 0; border-radius: 4px; overflow: hidden; background: var(--muted); color: var(--primary); }
.wc-visuscreen-progress progress::-webkit-progress-bar { background: var(--muted); }
.wc-visuscreen-progress progress::-webkit-progress-value { background: var(--primary); }
.wc-visuscreen-progress progress::-moz-progress-bar { background: var(--primary); }
.wc-visuscreen-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: .625rem 1rem; margin: 0; }
.wc-visuscreen-facts dt { color: var(--muted-foreground); font-size: .65rem; margin-bottom: .2rem; }
.wc-visuscreen-facts dd { margin: 0; font-size: .8rem; font-weight: 600; overflow-wrap: anywhere; }
.wc-visuscreen-body, .wc-visuscreen-instructions { display: grid; gap: .75rem; align-items: start; }
.wc-visuscreen-body:has(> .wc-visuscreen-photos) { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); }
.wc-visuscreen h2 { font-size: .85rem; font-weight: 600; margin: 0 0 .5rem; }
.wc-visuscreen-text { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; font-size: .85rem; line-height: 1.5; }
.wc-visuscreen-section-title { display: flex; align-items: baseline; justify-content: space-between; gap: .75rem; margin-bottom: .5rem; }
.wc-visuscreen-section-title h2 { margin: 0; }
.wc-visuscreen-section-title > span { color: var(--muted-foreground); font-size: .7rem; font-variant-numeric: tabular-nums; }
.wc-visuscreen-works { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.wc-visuscreen-works > li { display: flex; gap: .75rem; padding: .75rem 0; border-top: 1px solid var(--border); }
.wc-visuscreen-works > li:first-child { border-top: 0; padding-top: .35rem; }
.wc-visuscreen-works > li:last-child { padding-bottom: .15rem; }
.wc-visuscreen-work-content { min-width: 0; flex: 1; }
.wc-visuscreen-work-title { display: flex; align-items: baseline; gap: .5rem 1rem; justify-content: space-between; }
.wc-visuscreen-work-title h3 { margin: 0; font-size: .9rem; font-weight: 600; line-height: 1.4; overflow-wrap: anywhere; }
.wc-visuscreen-work-title > span { flex-shrink: 0; color: var(--muted-foreground); font-size: .65rem; }
.wc-visuscreen-works > li[data-state=done] .wc-visuscreen-work-title > span { color: var(--primary); }
.wc-visuscreen-number { display: flex; align-items: center; justify-content: center; align-self: flex-start; flex: 0 0 1.8rem; height: 1.8rem; border-radius: 6px; background: var(--muted); color: var(--primary); font-size: .75rem; font-weight: 600; font-variant-numeric: tabular-nums; }
.wc-visuscreen-number svg { width: 1.1rem; height: 1.1rem; }
.wc-visuscreen-works > li[data-state=unnecessary] .wc-visuscreen-number { color: var(--muted-foreground); }
.wc-visuscreen-values { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr)); gap: .5rem 1rem; margin: .5rem 0 0; }
.wc-visuscreen-values dt { color: var(--muted-foreground); font-size: .65rem; overflow-wrap: anywhere; }
.wc-visuscreen-values dd { margin: .1rem 0 0; font-size: .8rem; overflow-wrap: anywhere; white-space: pre-wrap; }
.wc-visuscreen-values small { color: var(--muted-foreground); font-size: inherit; }
.wc-visuscreen-photo-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.wc-visuscreen-photo-grid figure { min-width: 0; margin: 0; }
.wc-visuscreen-photo-grid figure:first-child { grid-column: 1 / -1; }
.wc-visuscreen-photo-grid a { display: block; overflow: hidden; border-radius: 6px; background: var(--muted); }
.wc-visuscreen-photo-grid img { display: block; width: 100%; height: clamp(8rem, 15vw, 14rem); object-fit: contain; }
.wc-visuscreen-photo-grid figure:first-child img { height: clamp(12rem, 24vw, 26rem); }
.wc-visuscreen-photo-grid figcaption { margin-top: .3rem; font-size: .7rem; line-height: 1.4; color: var(--muted-foreground); white-space: pre-wrap; overflow-wrap: anywhere; }
.wc-visuscreen-photo-status, .wc-visuscreen-muted { margin: 0; color: var(--muted-foreground); font-size: .75rem; }
.wc-visuscreen-empty { min-height: 35dvh; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: .5rem; text-align: center; }
.wc-visuscreen-empty > svg { color: var(--primary); }
.wc-visuscreen-empty p { margin: 0; color: var(--muted-foreground); }
.wc-visuscreen-footer { padding: .5rem 1.25rem .75rem; text-align: center; color: var(--muted-foreground); font-size: .65rem; }
@media (min-width: 1500px) {
  .wc-visuscreen-body:not(:has(> .wc-visuscreen-photos)) .wc-visuscreen-works { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 1.5rem; }
  .wc-visuscreen-body:not(:has(> .wc-visuscreen-photos)) .wc-visuscreen-works > li:nth-child(2) { border-top: 0; padding-top: .35rem; }
}
@media (max-width: 850px) {
  .wc-visuscreen-body:has(> .wc-visuscreen-photos) { grid-template-columns: minmax(0, 1fr); }
  .wc-visuscreen-heading { align-items: flex-start; }
  .wc-visuscreen-summary { flex-basis: 12rem; }
  .wc-visuscreen-photo-grid figure:first-child img { height: clamp(14rem, 40vw, 24rem); }
}
@media (max-width: 550px) {
  .wc-visuscreen .wc-top { padding: .5rem .75rem; }
  .wc-visuscreen .wc-live { width: 100%; margin-left: 0; }
  .wc-visuscreen-content { padding: .75rem; gap: .625rem; }
  .wc-visuscreen-content .wc-card { padding: .75rem; }
  .wc-visuscreen-heading { flex-direction: column; align-items: stretch; }
  .wc-visuscreen-summary { flex-basis: auto; flex-direction: row; align-items: center; justify-content: space-between; }
  .wc-visuscreen-progress { width: auto; flex: 1; max-width: 12rem; }
  .wc-visuscreen-work-title { flex-wrap: wrap; gap: .15rem .5rem; }
  .wc-visuscreen-work-title > span { flex-shrink: 1; }
  .wc-visuscreen-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/creator-structure.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wc-structure-root { display: flex; flex-direction: column; min-height: 0; gap: .5rem; overflow: hidden; }
.wc-asset-content-header { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; min-width: 0; }
.wc-asset-content-heading { flex: 1 1 auto; min-width: 0; }
.wc-asset-content-heading h3 { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.wc-asset-content-actions { display: flex; flex: 0 1 auto; align-items: center; flex-wrap: nowrap; gap: .5rem; margin-left: auto; min-width: 0; max-width: 100%; }
.wc-asset-content-actions > button { min-height: 40px; height: 40px; }
.wc-asset-section-select { display: block; min-width: 0; font-size: .875rem; }
.wc-asset-section-select select { width: 100%; min-width: 0; min-height: 40px; height: 40px; text-overflow: ellipsis; }
.wc-asset-content-search > input { width: 100%; }
.wc-asset-fields { display: grid; grid-template-columns: minmax(0, 1fr); gap: .75rem; min-width: 0; }
.wc-asset-fields label { display: grid; gap: .25rem; min-width: 0; }
.wc-asset-fields select { border: 1px solid var(--border); border-radius: 6px; padding: .5rem; background: var(--background); color: var(--foreground); }
.wc-asset-field-wide { grid-column: 1 / -1; }
.wc-asset-works { display: grid; gap: .75rem; min-width: 0; }
.wc-work-add, .wc-work-value-add { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .5rem; align-items: end; }
.wc-work-table-wrap { min-width: 0; overflow: auto; border: 1px solid var(--border); border-radius: 7px; }
.wc-work-table, .wc-work-values-table { width: 100%; border-collapse: collapse; font-size: .875rem; }
.wc-work-table th, .wc-work-table td, .wc-work-values-table th, .wc-work-values-table td { padding: .5rem; text-align: left; vertical-align: middle; border-bottom: 1px solid var(--border); }
.wc-work-table tr:last-child td, .wc-work-values-table tr:last-child td { border-bottom: 0; }
.wc-work-table th:first-child, .wc-work-table td:first-child, .wc-work-table th:nth-last-child(-n+2), .wc-work-table td:nth-last-child(-n+2), .wc-work-values-table th:last-child, .wc-work-values-table td:last-child { width: 1%; white-space: nowrap; }
.wc-work-table td:nth-child(2) { min-width: 12rem; }
.wc-work-table [data-slot="button"] { min-width: 2.25rem; }
.wc-work-values-window { display: grid; grid-column: 1 / -1; gap: 1rem; min-width: 0; }
.wc-work-values-window > table { border: 1px solid var(--border); border-radius: 7px; overflow: hidden; }
.wc-work-value-add { grid-template-columns: minmax(0, 1fr); }
.wc-work-value-add select { min-height: 2.25rem; border: 1px solid var(--border); border-radius: 7px; padding: .375rem .625rem; background: var(--background); color: var(--foreground); }
.wc-work-values-dialog { --wc-window-width: 56rem; }
@media (min-width: 601px) {
  .wc-work-values-dialog .wc-work-values-table { table-layout: fixed; }
  .wc-work-values-dialog .wc-work-values-table th:first-child { width: 34%; }
  .wc-work-values-dialog .wc-work-values-table th:nth-child(2) { width: 20%; }
  .wc-work-values-dialog .wc-work-values-table th:nth-child(3) { width: 16%; }
}
@media (max-width: 600px) {
  .wc-work-values-dialog .wc-work-values-table th, .wc-work-values-dialog .wc-work-values-table td { padding: .35rem; }
}
.wc-my-works { display: flex; flex-direction: column; min-height: 0; gap: .5rem; overflow: hidden; }
.wc-my-works > :not(.wc-my-works-list) { flex-shrink: 0; }
.wc-my-works-header { display: flex; flex-direction: column; gap: .5rem; min-width: 0; }
@media (min-width: 801px) {
  .wc-my-works-header { flex-direction: row; align-items: center; }
  .wc-my-works-header > .wc-my-works-controls { flex: 1; }
  .wc-my-works-header[data-search-open="true"] > .wc-my-works-status { display: none; }
}
.wc-my-works-status { display: flex; flex-wrap: wrap; align-items: center; gap: clamp(.5rem, 2vw, 1rem); min-width: 0; padding: .5rem 0; color: var(--muted-foreground); font-size: .75rem; line-height: 1.4; }
.wc-my-works-status > button { display: flex; align-items: center; gap: .5rem; min-height: 2rem; padding: .25rem 0; border: 0; background: transparent; color: inherit; font: inherit; text-align: left; white-space: nowrap; }
.wc-my-works-status > button + button { border-left: 1px solid var(--border); padding-left: clamp(.5rem, 2vw, 1rem); }
/* Mobile: new work order at the right end of the status row. */
.wc-my-works-status > .wc-my-works-create { margin-left: auto; border: 1px solid var(--border); padding: 0; }
.wc-my-works-status > button:hover { color: var(--foreground); }
.wc-my-works-status > button[aria-pressed="true"] { color: var(--primary); box-shadow: inset 0 -2px var(--primary); }
.wc-my-works-status > button[aria-pressed="true"] strong { color: inherit; }
.wc-my-works-status strong { color: var(--foreground); font-weight: 600; font-variant-numeric: tabular-nums; }
.wc-my-works-status svg { width: 1.125rem; height: 1.125rem; flex-shrink: 0; }
.wc-my-works-status-dot { width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; }
.wc-my-works-status-dot[data-status="open"] { background: #e5746d; }
.wc-my-works-status-dot[data-status="started"] { background: #49a36b; }
.wc-my-works-layout { display: flex; flex-direction: column; flex: 0 0 24px; gap: 2px; margin-left: auto; }
.wc-my-works-layout > button { display: grid; place-items: center; width: 24px; height: 18px; padding: 0; border: 0; border-radius: 4px; background: transparent; color: var(--muted-foreground); cursor: pointer; }
.wc-my-works-layout > button[aria-pressed="true"] { background: var(--primary); color: var(--primary-foreground); }
.wc-my-works-layout > button:focus-visible { outline: 2px solid var(--primary); outline-offset: 1px; }
.wc-my-works-layout > button:disabled { cursor: default; opacity: .5; }
.wc-my-works-layout svg { width: 14px; height: 14px; }
@media (max-width: 360px) {
  .wc-my-works-status { font-size: .6875rem; gap: .25rem; }
  .wc-my-works-status > button { gap: .25rem; }
  .wc-my-works-status > button + button { padding-left: .25rem; }
}
.wc-my-works-controls { display: flex; align-items: center; gap: .5rem; min-width: 0; }
.wc-my-works-toolbar { flex: 0 0 auto; margin-left: auto; }
.wc-my-works-filter[data-active="true"] svg {
  color: var(--primary);
  animation: wc-my-works-filter-blink 1.2s ease-in-out infinite;
}
@keyframes wc-my-works-filter-blink {
  0%, 100% { opacity: 1; }
  50% { opacity: .25; }
}
@media (prefers-reduced-motion: reduce) {
  .wc-my-works-filter[data-active="true"] svg { animation: none; }
}
.wc-my-works-reveal { display: none; }
@media (max-width: 800px) {
  .wc-my-works[data-mobile-controls-open="false"] .wc-my-works-controls { display: none; }
  .wc-my-works-reveal { display: block; }
  .wc-my-works-list { overscroll-behavior-y: contain; }
}
.wc-my-works-search { flex: 1; max-width: 100%; min-width: 0; padding: 3px; box-sizing: border-box; }
.wc-my-works-search > input { display: block; width: 100%; max-width: 100%; min-width: 0; height: 40px; box-sizing: border-box; }
.wc-my-works-summary { margin: 0; font-size: calc(11px * var(--wc-font-scale, 1)); color: var(--muted-foreground); }
.wc-my-works-list { flex: 1; min-height: 0; overflow: auto; display: flex; flex-direction: column; gap: 8px; padding: 2px; }
.wc-my-order.wc-card { container-type: inline-size; position: relative; padding: 0; margin: 0; flex-shrink: 0; overflow: hidden; color: var(--card-foreground); transition: border-color .15s ease; }
@media (max-width: 800px) {
  .wc-my-works[data-mobile-layout="compact"] .wc-my-order-open { height: 44px; justify-content: center; gap: 0; padding: 0 14px; }
  .wc-my-works[data-mobile-layout="compact"] .wc-my-order-topline,
  .wc-my-works[data-mobile-layout="compact"] .wc-my-order-footer { display: none; }
}
.wc-my-order.wc-card:hover, .wc-my-order.wc-card:focus-within { border-color: color-mix(in srgb, var(--primary) 45%, var(--border)); }
.wc-app .wc-my-order-open { display: flex; flex-direction: column; gap: 7px; width: 100%; padding: 12px 14px 0; text-align: left; color: inherit; background: transparent; cursor: pointer; font: inherit; }
.wc-my-order-open::after { content: ""; position: absolute; inset: 0; border-radius: 6px; }
.wc-my-order-open:focus-visible { outline: none; }
.wc-my-order-open:focus-visible::after { outline: 2px solid var(--primary); outline-offset: -2px; }
.wc-my-order-topline { display: flex; align-items: center; flex-wrap: wrap; gap: 5px 12px; width: 100%; font-size: calc(11px * var(--wc-font-scale, 1)); line-height: 1.4; }
.wc-my-order-created { color: var(--muted-foreground); font-variant-numeric: tabular-nums; }
.wc-my-order-priority { display: inline-flex; align-items: center; gap: 4px; color: var(--primary); font-weight: 500; }
.wc-my-order-priority svg { width: 11px; height: 11px; }
.wc-my-order-status { display: inline-flex; flex-shrink: 0; align-items: center; gap: 6px; margin-inline-start: auto; color: var(--card-foreground); white-space: nowrap; font-size: calc(11px * var(--wc-font-scale, 1)); line-height: 1.4; }
.wc-my-order-dot { flex: 0 0 6px; width: 6px; height: 6px; border-radius: 50%; background: #d45c5c; }
.wc-my-order-dot[data-started="true"] { background: #3a9d6a; }
.wc-my-order-heading { display: flex; align-items: center; gap: 12px; width: 100%; min-width: 0; }
.wc-app .wc-my-order-title { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: inherit; font-size: calc(13px * var(--wc-font-scale, 1)); line-height: 1.4; font-weight: 600; letter-spacing: -.01em; }
.wc-my-order-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 5px 10px; min-width: 0; width: 100%; color: var(--muted-foreground); font-size: calc(12px * var(--wc-font-scale, 1)); line-height: 1.4; }
.wc-my-order-category { color: var(--card-foreground); overflow-wrap: anywhere; }
.wc-my-order-category + .wc-my-order-assignment { padding-inline-start: 10px; border-inline-start: 1px solid var(--border); }
.wc-my-order-assignment, .wc-my-order-due, .wc-my-order-progress, .wc-my-order-taken { display: inline-flex; align-items: center; gap: 5px; min-width: 0; }
.wc-my-order-assignment span, .wc-my-order-taken span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wc-my-order-assignment { max-width: 100%; }
.wc-my-order-meta svg, .wc-my-order-footer svg { flex-shrink: 0; width: 13px; height: 13px; color: var(--muted-foreground); }
.wc-my-order-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 12px; min-width: 0; padding: 10px 14px 12px; font-size: calc(11px * var(--wc-font-scale, 1)); line-height: 1.5; color: var(--muted-foreground); }
.wc-my-order-facts { display: flex; align-items: center; flex-wrap: wrap; gap: 5px 14px; min-width: 0; }
.wc-my-order-due { color: var(--card-foreground); font-variant-numeric: tabular-nums; }
.wc-my-order-progress { font-variant-numeric: tabular-nums; gap: 4px; }
.wc-my-order-taken { max-width: 50%; margin-inline-start: auto; }
.wc-app .wc-my-order-take { position: relative; z-index: 1; flex-shrink: 0; margin-inline-start: auto; height: 28px; min-height: 28px; gap: 5px; padding: 0 9px; border-radius: 6px; font-size: calc(11px * var(--wc-font-scale, 1)); border: 1px solid var(--border); background: var(--card); color: var(--card-foreground); }
.wc-app .wc-my-order-take:hover { background: var(--accent); color: var(--accent-foreground); }
@container (max-width: 480px) {
  .wc-my-order-progress-label { display: none; }
  .wc-my-order-topline { column-gap: 8px; }
  .wc-my-order-priority { order: 1; flex-basis: 100%; }
  .wc-my-order-footer { column-gap: 8px; }
  .wc-my-order-facts { column-gap: 10px; }
}
@media (prefers-reduced-motion: reduce) { .wc-my-order.wc-card { transition: none; } }
.wc-activity-check { display: flex !important; align-items: center; gap: .5rem; align-self: center; }
.wc-my-order > header { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-bottom: .5rem; }
.wc-my-order h2 { font-size: 1rem; text-align: left; font-weight: 600; }
.wc-my-order header p { color: var(--muted-foreground); font-size: .75rem; }
.wc-my-order-items { display: grid; }
.wc-my-work { display: flex; align-items: center; gap: .75rem; width: 100%; padding: .75rem .25rem; text-align: left; border-top: 1px solid var(--border); }
.wc-my-work > span:first-child { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.wc-my-work strong, .wc-my-work small { display: block; }
.wc-my-work small { font-size: .75rem; color: var(--muted-foreground); }
.wc-my-work:hover { background: var(--accent); }
.wc-work-state { flex-shrink: 0; font-size: .75rem; border-radius: 6px; padding: .2rem .5rem; background: var(--muted); }
.wc-work-state[data-state=done], .wc-work-state[data-state=unnecessary] { color: #198449; background: color-mix(in srgb, #198449 10%, var(--card)); }
.wc-work-state[data-state=started] { color: var(--primary); background: color-mix(in srgb, var(--primary) 10%, var(--card)); }
.wc-my-works-empty { display: grid; justify-items: center; gap: .75rem; padding: 2rem; color: var(--muted-foreground); }
.wc-asset-section-page { display: flex; flex-direction: column; min-height: 0; overflow: hidden; gap: .75rem; padding: .75rem; }
.wc-asset-section-page > :not(.wc-structure-table):not(.wc-asset-documents) { flex-shrink: 0; }
.wc-asset-section-page > .wc-structure-table { flex: 1; min-height: 0; overflow: auto; }
.wc-asset-section-page > .wc-record-toolbar > input { flex: 1 1 12rem; min-width: 100px; }
.wc-asset-documents { flex: 1; min-height: 0; overflow: hidden; min-width: 0; display: flex; flex-direction: column; }
.wc-asset-documents > .wc-record-list { flex: 1; display: flex; flex-direction: column; min-height: 0; padding: 0; border: 0; background: transparent; gap: .5rem; }
.wc-asset-documents .wc-document-grid-body, .wc-asset-documents .wc-document-data-table { flex: 1; display: flex; flex-direction: column; min-height: 0; overflow: hidden; }
.wc-asset-documents .wc-document-data-table { gap: .375rem; }
.wc-asset-documents .wc-document-data-table > :first-child { flex: 1; min-height: 0; overflow: auto; }
.wc-asset-documents .wc-document-data-table > :last-child { flex-shrink: 0; }
.wc-asset-documents .wc-record-toolbar > label { flex: 1; min-width: 8rem; }
.wc-document-upload-short { display: none; }
@media (max-width: 600px) {
  .wc-asset-documents .wc-document-upload-long, .wc-asset-documents .wc-document-bulk-download > span { display: none; }
  .wc-asset-documents .wc-document-upload-short { display: inline; }
  .wc-asset-documents .wc-document-bulk-download { width: 2rem; padding-inline: 0; }
}
.wc-asset-documents .wc-page-toolbar { margin-bottom: .75rem; }
@media (max-width: 600px) { .wc-asset-fields { grid-template-columns: minmax(0, 1fr); }.wc-asset-content-heading { flex-wrap: wrap; } }
.wc-structure-workspace {
  flex: 1;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(260px, var(--structure-navigation, 30%)) minmax(0, 1fr);
  gap: .75rem;
  align-items: stretch;
}
/* Keep workspace columns independent of later-loaded generic card/list styles. */
.wc-structure-workspace > .wc-structure-panel {
  min-height: 0;
  overflow: hidden;
  min-width: 0;
  padding: 1rem;
  margin-bottom: 0;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--card);
  color: var(--card-foreground);
  box-shadow: 0 1px 4px rgb(0 0 0 / 8%);
  display: flex;
  flex-direction: column;
  gap: .75rem;
}
.wc-structure-panel h3 { font-weight: 600; }
.wc-structure-navigation-heading { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; min-width: 0; }
.wc-structure-navigation-heading h3 { flex: 1 1 auto; margin: 0; }
.wc-structure-navigation-actions { display: flex; flex: 0 0 auto; flex-wrap: nowrap; align-items: center; gap: .5rem; margin-left: auto; }
.wc-structure-navigation-actions > button { width: 40px; min-width: 40px; height: 40px !important; min-height: 40px !important; max-height: 40px; box-sizing: border-box; padding: 0; }
.wc-structure-navigation-actions > .wc-structure-new-button { width: 60px; min-width: 60px; gap: 0; }
.wc-structure-search > input { width: 100%; }
.wc-structure-table { min-width: 0; min-height: 0; overflow: auto; flex: 1; }
.wc-structure-panel > .wc-structure-table { display: flex; overflow: hidden; }
.wc-asset-content-grid { flex: 1; min-height: 0; overflow: hidden !important; }
.wc-asset-content-grid > div:first-child { flex: 1; min-height: 0; overflow: auto; }
.wc-asset-content-grid > div:last-child { flex-shrink: 0; }
.wc-asset-content-grid .wc-grid-pages { align-items: center; }
.wc-asset-content-grid .wc-grid-pages > span { min-width: 0; line-height: 1.4; white-space: normal; }
.wc-asset-tree { flex: 1; min-height: 0; overflow: auto; padding: .125rem; color: var(--card-foreground); }
.wc-asset-tree-root { display: flex; min-width: 0; }
.wc-asset-tree-node { min-width: 0; }
.wc-asset-tree-row { display: flex; align-items: center; min-width: 0; min-height: 2rem; }
.wc-asset-tree-toggle, .wc-asset-tree-spacer { width: 1.5rem; height: 2rem; flex: 0 0 1.5rem; display: grid; place-items: center; color: var(--muted-foreground); }
.wc-asset-tree-spacer { flex: 0 0 0.50rem; }
.wc-asset-tree-toggle { border: 0; background: transparent; border-radius: 4px; cursor: pointer; }
.wc-asset-tree-toggle:hover, .wc-asset-tree-toggle:focus-visible { color: var(--foreground); background: var(--muted); outline: none; }
.wc-asset-tree-select { min-width: 0; flex: 1; min-height: 1.875rem; display: flex; align-items: center; gap: .4rem; padding: .25rem .5rem; border: 1px solid transparent; border-radius: 6px; color: inherit; background: transparent; text-align: left; cursor: pointer; }
.wc-asset-tree-select > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wc-asset-tree-count { align-self: end; flex: 0 0 auto; padding: 0 0 .1rem; color: currentcolor; font-size: 60%; font-weight: 600; line-height: 1; opacity: .7; }
.wc-asset-tree-select svg { flex: 0 0 auto; color: var(--muted-foreground); }
.wc-asset-tree-select .wc-record-icon { color: var(--primary); }
.wc-asset-tree-select:hover { background: color-mix(in srgb, var(--primary) 7%, var(--card)); }
.wc-asset-tree-select[data-selected] { background: color-mix(in srgb, var(--primary) 13%, var(--card)); border-color: color-mix(in srgb, var(--primary) 35%, var(--border)); color: var(--foreground); }
.wc-asset-tree-select[data-dragging] { opacity: .55; }
.wc-asset-tree-select:focus-visible { outline: 2px solid var(--ring); outline-offset: 1px; }
.wc-asset-tree-select[data-drop-target], .wc-asset-tree[data-drop-target] { background: color-mix(in srgb, var(--primary) 15%, var(--card)); border-color: var(--primary); }
.wc-asset-tree-children { margin-left: .75rem; padding-left: .75rem; border-left: 1px solid var(--primary); }
.wc-asset-tree-children > .wc-asset-tree-node > .wc-asset-tree-row { position: relative; }
.wc-asset-tree-children > .wc-asset-tree-node > .wc-asset-tree-row::before { content: ""; position: absolute; left: -.75rem; top: 50%; width: .75rem; border-top: 1px solid var(--primary); }
.wc-structure-panel > :not(.wc-structure-table):not(.wc-asset-documents) { flex-shrink: 0; }
.wc-structure-panel .wc-record-toolbar { margin: 0; gap: .5rem; }
.wc-structure-panel select { min-height: 2.25rem; border: 1px solid var(--border); border-radius: .375rem; background: var(--background); padding: .25rem .5rem; }
.wc-structure-tabs { display: none; }
@media (max-height: 600px) {
  .wc-asset-section-select > span { display: none; }
  .wc-asset-content-heading { flex-wrap: nowrap; }
  .wc-structure-root { gap: 4px; }
  .wc-structure-workspace > .wc-structure-panel { padding: 6px !important; gap: 4px !important; }
  .wc-structure-panel h3 { font-size: 14px; line-height: 20px; }
  .wc-structure-panel th, .wc-structure-panel td { padding: 2px 8px; }
  .wc-asset-content-grid { gap: 4px; }
  .wc-asset-content-grid :is(th, td) button { height: 28px; min-height: 28px; padding-block: 0; }
  .wc-asset-content-grid .wc-grid-pages button { height: 28px; min-height: 28px; padding-block: 0; }
}
@media (max-width: 900px) {
  .wc-structure-root { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto minmax(0, 1fr); }
  .wc-structure-tabs { display: flex; gap: .5rem; }
  .wc-structure-tabs { grid-row: 1; grid-column: 2; }
  .wc-structure-tabs button { padding: .5rem 1rem; border-bottom: 2px solid transparent; }
  .wc-structure-tabs button[aria-selected=true] { color: var(--primary); border-bottom-color: var(--primary); }
  .wc-structure-workspace { grid-column: 1 / -1; grid-row: 2; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); }
  .wc-structure-workspace[data-mobile-panel=structure] > :nth-child(2), .wc-structure-workspace[data-mobile-panel=contents] > :first-child { display: none; }
  .wc-structure-workspace > .wc-structure-panel { padding: .5rem; gap: .375rem; }
}
/* Shared pure Equipment object chooser, as in Objekt_auswaehlen.pdf. */
.wc-object-picker { --wc-window-width: 72rem; }
.wc-object-picker-layout { display: grid; grid-template-columns: minmax(13rem, 32%) minmax(0, 1fr); gap: .875rem; min-height: min(60dvh, 38rem); }
.wc-object-picker-structure, .wc-object-picker-contents { padding: .75rem; min-width: 0; min-height: 0; }
.wc-object-picker-structure { display: flex; flex-direction: column; gap: .5rem; }
.wc-object-picker-structure > label { display: grid; gap: .25rem; }
.wc-object-picker-structure .wc-asset-tree { flex: 1; overflow: auto; max-height: 45dvh; }
.wc-object-picker-contents { display: flex; flex-direction: column; gap: .5rem; }
.wc-object-picker-contents .wc-grid-scroll { flex: 1; min-height: 12rem; max-height: 48dvh; }
@media (max-width: 600px) {
  .wc-object-picker-layout { grid-template-columns: minmax(0, 1fr); }
  .wc-object-picker-structure .wc-asset-tree { max-height: 27dvh; }
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/creator-existing-link.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* "Verlinken mit ..." window: the kinds on the left, the Daten-Verlinkung grid of that kind on the right. */
.wc-existing-link-dialog .wc-window-body { display: flex; flex-direction: column; }
.wc-existing-link { flex: 1; min-height: 0; display: grid; grid-template-columns: 12rem minmax(0, 1fr); gap: 1rem; }
.wc-existing-link-nav { display: grid; align-content: start; gap: .25rem; padding-right: 1rem; border-right: 1px solid var(--border); }
.wc-existing-link-nav button { display: flex; align-items: center; gap: .625rem; width: 100%; min-height: 2.25rem; padding: .5rem .75rem; border: 0; border-radius: 8px; background: transparent; color: inherit; font: inherit; font-size: .875rem; text-align: left; cursor: pointer; }
.wc-existing-link-nav button:hover { background: var(--muted); }
.wc-existing-link-nav button[aria-current="page"] { background: color-mix(in srgb, var(--primary) 30%, transparent); font-weight: 600; }
.wc-existing-link-nav button svg { flex: none; color: var(--primary); }
.wc-existing-link-nav button:disabled { cursor: progress; opacity: .6; }
.wc-existing-link-grid { min-width: 0; min-height: 0; display: flex; flex-direction: column; overflow: hidden; }
.wc-existing-link-grid > .wc-link-grid { flex: 1; min-height: 0; }
@media (max-width: 720px) {
  .wc-existing-link { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); gap: .5rem; }
  /* Phones: all four kinds stay visible as a 2 × 2 grid. */
  .wc-existing-link-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0 0 .5rem; border-right: 0; border-bottom: 1px solid var(--border); }
  .wc-existing-link-nav button { white-space: nowrap; }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/creator-visuplan.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wc-visuplan{display:flex;flex-direction:column;gap:.75rem;min-height:0;height:100%;flex:1}
.wc-visuplan-layout{display:grid;grid-template-columns:minmax(0,1fr) 15rem;gap:.75rem;flex:1;min-height:0}
.wc-visuplan-chart,.wc-visuplan-teams{display:flex;flex-direction:column;min-height:0;min-width:0;padding:.75rem;gap:.5rem}
.wc-visuplan-controls{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;font-size:.75rem}
.wc-visuplan-controls label{display:flex;align-items:center;gap:.5rem;min-width:15rem}
.wc-visuplan-controls label>[data-slot],.wc-visuplan-controls select{flex:1}
.wc-visuplan-scroll{flex:1;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;border:1px solid var(--border);border-radius:6px}
.wc-visuplan-row{display:grid;grid-template-columns:clamp(10rem,25%,16rem) minmax(0,1fr);min-width:0;min-height:2.6rem;border-bottom:1px solid var(--border)}
.wc-visuplan-tree-label{position:sticky;left:0;z-index:3;display:flex;align-items:center;gap:.4rem;background:var(--card);border-right:1px solid var(--border);padding:.5rem .75rem;font-size:.75rem;user-select:none}
.wc-visuplan-tree-label>span:not(.wc-visuplan-tree-spacer){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wc-visuplan-tree-label>svg,.wc-visuplan-tree-label>button{flex-shrink:0}.wc-visuplan-tree-label small{margin-left:auto;color:var(--muted-foreground)}
.wc-visuplan-tree-spacer{width:.875rem;flex-shrink:0}
.wc-visuplan-tree-label>.wc-visuplan-color-strip{position:absolute;left:0;top:0;bottom:0;width:8px;min-width:8px;padding:0;border:0;border-radius:0;cursor:pointer}
.wc-visuplan-color-strip:hover,.wc-visuplan-color-strip:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}
.wc-visuplan-color-palette{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1px;width:100%;border:1px solid var(--border)}
.wc-visuplan-color-palette>button{height:1.75rem;min-width:0;border:0;padding:0;cursor:pointer}
.wc-visuplan-color-palette>button:hover,.wc-visuplan-color-palette>button:focus-visible{outline:2px solid var(--foreground);outline-offset:-2px}
.wc-visuplan-time{position:relative;background:repeating-linear-gradient(to left,transparent 0,transparent calc(100% / 52 - 1px),var(--border) calc(100% / 52 - 1px),var(--border) calc(100% / 52))}
.wc-visuplan-axis{position:sticky;top:0;z-index:5;min-height:3.5rem;background:var(--card)}
.wc-visuplan-axis .wc-visuplan-tree-label{z-index:6}.wc-visuplan-axis strong{font-size:.75rem;position:absolute;top:.25rem}.wc-visuplan-future{left:.5rem}.wc-visuplan-now{right:.5rem}
.wc-visuplan-axis small{position:absolute;bottom:.3rem;transform:translateX(-50%);font-size:.65rem;color:var(--muted-foreground)}
.wc-visuplan-marker{position:absolute;top:50%;translate:-50% -50%;width:1.4rem;height:1.4rem;border-radius:6px;background:var(--primary);color:var(--primary-foreground);border:1px solid var(--primary);cursor:grab;touch-action:none;user-select:none;font-size:.65rem}
.wc-visuplan-marker[data-bar]{translate:0 -50%;max-width:100%;height:1.25rem}.wc-visuplan-marker[data-selected]{outline:2px solid var(--foreground);outline-offset:2px}
.wc-visuplan-marker[data-multicolor]>span{background:var(--card);color:var(--card-foreground);padding:0 .2rem;border-radius:2px}
.wc-visuplan-marker:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.wc-visuplan-marker[data-dragging]{opacity:.65;cursor:grabbing}.wc-visuplan-marker[data-readonly]{opacity:.5;cursor:default}
.wc-visuplan-team-list{overflow:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:.65rem;padding:2px}
.wc-visuplan-team{padding:.5rem;min-height:7rem;flex-shrink:0;display:flex;flex-direction:column;gap:.35rem}.wc-visuplan-team[data-over],.wc-visuplan-return[data-over]{outline:2px solid var(--primary);background:var(--accent)}
.wc-visuplan-team-heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.8rem}.wc-visuplan-team-heading strong{display:flex;align-items:center;gap:.4rem}.wc-visuplan-team small{font-size:.65rem;color:var(--muted-foreground)}
.wc-visuplan-team-markers{display:flex;flex-wrap:wrap;gap:.45rem;padding:.3rem;min-height:2rem}.wc-visuplan-team-markers .wc-visuplan-marker{position:relative;top:auto;translate:none;flex-shrink:0}
.wc-visuplan-return{align-self:flex-end;min-width:2.5rem;min-height:2rem;border:1px dashed var(--border);border-radius:6px}
.wc-visuplan-legend{display:flex;align-items:center;gap:.4rem;font-size:.65rem;color:var(--muted-foreground)}
@media(max-width:800px){.wc-visuplan-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(12rem,1fr) minmax(10rem,.65fr)}.wc-visuplan-team-list{flex-direction:row;overflow:auto}.wc-visuplan-team{min-width:13rem;max-width:17rem}.wc-visuplan-controls>span{display:none}.wc-visuplan-legend{font-size:.6rem}.wc-visuplan-teams{padding:.5rem}.wc-visuplan-team-heading button{min-width:2rem}.wc-visuplan-row{grid-template-columns:9rem minmax(0,1fr);min-width:0}.wc-visuplan-tree-label{max-width:9rem}}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/creator-menu-settings.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wc-menu-setting-intro {
  margin: 0;
  color: var(--muted-foreground);
  font-size: .75rem;
  line-height: 1.5;
}
.wc-menu-setting-row {
  display: grid;
  grid-template-columns: minmax(8rem, 1fr) minmax(0, 2fr) 2rem;
  gap: .75rem;
  align-items: center;
  min-width: 0;
}
.wc-menu-setting-row > label { font-size: .75rem; font-weight: 500; line-height: 1.5; }
.wc-menu-setting-row > input { min-width: 0; width: 100%; font-size: .75rem; }
.wc-menu-color-square {
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  padding: 0;
  border: 1px solid var(--border);
  border-radius: 4px;
}
@media (max-width: 600px) {
  .wc-menu-setting-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 2rem; gap: .5rem; }
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/creator-work-orders.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wc-work-order-toolbar {
  gap: 0.5rem;
}
.wc-order-heading-tools { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; min-width: 0; }
.wc-work-order-facts { min-width: 0; border: 1px solid var(--border); border-radius: 6px; background: var(--card); color: var(--card-foreground); }
.wc-work-order-facts > summary { display: flex; align-items: center; gap: .5rem; padding: .625rem .75rem; cursor: pointer; list-style: none; font-size: .875rem; font-weight: 600; }
.wc-work-order-facts > summary::-webkit-details-marker { display: none; }
.wc-work-order-facts > summary:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; border-radius: 6px; }
.wc-work-order-facts > summary svg { flex-shrink: 0; }
.wc-work-order-facts[open] > summary svg { transform: rotate(90deg); }
.wc-work-order-facts-content { display: flex; flex-direction: column; gap: .75rem; min-width: 0; padding: .75rem; border-top: 1px solid var(--border); }
.wc-work-note-history { padding: .75rem; border: 1px solid var(--border); border-radius: 6px; background: var(--muted); color: var(--foreground); white-space: pre-wrap; overflow-wrap: anywhere; font-size: .875rem; }
.wc-order-heading-tools .wc-work-order-toolbar { margin: 0; flex: 1 1 22rem; }
.wc-order-heading-tools .wc-work-order-toolbar > input { flex: 0 1 320px; width: 320px; max-width: min(320px, 100%); }
.wc-order-heading-tools .wc-work-order-actions { margin-left: auto; }
@media (min-width: 601px) {
  .wc-order-heading-tools .wc-order-view-tabs,
  .wc-order-heading-tools .wc-work-order-toolbar { display: contents; }
  .wc-order-heading-tools .wc-calendar-toolbar,
  .wc-order-heading-tools .wc-status-filters { order: 2; }
}
.wc-order-view-tabs, .wc-order-tablist, .wc-calendar-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; }
.wc-order-view-tabs { min-width: 0; }
.wc-calendar-tab-toolbar { display: contents; }
.wc-order-view-tabs .wc-calendar-toolbar { flex: 0 0 auto; flex-wrap: nowrap; }
.wc-calendar-toolbar > select, .wc-calendar-toolbar > [data-slot="themed-select"] { width: auto; }
.wc-calendar-panel, .wc-order-calendar { display: flex; flex: 1; flex-direction: column; min-height: 0; min-width: 0; gap: .5rem; }
.wc-calendar-scroll { flex: 1; min-height: 0; overflow: auto; }
.wc-calendar-days { display: grid; grid-template-columns: repeat(7, minmax(110px, 1fr)); min-height: 100%; align-content: stretch; }
.wc-calendar-day { min-width: 0; padding: .4rem; border: 1px solid var(--border); }
.wc-calendar-day h2 { font-size: .75rem; margin-bottom: .5rem; }
.wc-calendar-day[data-outside="true"] { background: var(--muted); }
.wc-calendar-day[data-today="true"] h2 { color: var(--primary); font-weight: 700; }
.wc-calendar-order { display: block; width: 100%; padding: .5rem; margin-bottom: .5rem; text-align: left; border: 1px solid var(--border); border-left: 4px solid #dc2626; border-radius: 6px; background: var(--card); color: var(--card-foreground); overflow-wrap: anywhere; }
.wc-calendar-order strong, .wc-calendar-order small { display: block; font-size: .75rem; }
.wc-calendar-order[data-tone="done"] { border-left-color: #16a34a; background: color-mix(in srgb, #16a34a 12%, var(--card)); }
.wc-calendar-order[data-tone="soon"] { border-left-color: #f97316; background: color-mix(in srgb, #f97316 12%, var(--card)); }
.wc-calendar-order[data-tone="open"] { background: color-mix(in srgb, #dc2626 10%, var(--card)); }
.wc-calendar-order[data-tone="started"] { border-left-color: #16a34a; background: repeating-linear-gradient(135deg, color-mix(in srgb, #16a34a 20%, var(--card)), color-mix(in srgb, #16a34a 20%, var(--card)) 5px, var(--card) 5px, var(--card) 10px); }
.wc-calendar-order:focus-visible { outline: 2px solid var(--ring); outline-offset: 1px; }
.wc-calendar-undated { margin-top: 1rem; max-width: 28rem; }
.wc-order-status { margin: 0; }
.wc-status-filters { display: flex; gap: .5rem; align-items: center; min-width: 0; }
.wc-status-filters > [data-slot="themed-select"] { width: 12rem; max-width: 100%; }
.wc-status-filters > .wc-status-soon-days { width: 4.5rem; flex: 0 0 4.5rem; }
.wc-work-order-toolbar > input {
  flex: 1;
  min-width: 8rem;
}
.wc-work-order-actions {
  display: flex;
  flex-wrap: wrap;
  min-width: 0;
  gap: 0.5rem;
  align-items: center;
}
.wc-work-order-grid .wc-work-order-filter-summary {
  margin: 0;
  padding: 0 0.25rem;
  color: var(--muted-foreground);
  font-size: 0.8rem;
  line-height: 1.4;
}
.wc-order-work-summary {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  max-width: 28rem;
  white-space: normal;
  min-width: 14rem;
}
@media (max-width: 600px) {
  .wc-work-order-grid .wc-work-order-filter-summary { display: none; }
  .wc-status-filters { width: 100%; }
  .wc-status-filters > [data-slot="themed-select"] { flex: 1; width: auto; min-width: 0; }
  .wc-calendar-toolbar { gap: .25rem; }
  .wc-calendar-toolbar > :first-child { max-width: 100px; }
  .wc-calendar-toolbar > strong { font-size: .75rem; }
  .wc-calendar-toolbar > button:last-child { margin-left: auto; font-size: .7rem; }
  .wc-order-view-tabs .wc-calendar-toolbar { flex: 1 0 100%; flex-wrap: wrap; }
  .wc-work-order-toolbar > input {
    flex-basis: 8rem;
  }
  .wc-work-order-actions {
    gap: .25rem;
  }
  .wc-work-order-action-label { display: none; }
  .wc-work-order-grid .wc-work-order-filter-summary {
    font-size: 0.75rem;
  }
}

.wc-work-priority-condition { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; min-width: 0; }
@media (max-width: 600px) { .wc-work-priority-condition { grid-template-columns: minmax(0, 1fr); } }

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/creator-qr.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* QR-Code-Etikett window: the code at 100 × 100 px, the label text below it. */
.wc-qr-label { display: grid; justify-items: center; gap: .75rem; }
.wc-qr-label-code { width: 100px; height: 100px; background: #fff; image-rendering: pixelated; }
.wc-qr-label > label { justify-self: stretch; }
.wc-qr-label-hint { margin: 0; font-size: .8rem; color: var(--muted-foreground); text-align: center; }

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/creator-compliance.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Prüffristen and HACCP pages: status chips, the cleaning matrix and the sensor token box. */
.wc-status-chip { display: inline-flex; align-items: center; gap: .375rem; padding: .125rem .5rem; border-radius: 999px; font-size: .72rem; font-weight: 600; background: var(--muted); color: var(--muted-foreground); white-space: nowrap; }
.wc-status-chip[data-status="ok"] { background: color-mix(in srgb, #22a559 18%, var(--muted)); color: #1a7f45; }
.wc-status-chip[data-status="due"] { background: color-mix(in srgb, #e58a16 24%, var(--muted)); color: #a35d05; }
.wc-status-chip[data-status="overdue"], .wc-status-chip[data-status="deviation"] { background: color-mix(in srgb, #d94a4a 22%, var(--muted)); color: #b32626; }
.wc-compliance-filter { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); align-items: end; gap: .75rem; padding-bottom: .75rem; border-bottom: 1px solid var(--border); }
.wc-compliance-filter label { display: grid; gap: .25rem; font-size: .75rem; font-weight: 500; min-width: 0; }
.wc-compliance-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); gap: .75rem; }
.wc-compliance-summary > div { padding: .625rem .75rem; border: 1px solid var(--border); border-radius: 8px; background: var(--background); display: grid; gap: .125rem; }
.wc-compliance-summary strong { font-size: 1.4rem; line-height: 1.1; }
.wc-compliance-summary span { font-size: .72rem; color: var(--muted-foreground); }
.wc-compliance-summary > div[data-tone="warn"] strong { color: #a35d05; }
.wc-compliance-summary > div[data-tone="bad"] strong { color: #b32626; }
/* Cleaning matrix: plans × days, one cell per shift */
.wc-haccp-matrix { overflow: auto; border: 1px solid var(--border); border-radius: calc(var(--radius) - 2px); }
.wc-haccp-matrix thead th { height: 35px; background: var(--card); font-size: .72rem; font-weight: 600; }
.wc-haccp-matrix thead th small { margin-left: .25rem; font-weight: 400; }
.wc-haccp-matrix tbody tr:last-child td { border-bottom: 0; }
.wc-haccp-matrix table { border-collapse: separate; border-spacing: 0; width: 100%; font-size: .78rem; }
.wc-haccp-matrix th, .wc-haccp-matrix td { padding: .35rem .4rem; border-bottom: 1px solid var(--border); text-align: center; white-space: nowrap; }
.wc-haccp-matrix th:first-child, .wc-haccp-matrix td:first-child { position: sticky; left: 0; z-index: 1; background: var(--card); text-align: left; min-width: 12rem; }
.wc-haccp-matrix th[data-today="true"] { color: var(--primary); }
.wc-haccp-matrix td small { display: block; color: var(--muted-foreground); font-size: .68rem; white-space: normal; }
.wc-haccp-cell { display: inline-flex; align-items: center; justify-content: center; min-width: 2rem; height: 1.75rem; padding: 0 .375rem; border: 1px solid var(--border); border-radius: 6px; background: var(--background); color: inherit; font: inherit; font-size: .7rem; cursor: pointer; }
.wc-haccp-cell + .wc-haccp-cell { margin-left: 3px; }
.wc-haccp-cell[data-state="done"] { background: color-mix(in srgb, #22a559 20%, var(--background)); border-color: #22a559; color: #1a7f45; font-weight: 600; }
.wc-haccp-cell[data-state="missed"] { background: color-mix(in srgb, #d94a4a 16%, var(--background)); border-color: #d94a4a; color: #b32626; }
.wc-haccp-cell[data-state="due"] { border-style: dashed; }
.wc-haccp-cell:disabled { cursor: default; opacity: .7; }
.wc-haccp-cell-idle { display: inline-block; min-width: 2rem; color: var(--muted-foreground); }
.wc-sensor-token { display: grid; gap: .5rem; padding: .75rem; border: 1px dashed var(--border); border-radius: 8px; background: var(--muted); font-size: .8rem; }
.wc-sensor-token code { display: block; padding: .375rem .5rem; border-radius: 6px; background: var(--background); overflow-wrap: anywhere; font-size: .78rem; }
.wc-compliance-history { display: grid; gap: .375rem; margin: 0; padding: 0; list-style: none; font-size: .8rem; }
.wc-compliance-history li { display: grid; gap: .125rem; padding: .375rem 0; border-top: 1px solid var(--border); }
.wc-compliance-history li:first-child { border-top: 0; }
.wc-compliance-history small { color: var(--muted-foreground); }
.wc-haccp-history-chart { margin: .5rem 0; min-width: 0; }
.wc-haccp-history-chart figcaption { font-weight: 600; }
.wc-haccp-history-chart p { margin-block: .375rem; font-size: .75rem; overflow-wrap: anywhere; }
.wc-haccp-history-chart svg { display: block; width: 100%; max-height: 260px; color: var(--foreground); }
.wc-haccp-history-chart text { fill: currentColor; font-size: 14px; }
.wc-haccp-plot-axis { fill: none; stroke: var(--muted-foreground); }
.wc-haccp-plot-normal { fill: var(--foreground); }
.wc-haccp-plot-deviation { fill: none; stroke: var(--primary); stroke-width: 1.5; }
.wc-checklist { display: grid; gap: .375rem; }
.wc-checklist label { display: flex; align-items: center; gap: .5rem; font-size: .85rem; }
.wc-weekdays { display: flex; flex-wrap: wrap; gap: .375rem; }
.wc-weekdays button { min-width: 2.5rem; padding: .25rem .5rem; border: 1px solid var(--border); border-radius: 6px; background: var(--background); color: inherit; font: inherit; font-size: .75rem; cursor: pointer; }
.wc-weekdays button[aria-pressed="true"] { background: var(--primary); border-color: var(--primary); color: var(--primary-foreground); }
/* HACCP pages: the filter row. It wraps instead of overflowing, so every card width works. */
.wc-haccp-filter { display: flex; flex-wrap: wrap; align-items: flex-end; gap: .75rem; padding-bottom: .75rem; border-bottom: 1px solid var(--border); }
.wc-haccp-filter > label { flex: 1 1 9rem; min-width: 9rem; width: auto; display: grid; gap: .25rem; font-size: .75rem; font-weight: 500; }
.wc-haccp-filter > label:first-child { flex: 2 1 12rem; }
.wc-haccp-filter > label :is(input, select) { width: 100%; min-width: 0; }
.wc-haccp-filter > label.wc-haccp-toggle { flex: 0 0 auto; min-width: 0; display: flex; align-items: center; gap: .5rem; height: 2rem; font-size: .875rem; font-weight: 400; white-space: nowrap; cursor: pointer; }
/* The toolbar sizes its buttons to 2rem; the checkbox is a button too and keeps its own size. */
.wc-record-list .wc-haccp-filter button[role="checkbox"] { width: 1rem; height: 1rem; min-height: 1rem; padding: 0; border-radius: 4px; }
.wc-haccp-filter > button { flex: 0 0 auto; }
@media (max-width: 720px) { .wc-haccp-filter > button { flex-basis: 100%; } }
.wc-haccp-filter > .wc-haccp-week-nav { flex: 0 0 auto; display: flex; gap: .25rem; }
/* Line below a HACCP table: loading text, legend or note, styled like the page line of the grids. */
.wc-haccp-note { margin: .5rem 0 0; font-size: .8rem; color: var(--muted-foreground); }
.wc-haccp-legend { display: flex; flex-wrap: wrap; align-items: center; gap: .375rem .5rem; }
.wc-haccp-legend .wc-haccp-cell { cursor: default; margin-left: .5rem; }
.wc-haccp-legend .wc-haccp-cell:first-child { margin-left: 0; }
.wc-haccp-legend .wc-haccp-cell-idle { min-width: 1rem; margin-left: .5rem; text-align: center; }
/* Empty matrix: centred like the empty message of the grids. */
.wc-haccp-matrix td.wc-haccp-matrix-empty:first-child { position: static; height: 6rem; text-align: center; color: var(--muted-foreground); font-size: .8rem; white-space: normal; background: transparent; }
/* A plain overview table in the grid frame (Kontrollmappe contents). */
.wc-haccp-table :is(th, td) { padding: .6rem .75rem; text-align: left; white-space: normal; }
.wc-haccp-table td { font-size: .8rem; }
.wc-haccp-table td:first-child { position: static; min-width: 14rem; font-weight: 500; }
/* Date fields keep their size, as in the other filter rows; the reset button closes the row on the right. */
.wc-haccp-filter > label:has(input[type="date"]) { flex: 0 1 12rem; }
.wc-haccp-filter > button:last-child { margin-left: auto; }
@media (max-width: 720px) {
  /* Phones: date fields share the row with their neighbours; the overview shows each section as a block. */
  .wc-haccp-filter > label:has(input[type="date"]) { flex: 1 1 9rem; }
  .wc-haccp-table thead { display: none; }
  .wc-haccp-table tr { display: grid; gap: .25rem; padding: .6rem .75rem; border-bottom: 1px solid var(--border); }
  .wc-haccp-table tr:last-child { border-bottom: 0; }
  .wc-haccp-table td, .wc-haccp-table td:first-child { display: block; min-width: 0; padding: 0; border: 0; }
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/creator-alerts.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Personal settings: tone and vibration on this device. */
.wc-alert-settings { display: grid; gap: .75rem; }
.wc-alert-setting { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .5rem 0; border-top: 1px solid var(--border); }
.wc-alert-setting label { display: grid; gap: .125rem; cursor: pointer; }
.wc-alert-setting label span, .wc-alert-note { font-size: .8rem; color: var(--muted-foreground); }

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/creator-document-folders.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wc-documents-workspace { display: grid; grid-template-columns: minmax(13rem, 22%) minmax(0, 1fr); gap: .75rem; min-width: 0; align-items: start; }
.wc-document-folder-tree { display: flex; flex-direction: column; min-width: 0; gap: .6rem; padding: .75rem; border: 1px solid var(--border); border-radius: var(--radius); background: var(--card); color: var(--card-foreground); }
.wc-document-folder-scroll { overflow: auto; max-height: calc(100dvh - 18rem); min-height: 8rem; }
.wc-document-folder-tree ul { list-style: none; padding: 0; margin: 0; }
.wc-document-folder-row { display: flex; align-items: center; min-height: 2.5rem; border-radius: .35rem; }
.wc-folder-toggle { display: flex; align-items: center; justify-content: center; width: 1.35rem; flex: 0 0 1.35rem; height: 2.25rem; }
.wc-folder-name, .wc-folder-all { display: flex; align-items: center; gap: .5rem; text-align: left; min-width: 0; padding: .45rem .3rem; flex: 1; font-size: var(--wc-font-size, .875rem); }
.wc-folder-name span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wc-folder-name svg, .wc-folder-all svg { flex-shrink: 0; }
.wc-document-folder-row[data-selected="true"], .wc-folder-all[aria-pressed="true"] { background: var(--accent); color: var(--accent-foreground); }
.wc-document-folder-row:hover { background: var(--muted); color: var(--foreground); }
.wc-folder-editor { display: grid; gap: 1rem; min-width: 0; }
.wc-folder-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; }
.wc-document-folder-settings { grid-template-columns: minmax(16rem, 36%) minmax(0, 1fr); }
.wc-documents-workspace > .wc-record-list { min-width: 0; }
@media (max-width: 600px) {
  .wc-documents-workspace { grid-template-columns: minmax(0, 1fr); }
  .wc-document-folder-scroll { max-height: 12rem; min-height: 0; }
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/creator-cockpit.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Arbeits-Cockpit on the dashboard: status, progress, completions, next days and team activity. */
.wc-cockpit { display: grid; gap: 16px; margin-bottom: 24px; }
.wc-cockpit-row { display: grid; gap: 16px; grid-template-columns: repeat(12, minmax(0, 1fr)); }
.wc-cockpit-card { margin: 0; padding: 18px 20px; display: grid; align-content: start; gap: 10px; min-width: 0; }
.wc-cockpit-card > header { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.wc-cockpit-card > header h2 { margin: 0; font-size: calc(13px * var(--wc-font-scale, 1)); font-weight: 600; }
.wc-cockpit-card > header small { color: var(--muted-foreground); font-size: calc(10px * var(--wc-font-scale, 1)); }
.wc-cockpit-span-3 { grid-column: span 3; }
.wc-cockpit-span-4 { grid-column: span 4; }
.wc-cockpit-span-5 { grid-column: span 5; }
.wc-cockpit-span-6 { grid-column: span 6; }
.wc-cockpit-span-12 { grid-column: 1 / -1; }
.wc-cockpit-span-8 { grid-column: span 8; }
/* Vertical bars (Auftragslage, Erledigt) */
.wc-cockpit-bars { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); align-items: end; gap: 12px; height: 132px; padding-top: 8px; }
.wc-cockpit-bars > button { display: grid; grid-template-rows: auto 1fr auto; height: 100%; text-align: center; min-width: 0; background: transparent; border: 0; padding: 0; color: inherit; font: inherit; cursor: pointer; }
.wc-cockpit :is(.wc-cockpit-bars, .wc-cockpit-days, .wc-cockpit-team) button:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }
.wc-cockpit :is(.wc-cockpit-bars, .wc-cockpit-days, .wc-cockpit-team) button:hover { filter: brightness(.92); }
.wc-cockpit-bars strong { font-size: calc(12px * var(--wc-font-scale, 1)); }
.wc-cockpit-bars i { display: block; align-self: end; margin: 4px auto 0; width: min(100%, 34px); min-height: 4px; border-radius: 6px 6px 2px 2px; background: var(--primary); transition: height .3s ease; }
.wc-cockpit-bars i[data-tone="muted"] { background: color-mix(in srgb, var(--primary) 35%, var(--muted)); }
.wc-cockpit-bars i[data-tone="warn"] { background: #e58a16; }
.wc-cockpit-bars i[data-tone="ok"] { background: #22a559; }
.wc-cockpit-bars span { font-size: calc(9px * var(--wc-font-scale, 1)); color: var(--muted-foreground); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* Progress donut */
.wc-cockpit-donut { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 18px; }
.wc-cockpit-donut svg { width: 150px; height: 150px; }
.wc-cockpit-donut .wc-cockpit-percent { font-size: calc(26px * var(--wc-font-scale, 1)); font-weight: 600; letter-spacing: var(--wc-letter-spacing, -1px); }
.wc-cockpit-legend { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; font-size: calc(11px * var(--wc-font-scale, 1)); }
.wc-cockpit-legend li { display: flex; align-items: center; gap: .5rem; }
.wc-cockpit-legend i { width: 10px; height: 10px; border-radius: 3px; background: var(--primary); flex: 0 0 auto; }
.wc-cockpit-legend strong { margin-left: auto; }
/* Counters (Ausstehend) */
.wc-cockpit-counters { display: grid; gap: 8px; }
.wc-cockpit-counters > button { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: 8px 10px; border: 1px solid var(--border); border-radius: 8px; background: var(--background); color: inherit; font: inherit; font-size: calc(11px * var(--wc-font-scale, 1)); text-align: left; cursor: pointer; }
.wc-cockpit-counters > button:hover { background: var(--muted); }
.wc-cockpit-counters b { min-width: 2.25rem; padding: 2px 8px; border-radius: 999px; background: var(--primary); color: var(--primary-foreground); font-size: calc(11px * var(--wc-font-scale, 1)); text-align: center; }
.wc-cockpit-counters b[data-tone="warn"] { background: #e58a16; }
/* Next days timeline */
.wc-cockpit-days { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; }
.wc-cockpit-days > button { display: grid; gap: 4px; padding: 8px 6px; border-radius: 8px; background: var(--muted); text-align: center; min-width: 0; border: 0; color: inherit; font: inherit; cursor: pointer; }
.wc-cockpit-days > button[data-today="true"] { outline: 2px solid var(--primary); outline-offset: -2px; }
.wc-cockpit-days span { font-size: calc(9px * var(--wc-font-scale, 1)); color: var(--muted-foreground); text-transform: uppercase; }
.wc-cockpit-days strong { font-size: calc(18px * var(--wc-font-scale, 1)); line-height: 1.1; }
.wc-cockpit-days i { display: block; height: 4px; border-radius: 2px; background: var(--primary); }
.wc-cockpit-list { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.wc-cockpit-list li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .625rem; padding: 6px 0; border-top: 1px solid var(--border); font-size: calc(11px * var(--wc-font-scale, 1)); }
.wc-cockpit-list li:first-child { border-top: 0; }
.wc-cockpit-list li > span:first-child { padding: 2px 7px; border-radius: 6px; background: var(--muted); font-size: calc(9px * var(--wc-font-scale, 1)); white-space: nowrap; }
.wc-cockpit-list li > span:nth-child(2) { display: grid; min-width: 0; }
.wc-cockpit-list li > span:nth-child(2) strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; }
.wc-cockpit-list li > span:nth-child(2) small { color: var(--muted-foreground); }
.wc-cockpit-list li > time, .wc-cockpit-list li > b { font-size: calc(9px * var(--wc-font-scale, 1)); color: var(--muted-foreground); white-space: nowrap; font-weight: 400; }
.wc-cockpit-list li[data-status="in_progress"] > span:first-child { background: color-mix(in srgb, var(--primary) 18%, var(--muted)); }
.wc-cockpit-list li[data-status="overdue"] > span:first-child { background: color-mix(in srgb, #e58a16 30%, var(--muted)); }
/* Team activity bars */
.wc-cockpit-team { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.wc-cockpit-team li > button { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 8px; font: inherit; font-size: calc(11px * var(--wc-font-scale, 1)); background: transparent; border: 0; padding: 0; color: inherit; cursor: pointer; width: 100%; text-align: left; }
.wc-cockpit-team li > button > i { grid-column: 1 / -1; display: block; height: 6px; border-radius: 3px; background: var(--primary); min-width: 4px; }
.wc-cockpit-empty { margin: 0; color: var(--muted-foreground); font-size: calc(11px * var(--wc-font-scale, 1)); }
.wc-cockpit-card > a, .wc-cockpit-card > button.wc-cockpit-link { justify-self: start; }
.wc-work-hints { margin-bottom: 16px; }
.wc-work-hints > p { margin: 0; font-size: .8rem; }
.wc-work-hints > button { justify-self: start; }
.wc-work-hint-counts { grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); }
@media (max-width: 1100px) {
  .wc-cockpit-span-3, .wc-cockpit-span-4, .wc-cockpit-span-5 { grid-column: span 6; }
  .wc-cockpit-span-8 { grid-column: span 12; }
}
@media (max-width: 720px) {
  .wc-cockpit-row { grid-template-columns: minmax(0, 1fr); }
  .wc-cockpit-span-3, .wc-cockpit-span-4, .wc-cockpit-span-5, .wc-cockpit-span-6, .wc-cockpit-span-8 { grid-column: auto; }
  .wc-cockpit-donut { grid-template-columns: minmax(0, 1fr); justify-items: center; }
  .wc-cockpit-days { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/creator-help.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Page help: the discreet question mark at the top right of the content area and the fullscreen explanation. */
.wc-content { position: relative; }
.wc-content > .wc-page-help { position: absolute; top: 3px; right: 3px; z-index: 5; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border: 0; border-radius: 999px; background: transparent; color: var(--muted-foreground); opacity: .7; cursor: pointer; transition: opacity .15s ease, background .15s ease; }
.wc-content > .wc-page-help:hover, .wc-content > .wc-page-help:focus-visible { opacity: 1; background: var(--muted); color: var(--foreground); outline: none; }
@media (max-width: 800px) { .wc-content > .wc-page-help { display: none; } }
.wc-help-fullscreen { --wc-window-width: 64rem; }
.wc-help-body { display: grid; gap: .75rem; align-content: start; }
.wc-help-purpose { grid-column: 1 / -1; margin: 0; color: var(--muted-foreground); }
@media (min-width: 900px) { .wc-help-body { grid-template-columns: 1.2fr 1fr; } .wc-help-body > section:first-child { grid-row: span 2; } }
.wc-help-section { display: grid; gap: .75rem; padding: .75rem; border: 1px solid var(--border); border-radius: 6px; background: var(--card); }
.wc-help-section h3 { display: flex; align-items: center; gap: .5rem; margin: 0; font-size: .95rem; font-weight: 600; }
.wc-help-section h3 svg { color: var(--primary); }
.wc-help-steps { margin: 0; padding: 0; list-style: none; display: grid; gap: .625rem; counter-reset: step; }
.wc-help-steps li { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: .75rem; align-items: start; }
.wc-help-steps li > span { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 999px; background: var(--primary); color: var(--primary-foreground); font-size: .8rem; font-weight: 700; }
.wc-help-steps li > p { margin: 0; padding-top: .25rem; font-size: .9rem; line-height: 1.55; }
.wc-help-list { margin: 0; padding-left: 1.1rem; display: grid; gap: .5rem; font-size: .9rem; line-height: 1.55; }
.wc-help-list li::marker { color: var(--primary); }
.wc-help-chips { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: .5rem; }
.wc-help-chips li { display: inline-flex; align-items: center; gap: .375rem; padding: .375rem .625rem; border-radius: 999px; background: color-mix(in srgb, var(--primary) 10%, var(--card)); border: 1px solid color-mix(in srgb, var(--primary) 25%, var(--border)); font-size: .8rem; }
.wc-help-chips li svg { color: var(--primary); }
/* Plaudern on phones keeps the quick navigation below the chat. */
@media (max-width: 800px) {
  .wc-app.wc-app[data-view="plaudern"] .wc-content { padding: 0; padding-bottom: calc(4.75rem + env(safe-area-inset-bottom)) !important; }
  .wc-app[data-view="plaudern"] .wc-page-heading.wc-page-header { margin: 0; padding: .5rem .75rem 0; }
  .wc-app[data-view="plaudern"] .wc-chat { border: 0; border-radius: 0; box-shadow: none; margin: 0; }
}
/* Keep page titles and the Plaudern header clear of the question mark in the corner. */
.wc-content .wc-page-header-intro { padding-right: 2.5rem; }
@media (max-width: 800px) {
  .wc-app[data-view="plaudern"] .wc-chat-aside-head, .wc-app[data-view="plaudern"] .wc-chat-head { padding-right: 2.5rem; }
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/creator-notifications.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Notification bell: a compact list of unread entries. */
.wc-bell { display: grid; gap: .5rem; align-content: start; }
.wc-bell-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.wc-bell-item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; column-gap: .625rem; padding: .625rem .75rem; border: 1px solid var(--border); border-radius: 10px; background: var(--card); }
.wc-bell-item[aria-busy="true"] { opacity: .6; }
.wc-bell-icon { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 999px; background: color-mix(in srgb, var(--primary) 12%, transparent); color: var(--primary); }
.wc-bell-text { display: grid; gap: .125rem; min-width: 0; }
.wc-bell-meta { display: flex; align-items: baseline; justify-content: space-between; gap: .5rem; font-size: .72rem; color: var(--muted-foreground); }
.wc-bell-menu { font-weight: 600; color: var(--primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wc-bell-meta time { white-space: nowrap; }
.wc-bell-object { display: flex; align-items: center; gap: .375rem; min-width: 0; font-size: .9rem; font-weight: 600; }
.wc-bell-object > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wc-bell-count { flex: none; min-width: 1.25rem; padding: 0 .35rem; border-radius: 999px; background: var(--primary); color: var(--primary-foreground); font-size: .68rem; line-height: 1.25rem; text-align: center; }
.wc-bell-trigger { font-size: .75rem; color: var(--muted-foreground); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wc-bell-body { font-size: .75rem; color: var(--muted-foreground); overflow-wrap: anywhere; }
.wc-bell-actions { display: flex; flex-direction: column; gap: .25rem; }
.wc-notifications-sheet .wc-bell-actions [data-slot="button"] { min-height: 36px; height: 36px; padding: 0 .625rem; font-size: .75rem; white-space: nowrap; }
.wc-bell-empty, .wc-bell-more { margin: 0; font-size: .8rem; color: var(--muted-foreground); }
.wc-bell-more { text-align: center; }
@media (max-width: 600px) {
  .wc-bell-item { grid-template-columns: auto minmax(0, 1fr); }
  .wc-bell-actions { grid-column: 2; flex-direction: row; justify-content: flex-end; margin-top: .375rem; }
  .wc-bell-meta { flex-wrap: wrap; }
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/creator-info-documents.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wc-info-management { display: flex; flex-direction: column; gap: 1rem; min-width: 0; }
.wc-info-management > .wc-card { margin: 0; min-width: 0; }
.wc-info-management-panes { display: grid; grid-template-columns: minmax(12rem, 1fr) minmax(0, 2fr); align-items: start; gap: 1rem; }
.wc-info-management-groups, .wc-info-management-documents, .wc-info-documents-editor { display: flex; flex-direction: column; gap: .75rem; min-width: 0; }
.wc-info-management-documents h3 { margin: 0; font-size: .875rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wc-info-documents-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.wc-info-document-menu { margin-left: auto; }
.wc-info-management [data-slot=table] { width: 100%; table-layout: fixed; }
.wc-info-management .wc-record-designation-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wc-info-management [data-slot=table-container] { max-height: 50dvh; }
.wc-info-management .wc-grid-flexible-columns { max-height: 50dvh; overflow: auto; min-width: 0; }
.wc-info-desktop { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 7.5rem), 7.5rem)); align-content: start; gap: .75rem; margin: 0; padding: 0; list-style: none; }
.wc-info-desktop > li { min-width: 0; }
.wc-info-desktop-item { display: flex; flex-direction: column; align-items: center; gap: .375rem; width: 100%; min-width: 0; padding: .75rem .5rem; border: 1px solid transparent; border-radius: 6px; background: transparent; color: var(--foreground); text-align: center; cursor: pointer; }
.wc-info-desktop-item:hover { background: var(--muted); border-color: var(--border); }
.wc-info-desktop-item:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
.wc-info-book-icon { position: relative; display: block; flex: 0 0 auto; width: 4rem; height: 4rem; color: var(--primary); }
.wc-info-book { position: absolute; width: 3.5rem; height: 3.5rem; left: .25rem; bottom: 0; stroke-width: 1.5; }
.wc-info-book-sparks { position: absolute; width: 1.625rem; height: 1.625rem; right: 0; top: -.25rem; stroke-width: 1.5; }
.wc-info-desktop-label, .wc-info-desktop-group { display: block; width: 100%; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.wc-info-desktop-label { font-size: .8125rem; font-weight: 500; }
.wc-info-desktop-group { font-size: .7rem; color: var(--muted-foreground); }
@media (max-width: 700px) {
  .wc-info-management { gap: .75rem; }
  .wc-info-management-panes { grid-template-columns: minmax(0, 1fr); gap: .75rem; }
  .wc-info-management-groups .wc-grid-flexible-columns { max-height: 14rem; }
}

.wc-info-pdf, .wc-info-video-player { display: flex; flex-direction: column; min-width: 0; min-height: 0; border: 1px solid var(--border); border-radius: var(--radius); background: var(--card); color: var(--card-foreground); overflow: hidden; }
.wc-info-pdf { height: min(70dvh, 850px); }
.wc-info-media-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; padding: .5rem; flex: 0 0 auto; background: var(--muted); color: var(--foreground); }
.wc-info-media-toolbar > span { font-size: .8125rem; white-space: nowrap; font-variant-numeric: tabular-nums; }
.wc-info-pdf-pages { flex: 1; min-height: 0; min-width: 0; overflow: auto; padding: .5rem; background: var(--muted); }
.wc-info-pdf-pages canvas { display: block; margin: 0 auto; }
.wc-info-pdf-pages canvas[hidden] { display: none; }
.wc-info-video-player .wc-info-preview-media { width: 100%; min-height: 0; max-height: 60dvh; background: var(--background); }
.wc-info-video-seek { flex: 1; min-width: 4rem; accent-color: var(--primary); }
.wc-info-video-player:fullscreen { border: 0; border-radius: 0; justify-content: center; background: var(--background); }
.wc-info-video-player:fullscreen .wc-info-preview-media { flex: 1; max-height: calc(100dvh - 5rem); }
.wc-info-pdf [role=alert], .wc-info-video-player [role=alert] { padding: .75rem; color: var(--destructive); }

/* The title-bar control keeps the shared dialog, focus and themed window chrome. */
.wc-modal-window.wc-info-preview > [data-slot="dialog-header"] { padding-right: 5rem !important; }
.wc-info-preview .wc-info-window-toggle { position: absolute; top: .25rem; right: 2.5rem; width: 2rem; height: 2rem; min-width: 2rem; min-height: 2rem; padding: 0; }
.wc-modal-window.wc-info-preview[data-slot="dialog-content"][data-maximized="true"] { inset: 0 !important; width: 100dvw !important; max-width: none !important; height: 100dvh !important; max-height: 100dvh !important; margin: 0; transform: none !important; border-radius: 0 !important; }
.wc-info-preview[data-maximized="true"] > .wc-window-body { overflow: hidden; }
.wc-info-preview[data-maximized="true"] .wc-info-pdf { height: 100%; flex: 1; }
.wc-info-preview[data-maximized="true"] .wc-info-video-player { flex: 1; }
.wc-info-preview[data-maximized="true"] .wc-info-preview-media { min-height: 0; max-height: 100%; object-fit: contain; }
.wc-info-preview[data-maximized="true"] .wc-info-video-player .wc-info-preview-media { flex: 1; }

@media (max-width: 700px) {
  .wc-modal-window.wc-info-preview[data-slot="dialog-content"][data-maximized="false"] { inset: 50% auto auto 50% !important; transform: translate(-50%, -50%) !important; width: calc(100dvw - 1rem) !important; max-width: calc(100dvw - 1rem) !important; height: calc(100dvh - 2rem) !important; max-height: calc(100dvh - 2rem) !important; border-radius: 6px !important; }
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/creator-groups.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wc-groups { display: flex; flex-direction: column; min-height: 0; overflow: hidden; }
.wc-groups-layout { display: grid; grid-template-columns: minmax(270px, 30%) minmax(0, 1fr); gap: 1rem; flex: 1; min-height: 0; }
.wc-groups-grid-scroll { display: flex; flex: 1; min-height: 0; overflow: hidden; }
.wc-groups-grid-table { flex: 1; min-height: 0; overflow: hidden !important; }
.wc-groups-grid-table > div:first-child { flex: 1; min-height: 0; overflow: auto; }
.wc-groups-grid-table > div:last-child { flex-shrink: 0; }
.wc-groups-sidebar .wc-record-toolbar { flex-wrap: nowrap; }
.wc-groups-sidebar .wc-record-toolbar > input { flex: 1; }
.wc-groups .wc-card { margin: 0; padding: 1rem; min-width: 0; min-height: 0; }
.wc-groups .wc-groups-sidebar, .wc-groups .wc-groups-person-panel { display: flex; flex-direction: column; gap: .75rem; overflow: hidden; }
.wc-groups-sidebar { container-type: inline-size; }
.wc-groups-list-heading { display: flex; align-items: center; justify-content: space-between; gap: .5rem; min-height: 40px; font-size: .875rem; font-weight: 600; }
.wc-groups-list-heading h2 { display: flex; align-items: center; height: 40px; margin: 0; line-height: 1; }
.wc-groups-list-actions { display: flex; align-items: center; justify-content: end; gap: 0; margin-left: auto; }
.wc-groups-list-actions > button { min-height: 40px; height: 40px; }
@container (max-width: 360px) {
  .wc-groups-sidebar .wc-grid-card-header { flex-wrap: wrap; }
  .wc-groups-sidebar .wc-grid-card-actions { justify-content: flex-start; width: 100%; margin-left: 0; }
}
.wc-groups-detail { display: flex; flex-direction: column; gap: 1rem; min-width: 0; min-height: 0; }
.wc-groups-people { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; flex: 1; min-height: 0; }
.wc-groups-person-panel > :not(.wc-groups-person-list) { flex-shrink: 0; }
.wc-groups .wc-record-toolbar > input { width: 100%; min-width: 0; }
.wc-groups-person-list { display: flex; flex: 1; min-height: 0; overflow: hidden; }
.wc-groups-person-table { flex: 1; min-height: 0; overflow: hidden !important; }
.wc-groups-person-table > div:first-child { flex: 1; min-height: 0; overflow: auto; }
.wc-groups-person-table > div:last-child { flex-shrink: 0; }
.wc-groups-person-list tr[draggable=true] { cursor: grab; }
.wc-groups-person-panel .wc-record-toolbar { flex-wrap: nowrap; }
.wc-groups-person-panel .wc-record-toolbar > input { flex: 1; }
.wc-groups-person-list th { height: 30px; padding-block: 3px; }
.wc-groups-person-list td { padding-block: 3px; }
.wc-groups-tabs { display: none; }
[data-slot=dialog-content].wc-group-editor { width: min(560px, calc(100vw - 2rem)); max-width: min(560px, calc(100vw - 2rem)) !important; height: auto; }
.wc-group-editor .wc-window-fields { grid-template-columns: minmax(0, 1fr); }
.wc-group-editor textarea { field-sizing: fixed; min-height: 6rem; max-height: 10rem; }
@media (max-height: 600px) {
  .wc-groups .wc-groups-tabs button { padding-block: .15rem; min-height: 30px; line-height: 1.2; }
  .wc-groups-detail, .wc-groups .wc-groups-sidebar, .wc-groups .wc-groups-person-panel { gap: .25rem; }
  .wc-groups-layout, .wc-groups-people { gap: .5rem; }
  .wc-groups .wc-card { padding: .5rem; }
  .wc-groups > [role=status] { font-size: .75rem; }
}
@media (max-width: 1100px) {
  .wc-groups-layout { grid-template-columns: minmax(220px, 27%) minmax(0, 1fr); }
  .wc-groups-people { grid-template-columns: minmax(0, 1fr); }
  .wc-groups-tabs { display: flex; gap: .25rem; flex-shrink: 0; border-bottom: 1px solid var(--border); }
  .wc-groups-tabs button { flex: 1; padding: .5rem; font-size: .875rem; border-bottom: 2px solid transparent; }
  .wc-groups-tabs button[aria-selected=true] { border-bottom-color: var(--primary); color: var(--foreground); font-weight: 600; }
  .wc-groups-people[data-active-panel=members] > #group-available, .wc-groups-people[data-active-panel=available] > #group-members { display: none; }
}
@media (max-width: 650px) {
  .wc-groups-sidebar .wc-groups-list-heading h2 { display: none; }
  .wc-groups-layout { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(193px, 34%) minmax(0, 1fr); gap: .5rem; }
  .wc-groups .wc-card { padding: .75rem; }
  .wc-groups .wc-groups-sidebar { min-height: 193px; gap: .25rem; padding: .5rem; }
  .wc-groups-grid-scroll thead tr, .wc-groups-grid-scroll th { height: 32px; }
  .wc-groups-grid-scroll th { padding-block: 4px; }
  .wc-groups-grid-scroll td { padding-block: 4px; }
  .wc-groups .wc-groups-person-panel { gap: .25rem; padding: .5rem; }
  .wc-groups-detail { gap: .5rem; }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/creator-projects.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wc-projects { display:flex; flex-direction:column; min-height:0; min-width:0; gap:.75rem; }
.wc-project-toolbar { display:flex; align-items:center; justify-content:space-between; gap:.75rem; }
.wc-project-toolbar > label { display:flex; align-items:center; gap:.5rem; max-width:28rem; flex:1; }
.wc-project-board { display:flex; gap:.75rem; flex:1; min-height:0; overflow:auto; padding:2px 2px .5rem; }
.wc-project-column { display:flex; flex-direction:column; flex:1 0 17rem; min-width:17rem; padding:.75rem; margin:0; min-height:0; background:var(--muted); }
.wc-project-column > header { display:flex; justify-content:space-between; align-items:center; gap:.5rem; padding-bottom:.75rem; }
.wc-project-column h2 { display:flex; align-items:center; gap:.4rem; }
.wc-project-column-body { flex:1; min-height:0; overflow-y:auto; overflow-x:hidden; padding:2px; }
.wc-project-column.is-over { outline:2px solid var(--ring); outline-offset:-2px; }
.wc-project-card { position:relative; margin:0 0 .65rem; padding:.75rem; }
.wc-project-card.is-dragging { z-index:10; opacity:.55; }
.wc-project-drag-preview { margin:0; padding:1rem; font-weight:600; opacity:.9; cursor:grabbing; }
.wc-project-card-heading { display:flex; align-items:flex-start; gap:.35rem; }
.wc-project-title { text-align:left; font-weight:600; overflow-wrap:anywhere; flex:1; }
.wc-project-grip { touch-action:none; cursor:grab; color:var(--muted-foreground); padding:.15rem; }
.wc-project-card > .wc-project-description { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; margin:.5rem 0; font-size:.8125rem; }
.wc-project-card > p { font-size:.8125rem; margin:.35rem 0; }
.wc-project-card > footer { display:flex; align-items:center; flex-wrap:wrap; gap:.5rem .75rem; font-size:.75rem; color:var(--muted-foreground); }
.wc-project-card > footer > span { display:inline-flex; align-items:center; gap:.3rem; }
.wc-project-empty { font-size:.8125rem; color:var(--muted-foreground); padding:1rem .25rem; text-align:center; }
.wc-project-team { display:grid; gap:.5rem; min-width:0; }
.wc-project-members { max-height:12rem; overflow:auto; display:grid; gap:.5rem; }
.wc-project-team .wc-project-member,.wc-project-settings .wc-project-member { display:flex; align-items:center; gap:.5rem; font-size:.8125rem; }
.wc-project-member > [data-slot="checkbox"] { flex:0 0 auto; }
.wc-project-settings { display:grid; gap:1rem; }
.wc-project-settings h2 { margin:0; }
.wc-project-settings-columns { display:grid; gap:.5rem; }
.wc-project-setting-row { display:flex; flex-wrap:wrap; gap:.5rem; align-items:center; }
.wc-project-setting-row > input { flex:1; min-width:10rem; }
@media(min-width:601px) {
  .wc-project-board { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0, 1fr); overflow-x:hidden; }
  .wc-project-column { min-width:0; overflow:hidden; }
  .wc-project-column h2 { min-width:0; overflow-wrap:anywhere; }
  .wc-project-column > header > .wc-tag { flex-shrink:0; }
  .wc-project-title { min-width:0; }
}
@media(max-width:600px) { .wc-project-column { flex-basis:85%; min-width:15rem; } .wc-project-toolbar { gap:.5rem; } .wc-project-setting-row > input { flex-basis:100%; } }

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/creator-assistant.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Direct assistant: use the shared theme/card surfaces, not model-provided HTML. */
.wc-assistant { display:flex; flex-direction:column; min-height:0; min-width:0; overflow:hidden; gap:.75rem; }
.wc-assistant-tabs { display:none; }
.wc-assistant-split { display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1.15fr); gap:1rem; flex:1; min-height:0; min-width:0; }
.wc-assistant-chat, .wc-assistant-result { display:flex; flex-direction:column; min-height:0; min-width:0; overflow:hidden; padding:0; }
.wc-assistant-head { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; padding:.625rem .75rem; border-bottom:1px solid var(--border); flex-shrink:0; }
.wc-assistant-head h2 { margin:0; font-size:.875rem; font-weight:600; }
.wc-assistant-head > span { flex:1; font-size:.75rem; color:var(--muted-foreground); }
.wc-assistant-history { flex:1; min-height:0; overflow:auto; overflow-anchor:none; padding:.75rem; }
.wc-assistant-turn { display:grid; gap:.625rem; min-width:0; }
.wc-assistant-turn + .wc-assistant-turn { margin-top:.875rem; }
.wc-assistant .wc-chat-bubble { max-width:100%; }
.wc-assistant-provisional { border-top:1px solid var(--border); padding-top:.5rem; margin-top:.5rem; }
.wc-assistant-provisional > small { color:var(--muted-foreground); }
.wc-assistant-references { display:flex; flex-wrap:wrap; gap:.375rem; margin-top:.5rem; min-width:0; }
.wc-assistant-references > .wc-assistant-proposal { flex-basis:100%; }
.wc-assistant-composer { flex-shrink:0; display:grid; gap:.5rem; padding:.75rem; border-top:1px solid var(--border); }
.wc-assistant-input-row { display:flex; gap:.5rem; align-items:flex-end; min-width:0; }
.wc-assistant-input-row textarea { flex:1; min-width:0; min-height:2.5rem; max-height:8rem; resize:vertical; }
.wc-assistant-attachments { display:flex; flex-wrap:wrap; gap:.375rem; max-height:7rem; overflow:auto; }
.wc-assistant-attachments > span { display:flex; align-items:center; gap:.375rem; padding:.125rem .375rem; background:var(--muted); border-radius:6px; font-size:.75rem; overflow-wrap:anywhere; }
.wc-assistant [role="alert"] { color:var(--destructive); overflow-wrap:anywhere; }
.wc-assistant-empty { padding:.875rem; font-size:.8125rem; }
.wc-assistant-result-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:.375rem; padding:.625rem .75rem; flex-shrink:0; }
.wc-assistant-result-toolbar > strong { min-width:0; flex:1 1 12rem; font-size:.8125rem; overflow-wrap:anywhere; }
.wc-assistant-provenance { display:flex; flex-wrap:wrap; gap:.375rem .75rem; padding:0 .75rem .625rem; max-height:7rem; overflow:auto; flex-shrink:0; }
.wc-assistant-provenance small { font-size:.6875rem; color:var(--muted-foreground); }
.wc-assistant-provenance p { flex-basis:100%; font-size:.75rem; margin:0; }
.wc-assistant-result-content { flex:1; min-height:0; overflow:auto; padding:.75rem; font-size:.8125rem; overflow-wrap:anywhere; }
.wc-assistant-result-grid { flex:1; min-height:0; min-width:0; margin:0 .75rem .75rem; }
.wc-assistant-detail { display:grid; gap:.625rem; margin:0 0 .75rem; }
.wc-assistant-detail > div { display:grid; grid-template-columns:minmax(6rem, 1fr) minmax(0, 2fr); gap:.5rem; }
.wc-assistant-detail dt { color:var(--muted-foreground); }
.wc-assistant-detail dd { margin:0; white-space:pre-wrap; }
.wc-assistant-metrics { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%, 12rem),1fr)); gap:.75rem; }
.wc-assistant-metrics > section { display:grid; gap:.5rem; padding:.75rem; }
.wc-assistant-metrics strong { font-size:1.25rem; }
.wc-assistant-chart > svg { display:block; width:100%; max-height:20rem; }
.wc-assistant-chart ul { padding-left:1.25rem; }
.wc-assistant-chart li { margin:.5rem 0; }
.wc-assistant-print-frame { width:100%; height:65dvh; border:0; }
@media (max-width:800px) {
  .wc-assistant-tabs { display:flex; flex-shrink:0; gap:.5rem; }
  .wc-assistant-tabs > button { flex:1; }
  .wc-assistant-split { grid-template-columns:minmax(0,1fr); gap:0; }
  .wc-assistant[data-mobile-tab="chat"] .wc-assistant-result,
  .wc-assistant[data-mobile-tab="result"] .wc-assistant-chat { display:none; }
}
.wc-assistant-proposal { display:grid; gap:.625rem; margin:.5rem 0; padding:.75rem; min-width:0; font-size:.8125rem; }
.wc-assistant-proposal > header { display:flex; align-items:center; flex-wrap:wrap; gap:.5rem; }
.wc-assistant-proposal > header > strong { flex:1; min-width:0; overflow-wrap:anywhere; }
.wc-assistant-proposal > header > svg { flex-shrink:0; color:var(--primary); }
.wc-assistant-proposal p { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; }
.wc-assistant-proposal small { color:var(--muted-foreground); }
.wc-assistant-proposal ul { padding-left:1.125rem; margin:0; }
.wc-assistant-proposal-state { font-weight:600; }
.wc-assistant-proposal-state[data-state="failed"],
.wc-assistant-proposal-state[data-state="conflict"],
.wc-assistant-proposal [role="alert"] { color:var(--destructive); }
.wc-assistant-proposal details { min-width:0; border-top:1px solid var(--border); padding-top:.5rem; }
.wc-assistant-proposal summary { cursor:pointer; font-weight:500; }
.wc-assistant-diffs { display:grid; gap:.75rem; max-height:22rem; overflow:auto; margin-top:.625rem; }
.wc-assistant-diffs > section { padding:.5rem; background:var(--muted); border:1px solid var(--border); border-radius:6px; }
.wc-assistant-diffs [data-operation="delete"] > strong { color:var(--destructive); }
.wc-assistant-diffs dl { display:grid; gap:.375rem; margin:.5rem 0 0; }
.wc-assistant-diffs dl > div { display:grid; grid-template-columns:minmax(5rem, 1fr) minmax(0, 2fr); gap:.5rem; }
.wc-assistant-diffs dt, .wc-assistant-diffs dd { margin:0; overflow-wrap:anywhere; white-space:pre-wrap; }
.wc-assistant-diffs dd > span:first-child { color:var(--muted-foreground); }
.wc-assistant-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.5rem; }

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/creator-chat.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Plaudern: conversation list on the page; messages in their own window where the list scrolls and the composer stays put. */
.wc-chat { min-height: 0; overflow: hidden; padding: 0; }
.wc-chat-list { flex: 1 1 auto; min-height: 0; overflow: auto; overscroll-behavior: contain; padding: .75rem; display: flex; flex-direction: column; gap: .5rem; }
.wc-chat-list > .wc-chat-more { align-self: center; }
.wc-chat-day { align-self: center; margin: .25rem 0; padding: .125rem .625rem; border-radius: 999px; background: var(--muted); font-size: .7rem; color: var(--muted-foreground); }
.wc-chat-message { display: grid; gap: .125rem; max-width: min(78%, 40rem); align-self: flex-start; }
.wc-chat-message[data-own="true"] { align-self: flex-end; }
.wc-chat-bubble { position: relative; padding: .5rem .75rem; border-radius: 14px 14px 14px 4px; border: 1px solid var(--border); background: var(--card); color: var(--card-foreground); font-size: .875rem; line-height: 1.5; overflow-wrap: anywhere; }
.wc-chat-message[data-own="true"] .wc-chat-bubble { border-radius: 14px 14px 4px 14px; background: color-mix(in srgb, var(--primary) 14%, var(--card)); border-color: color-mix(in srgb, var(--primary) 30%, var(--border)); }
.wc-chat-sender { font-size: .7rem; font-weight: 600; color: var(--primary); }
.wc-chat-meta { display: flex; justify-content: flex-end; align-items: center; gap: .5rem; font-size: .65rem; color: var(--muted-foreground); }
.wc-chat-meta button { padding: 0; border: 0; background: transparent; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; }
.wc-chat-text { margin: 0; white-space: pre-wrap; }
.wc-chat-image { display: block; max-width: 100%; max-height: 22rem; border-radius: 10px; cursor: zoom-in; }
.wc-chat-target { display: inline-flex; align-items: center; gap: .5rem; max-width: 100%; padding: .375rem .625rem; border: 1px solid var(--border); border-radius: 10px; background: var(--background); color: inherit; font: inherit; text-align: left; cursor: pointer; }
.wc-chat-target .wc-record-icon { flex: 0 0 auto; color: var(--primary); }
.wc-chat-target span { display: grid; min-width: 0; }
.wc-chat-target small { color: var(--muted-foreground); font-size: .7rem; }
.wc-chat-empty { margin: auto; text-align: center; color: var(--muted-foreground); font-size: .875rem; }
.wc-chat-composer { display: grid; grid-template-columns: auto auto minmax(0, 1fr) auto; gap: .5rem; align-items: end; padding: .625rem .75rem; border-top: 1px solid var(--border); background: var(--card); }
.wc-chat-composer textarea { min-height: 2.5rem; max-height: 9rem; resize: none; }
.wc-chat-composer [role="alert"] { grid-column: 1 / -1; margin: 0; font-size: .75rem; color: var(--destructive); }
.wc-chat-composer .wc-chat-pending { grid-column: 1 / -1; display: flex; align-items: center; gap: .5rem; font-size: .75rem; color: var(--muted-foreground); }
.wc-chat-composer .wc-chat-pending img { height: 3rem; border-radius: 6px; }
.wc-chat-viewer img { display: block; max-width: 100%; max-height: 80vh; margin: 0 auto; }
.wc-target-picker { display: grid; gap: 8px; }
.wc-target-picker label { display: grid; gap: 4px; font-size: .85rem; }
.wc-chat-picker-dialog .wc-target-picker { max-height: 60vh; overflow: auto; }
@media (max-width: 600px) {
  .wc-chat-message { max-width: 88%; }
  .wc-chat-composer { padding: .5rem; gap: .375rem; }
}
/* The page lists the conversations; each one opens in its own window. */
.wc-chat { display: flex; flex-direction: column; }
.wc-chat-conversations { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
.wc-chat-aside-head { display: flex; align-items: center; gap: .5rem; padding: .625rem .875rem; border-bottom: 1px solid var(--border); }
.wc-chat-aside-head strong { flex: 1; font-size: .9rem; }
.wc-chat-unread-total { color: var(--primary); font-weight: 600; }
.wc-chat-aside-head [data-live="true"] { color: #22a559; }
.wc-chat-aside-head [data-live="false"] { color: var(--muted-foreground); }
.wc-chat-conversations > p { padding: .75rem .875rem; font-size: .8rem; color: var(--muted-foreground); }
.wc-chat-conversations ul { flex: 1; min-height: 0; overflow: auto; list-style: none; margin: 0; padding: .25rem; display: grid; align-content: start; gap: 2px; }
.wc-chat-conversations li button { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; column-gap: .75rem; width: 100%; padding: .625rem .75rem; border: 0; border-radius: 10px; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.wc-chat-conversations li + li button { border-top: 1px solid color-mix(in srgb, var(--border) 60%, transparent); border-radius: 0; }
.wc-chat-conversations li button:hover { background: var(--muted); }
.wc-chat-conversations li button > .wc-record-icon { color: var(--primary); }
.wc-chat-conversations li button > span:nth-child(2) { display: grid; min-width: 0; }
.wc-chat-conversations li button > span:nth-child(2) strong { font-size: .9rem; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wc-chat-conversations li button > span:nth-child(2) small { font-size: .75rem; color: var(--muted-foreground); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wc-chat-conversations li button[data-unread="true"] > span:nth-child(2) strong { font-weight: 700; }
.wc-chat-conversations li button[data-unread="true"] > span:nth-child(2) small { color: var(--foreground); }
.wc-chat-item-side { display: grid; justify-items: end; gap: .25rem; }
.wc-chat-item-side > time { font-size: .68rem; color: var(--muted-foreground); white-space: nowrap; }
.wc-chat-conversations li button[data-unread="true"] .wc-chat-item-side > time { color: var(--primary); font-weight: 600; }
.wc-chat-badge { min-width: 1.4rem; padding: 0 .4rem; border-radius: 999px; background: var(--primary); color: var(--primary-foreground); font-size: .7rem; font-weight: 700; text-align: center; line-height: 1.4rem; }
/* Conversation window: head, scrolling messages, composer at the bottom. */
.wc-chat-window { display: flex; flex-direction: column; padding: 0; overflow: hidden; }
.wc-chat-window .wc-window-body { padding: 0; overflow: hidden; display: flex; flex-direction: column; gap: 0; }
/* Header and close button retain the shared modal positioning contract. */
.wc-chat-window-body { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
.wc-chat-head { display: flex !important; flex-direction: row !important; align-items: center; gap: .625rem; padding: .75rem 3.5rem .75rem 1rem; border-bottom: 1px solid var(--border); text-align: left; }
.wc-chat-head > .wc-record-icon { color: var(--primary); flex: 0 0 auto; }
.wc-chat-head-title { flex: 1; display: grid; min-width: 0; margin-inline: .625rem; }
.wc-chat-head-title [data-slot="dialog-title"] { font-size: 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wc-chat-head-title small { font-size: .72rem; color: var(--muted-foreground); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wc-chat-member { display: flex; align-items: center; gap: .5rem; font-size: .875rem; }
/* New conversation: people and groups to tap, like the chat list. */
.wc-chat-choices { display: grid; gap: .375rem; }
.wc-chat-choices > p { margin: 0; font-size: .75rem; color: var(--muted-foreground); }
.wc-chat-choices > small { font-size: .8rem; color: var(--muted-foreground); }
.wc-chat-choices ul { list-style: none; margin: 0; padding: .25rem; max-height: min(42dvh, 22rem); overflow: auto; border: 1px solid var(--border); border-radius: 10px; display: grid; align-content: start; gap: 2px; }
.wc-chat-choices li button { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; column-gap: .75rem; width: 100%; padding: .5rem .625rem; border: 0; border-radius: 8px; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.wc-chat-choices li button:hover, .wc-chat-choices li button:focus-visible { background: var(--muted); }
.wc-chat-choices li button:disabled { cursor: progress; opacity: .6; }
.wc-chat-choices li button > .wc-record-icon, .wc-chat-choices li button > svg { color: var(--primary); }
.wc-chat-choices li button > span { display: grid; min-width: 0; }
.wc-chat-choices li button strong { font-size: .9rem; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wc-chat-choices li button small { font-size: .75rem; color: var(--muted-foreground); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wc-chat-new-divider { margin: .25rem 0 0; padding-top: .625rem; border-top: 1px solid var(--border); font-size: .8rem; font-weight: 600; }
@media (max-width: 800px) {
  .wc-modal-window.wc-chat-window[data-slot="dialog-content"] {
    inset: 0 0 auto !important;
    transform: none !important;
    width: 100dvw !important;
    max-width: 100dvw !important;
    height: calc(100dvh - 4.5rem - env(safe-area-inset-bottom)) !important;
    max-height: calc(100dvh - 4.5rem - env(safe-area-inset-bottom)) !important;
    border-radius: 0 !important;
  }
  .wc-chat-window .wc-chat-composer { padding-bottom: .5rem; }
}
.wc-ai-working { display: inline-flex; align-items: center; gap: .5rem; }
.wc-ai-hourglass { animation: wc-ai-hourglass-spin 1.8s linear infinite; flex: 0 0 auto; }
@keyframes wc-ai-hourglass-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .wc-ai-hourglass { animation: none; } }
.wc-ai-chat-window .wc-chat-bubble > .wc-chat-target { margin-top: .375rem; }
.wc-chat-broadcast-actions { display: grid; justify-items: start; gap: .75rem; max-height: min(48dvh, 30rem); overflow-y: auto; padding: .875rem 1rem; border-top: 1px solid var(--border); }
.wc-chat-broadcast-note { margin: 0; color: var(--muted-foreground); font-size: .8rem; }
.wc-chat-survey { display: grid; gap: .75rem; width: 100%; }
.wc-chat-survey fieldset { display: grid; gap: .5rem; min-width: 0; padding: .75rem; border: 1px solid var(--border); border-radius: 6px; }
.wc-chat-survey-option { display: flex; align-items: center; gap: .5rem; }
.wc-chat-survey-option input { width: 1rem; flex: 0 0 1rem; }
.wc-chat-results { --wc-window-width: 58rem; }
.wc-chat-results .wc-grid-scroll { max-height: 45dvh; overflow: auto; }
.wc-chat-results-counts { display: flex; flex-wrap: wrap; gap: .5rem; }
.wc-chat-results-counts span { display: grid; min-width: 6.5rem; padding: .5rem .75rem; border: 1px solid var(--border); border-radius: 6px; font-size: .75rem; }
.wc-chat-results-counts strong { font-size: 1.2rem; }
.wc-chat-results-question { display: flex; flex-wrap: wrap; gap: .5rem 1rem; font-size: .8rem; }
.wc-chat-results-question strong { width: 100%; }
.wc-chat-results-table { width: 100%; border-collapse: collapse; font-size: .8rem; }
.wc-chat-results-table :is(th, td) { padding: .5rem; border-bottom: 1px solid var(--border); text-align: left; white-space: nowrap; }

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/creator-work-schedule.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wc-work-schedule { display: grid; gap: .75rem; min-width: 0; }
.wc-schedule-results { display: grid; gap: .75rem; min-width: 0; }
.wc-schedule-results > p { margin: 0; font-size: .8rem; }
.wc-work-schedule > p { margin: 0; font-size: .8rem; }
.wc-schedule-toolbar { display: flex; flex-wrap: wrap; align-items: end; gap: .5rem; }
.wc-schedule-toolbar label { display: grid; gap: .25rem; font-size: .75rem; }
.wc-schedule-date { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: end; gap: .5rem; width: min(100%, 24rem); }
.wc-schedule-date label { min-width: 0; }
.wc-schedule-days { display: grid; grid-template-columns: repeat(7, minmax(130px, 1fr)); overflow-x: auto; gap: .5rem; padding-bottom: .25rem; }
.wc-schedule-days[data-mode="day"] { grid-template-columns: minmax(0, 1fr); }
.wc-schedule-day { padding: .625rem; min-height: 14rem; max-height: 55dvh; overflow-y: auto; }
.wc-schedule-day h3 { font-size: .85rem; margin: 0 0 .625rem; }
.wc-schedule-order { border: 1px solid var(--border); border-left: 3px solid var(--primary); border-radius: 6px; padding: .5rem; margin: .5rem 0; background: var(--background); }
.wc-schedule-order[draggable="true"] { cursor: grab; }
.wc-schedule-order p { font-size: .7rem; margin: .25rem 0; overflow-wrap: anywhere; }
.wc-schedule-order > button { max-width: 100%; white-space: normal; height: auto; min-height: 2rem; padding: .25rem; font-size: .7rem; }
.wc-schedule-order-title { display: flex; align-items: center; flex-wrap: wrap; gap: .3rem; }
.wc-schedule-order-title button { flex-basis: 100%; min-width: 0; font: inherit; font-size: .8rem; text-align: left; overflow-wrap: anywhere; color: var(--primary); }
.wc-planning-tabs { display: flex; gap: .5rem; margin-bottom: .75rem; flex-wrap: wrap; }
.wc-schedule-preview { border-top: 1px solid var(--border); padding-top: .75rem; display: grid; gap: .5rem; }
.wc-schedule-preview h3, .wc-schedule-preview h4 { font-size: .85rem; margin: 0; }
.wc-schedule-preview p, .wc-schedule-preview li { font-size: .75rem; font-weight: normal; }
.wc-schedule-preview > button { justify-self: start; }
.wc-schedule-comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.wc-schedule-comparison section { border: 1px solid var(--border); border-radius: 6px; padding: .5rem; min-width: 0; }
.wc-schedule-comparison dl { font-size: .75rem; }
.wc-schedule-comparison dt { color: var(--muted-foreground); margin-top: .5rem; }
.wc-schedule-comparison dd { margin: 0; }

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./node_modules/.pnpm/react-photo-album@3.6.1_@types+react@19.2.18_react@19.2.8/node_modules/react-photo-album/dist/styles/rows.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.react-photo-album{display:flex}.react-photo-album,.react-photo-album *{box-sizing:border-box}.react-photo-album--track{align-items:flex-start;display:flex}.react-photo-album--photo{padding:calc(var(--react-photo-album--padding) * 1px);position:relative}.react-photo-album--image{width:100%;height:auto;aspect-ratio:var(--react-photo-album--photo-width) / var(--react-photo-album--photo-height);display:block}.react-photo-album--button{cursor:pointer;border:initial;background:initial}.react-photo-album--rows{row-gap:calc(var(--react-photo-album--spacing) * 1px);flex-direction:column}.react-photo-album--rows .react-photo-album--track{--react-photo-album--track-gaps:calc(var(--react-photo-album--spacing) * (var(--react-photo-album--track-size) - 1) + 2 * var(--react-photo-album--padding) * var(--react-photo-album--track-size));justify-content:space-between}.react-photo-album--rows .react-photo-album--photo{width:calc((100% - var(--react-photo-album--track-gaps) * 1px) / (var(--react-photo-album--container-width) - var(--react-photo-album--track-gaps)) * var(--react-photo-album--photo-width) + 2px * var(--react-photo-album--padding))}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./node_modules/.pnpm/yet-another-react-lightbox@3.32.2_@types+react-dom@19.2.7_@types+react@19.2.18__@types+_8298b56f1809c045a2da2d94f83cc408/node_modules/yet-another-react-lightbox/dist/styles.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.yarl__fullsize{width:100%;height:100%}.yarl__relative{position:relative}.yarl__portal{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;overflow:hidden;z-index:var(--yarl__portal_zindex,9999);transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);pointer-events:auto}.yarl__portal_open{opacity:1}.yarl__container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:var(--yarl__controller_touch_action,none);overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain)}.yarl__carousel{display:flex;flex:0 0 auto;height:100%;align-content:center;justify-content:center;align-items:stretch;width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%));transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));opacity:var(--yarl__pull_opacity,1)}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{display:flex;justify-content:center;align-content:center;align-items:center}.yarl__slide{flex:1;position:relative;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%)}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);line-height:0}.yarl__slide_loading{color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));animation:yarl__delayed_fadein 1s linear}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{width:var(--yarl__slide_icon_error_size,48px);height:var(--yarl__slide_icon_error_size,48px);color:var(--yarl__slide_icon_error_color,red)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{position:absolute;top:0;right:0;bottom:auto;left:auto;display:flex;justify-content:flex-end;padding:var(--yarl__toolbar_padding,8px)}[dir=rtl] .yarl__toolbar{top:0;right:auto;bottom:auto;left:0}.yarl__icon{width:var(--yarl__icon_size,32px);height:var(--yarl__icon_size,32px)}.yarl__button{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);margin:var(--yarl__button_margin,0);outline:none;line-height:0;padding:var(--yarl__button_padding,8px);color:var(--yarl__color_button,hsla(0,0%,100%,.8));filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{position:absolute;top:50%;transform:translateY(-50%);padding:var(--yarl__navigation_button_padding,24px 16px)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./node_modules/.pnpm/yet-another-react-lightbox@3.32.2_@types+react-dom@19.2.7_@types+react@19.2.18__@types+_8298b56f1809c045a2da2d94f83cc408/node_modules/yet-another-react-lightbox/dist/plugins/captions/captions.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.yarl__slide_captions_container{position:absolute;left:var(--yarl__slide_captions_container_left,0);right:var(--yarl__slide_captions_container_right,0);padding:var(--yarl__slide_captions_container_padding,16px);background:var(--yarl__slide_captions_container_background,rgba(0,0,0,.5));-webkit-transform:translateZ(0)}.yarl__slide_title{color:var(--yarl__slide_title_color,#fff);font-size:var(--yarl__slide_title_font_size,125%);font-weight:var(--yarl__slide_title_font_weight,bolder);max-width:calc(100% - var(--yarl__toolbar_width, 0px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yarl__slide_title_container{top:var(--yarl__slide_title_container_top,0)}.yarl__slide_description{overflow:hidden;hyphens:auto;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--yarl__slide_description_max_lines,3);text-align:var(--yarl__slide_description_text_align,start);color:var(--yarl__slide_description_color,#fff)}.yarl__slide_description_container{bottom:var(--yarl__slide_description_container_bottom,0)}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/creator/client/portal-facebook-preview.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.portal-facebook-preview_footer__iE_I_ { display: flex; margin-top: 14px; min-width: 0; }
.portal-facebook-preview_footer__iE_I_ a.portal-facebook-preview_button___8il0 {
  position: relative;
  max-width: 100%;
  height: auto;
  min-height: 2rem;
  padding: 9px 14px;
  gap: 10px;
  overflow: hidden;
  color: var(--primary-foreground);
  text-decoration: none;
  transition: transform 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}
.portal-facebook-preview_button___8il0 > span { min-width: 0; white-space: normal; text-align: left; line-height: 1.3; }
.portal-facebook-preview_brand__Ayy_0, .portal-facebook-preview_arrow__QimcP { transition: transform 180ms ease; }
.portal-facebook-preview_button___8il0::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 30%, color-mix(in srgb, var(--primary-foreground) 12%, transparent) 50%, transparent 70%);
  transform: translateX(-120%);
  transition: transform 450ms ease;
}
.portal-facebook-preview_footer__iE_I_ a.portal-facebook-preview_button___8il0:focus-visible { box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 25%, transparent); }
@media (hover: hover) and (pointer: fine) {
  .portal-facebook-preview_footer__iE_I_ a.portal-facebook-preview_button___8il0:hover { transform: translateY(-1px); box-shadow: 0 4px 12px color-mix(in srgb, var(--primary) 18%, transparent); }
  .portal-facebook-preview_button___8il0:hover::after { transform: translateX(120%); }
  .portal-facebook-preview_button___8il0:hover .portal-facebook-preview_arrow__QimcP { transform: translate(2px, -2px); }
  .portal-facebook-preview_button___8il0:hover .portal-facebook-preview_brand__Ayy_0 { transform: rotate(-5deg); }
}
@media (max-width: 600px) { .portal-facebook-preview_footer__iE_I_ a.portal-facebook-preview_button___8il0 { width: 100%; } }
@media (prefers-reduced-motion: reduce) {
  .portal-facebook-preview_footer__iE_I_ a.portal-facebook-preview_button___8il0, .portal-facebook-preview_brand__Ayy_0, .portal-facebook-preview_arrow__QimcP, .portal-facebook-preview_button___8il0::after { transition: none; }
  .portal-facebook-preview_footer__iE_I_ a.portal-facebook-preview_button___8il0:hover, .portal-facebook-preview_button___8il0:hover .portal-facebook-preview_arrow__QimcP, .portal-facebook-preview_button___8il0:hover .portal-facebook-preview_brand__Ayy_0 { transform: none; }
  .portal-facebook-preview_button___8il0::after { display: none; }
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/creator-content-editor.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wc-content-creator { background: var(--background); color: var(--foreground); }
.wc-content-creator .wc-window-fields { padding: 0; gap: 0; }
.wc-creator-workspace { width: 100%; min-width: 0; }
.wc-creator-modebar { position: sticky; top: 0; z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .5rem clamp(.75rem, 3vw, 2.5rem); border-bottom: 1px solid var(--border); background: var(--background); }
.wc-creator-modebar > div { display: flex; gap: .25rem; }
.wc-creator-modebar button[aria-pressed="true"], .wc-creator-text-toolbar button[aria-pressed="true"] { background: var(--accent); color: var(--accent-foreground); }
.wc-creator-status { display: inline-flex; gap: .5rem; align-items: center; font-size: .75rem; color: var(--muted-foreground); }
.wc-creator-status i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.wc-creator-status[data-online="true"] { color: var(--primary); }
.wc-creator-layout { display: grid; grid-template-columns: minmax(0, 1fr) 19rem; align-items: start; gap: clamp(1rem, 3vw, 2.5rem); max-width: 1440px; margin: auto; padding: clamp(.75rem, 3vw, 2.5rem); }
.wc-creator-document-sheet { display: flex; flex-direction: column; gap: 1.5rem; min-width: 0; padding: clamp(.75rem, 2vw, 1.75rem); border: 1px solid var(--border); border-radius: 6px; background: var(--card); color: var(--card-foreground); box-shadow: 0 1px 4px rgb(0 0 0 / 8%); }
.wc-creator-title-fields, .wc-creator-settings > fieldset { display: grid; min-width: 0; gap: .75rem; padding: 0; border: 0; }
.wc-creator-sidebar { display: grid; min-width: 0; gap: 1rem; }
.wc-creator-settings { min-width: 0; padding: .875rem; border: 1px solid var(--border); border-radius: 6px; background: var(--card); }
.wc-creator-settings > summary { display: flex; gap: .5rem; align-items: center; cursor: pointer; font-weight: 600; font-size: .8rem; list-style: none; }
.wc-creator-settings > summary::after { content: "+"; margin-left: auto; }
.wc-creator-settings[open] > summary::after { content: "−"; }
.wc-creator-settings[open] > summary { margin-bottom: 1rem; }
.wc-creator-categories { display: grid; gap: 1rem; max-height: 24rem; overflow: auto; padding: 2px; }
.wc-creator-categories fieldset { margin: 0; }
.wc-creator-image { display: grid; gap: .75rem; min-width: 0; }
.wc-creator-cover { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 6px; background: var(--muted); }
.wc-creator-cover > img { position: absolute; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.wc-creator-cover > span { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .75rem; color: var(--muted-foreground); }
.wc-creator-image-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; }
.wc-creator-image-details { color: var(--muted-foreground); font-size: .75rem; }
.wc-creator-image-details > summary { cursor: pointer; padding: .4rem 0; }
.wc-creator-image-details[open] > summary { margin-bottom: .5rem; }
.wc-creator-block-list, .wc-portal-blocks { display: grid; gap: 1rem; min-width: 0; }
.wc-creator-block { border: 1px solid var(--border); border-radius: 6px; overflow: hidden; min-width: 0; }
.wc-creator-block-heading { display: flex; align-items: center; gap: .35rem; padding: .35rem .5rem; background: color-mix(in srgb, var(--muted) 65%, transparent); color: var(--muted-foreground); font-size: .7rem; }
.wc-creator-block-heading > span { flex: 1; }
.wc-creator-block-actions { display: flex; align-items: center; }
.wc-creator-block-heading button { width: 1.75rem; height: 1.75rem; }
.wc-creator-block-content { display: grid; gap: .75rem; padding: .875rem; min-width: 0; }
.wc-creator-add-block { padding: 1rem; border: 1px dashed var(--border); border-radius: 6px; }
.wc-creator-add-block > span { display: flex; align-items: center; gap: .4rem; margin-bottom: .75rem; color: var(--muted-foreground); }
.wc-creator-add-block > div { display: flex; flex-wrap: wrap; gap: .5rem; }
.wc-creator-add-block button { white-space: normal; height: auto; min-height: 2.25rem; }
.wc-portal-tiptap { border: 1px solid var(--border); border-radius: 6px; background: var(--background); overflow: hidden; min-width: 0; }
.wc-creator-text-toolbar { display: flex; flex-wrap: wrap; gap: .125rem; align-items: center; padding: .375rem; border-bottom: 1px solid var(--border); background: var(--muted); }
.wc-content-creator .wc-creator-text-toolbar [role="combobox"] { width: 6rem; min-width: 6rem; }
.wc-content-creator .wc-creator-text-toolbar select { width: 6rem; min-width: 6rem; }
.wc-creator-text-toolbar button { width: 2rem; height: 2rem; }
.wc-tiptap-content { min-height: 14rem; outline: none; padding: 1rem; font-size: .95rem; line-height: 1.65; overflow-wrap: anywhere; color: var(--foreground); }
.wc-tiptap-content ul { list-style: disc; padding-left: 1.5rem; }
.wc-tiptap-content p { margin: .5em 0; }
.wc-tiptap-content table { width: 100%; border-collapse: collapse; }
.wc-tiptap-content td, .wc-tiptap-content th { border: 1px solid var(--border); padding: .4rem; min-width: 2rem; }
.wc-tiptap-content .selectedCell { background: var(--accent); color: var(--accent-foreground); }
.wc-creator-video { display: block; width: 100%; max-height: 30rem; border-radius: 6px; background: var(--muted); }
.wc-creator-document, .wc-creator-gallery-selected { display: grid; gap: .5rem; padding: .75rem; border: 1px solid var(--border); border-radius: 6px; }
.wc-creator-gallery-selected .wc-portal-album { max-width: 24rem; }
.wc-portal-album { min-width: 0; width: 100%; }
.wc-portal-album img { border-radius: 5px; }
.wc-portal-album .react-photo-album--button { cursor: zoom-in; }
.wc-creator-preview { max-width: 900px; margin: 1.5rem auto; padding: clamp(1rem, 3vw, 3rem); background: var(--card); color: var(--card-foreground); border: 1px solid var(--border); border-radius: 6px; display: grid; gap: 1.5rem; overflow-wrap: anywhere; }
.wc-creator-preview h1 { font-size: clamp(1.5rem, 3vw, 2.5rem); line-height: 1.2; font-weight: 650; }
.wc-creator-preview-subtitle { font-size: 1.15rem; color: var(--muted-foreground); }
.wc-creator-preview h3 { font-size: 1.1rem; font-weight: 600; }
.wc-creator-preview p { white-space: pre-wrap; }
.wc-creator-preview figcaption { margin-top: .5rem; color: var(--muted-foreground); font-size: .75rem; }
.wc-image-workbench .wc-window-body { display: flex; overflow: hidden; }
.wc-image-workbench-canvas { position: relative; flex: 1; min-height: 0; height: 100%; }
.wc-image-workbench-canvas > .FIE_root { height: 100% !important; }
.wc-image-workbench-busy { position: absolute; inset: 0; display: grid; place-items: center; background: color-mix(in srgb, var(--background) 85%, transparent); z-index: 20; }
.wc-image-workbench-canvas > [role="alert"] { position: absolute; bottom: 1rem; left: 1rem; right: 1rem; padding: 1rem; background: var(--card); color: var(--destructive); z-index: 21; }
.wc-portal-embed[data-provider="instagram"] > iframe, .wc-portal-embed[data-provider="tiktok"] > iframe { height: 36rem; }
@media (max-width: 900px) {
  .wc-creator-layout { grid-template-columns: minmax(0, 1fr); }
  .wc-creator-sidebar { grid-template-columns: minmax(0, 1fr); }
  .wc-creator-preview { margin: .75rem; }
}
@media (max-width: 600px) {
  .wc-creator-document-sheet { padding: .75rem; }
  .wc-creator-block-content { padding: .5rem; }
  .wc-tiptap-content { padding: .75rem; }
  .wc-creator-modebar { padding: .5rem .75rem; }
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/creator-toolbox.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wc-toolbox { min-height: 0; overflow: auto; padding: 2px; }
.wc-toolbox-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: .75rem; align-content: start; }
.wc-toolbox-cards > .wc-toolbox-done { display: flex; align-items: center; justify-content: center; grid-column: 1 / -1; width: 100%; height: 38px; min-height: 38px; max-height: 38px; margin: 0; padding: 0 .75rem; font-size: .875rem; font-weight: 500; line-height: 1; }
.wc-toolbox .wc-toolbox-card { display: flex; align-items: center; gap: .75rem; min-height: 79px; padding: calc(1rem - 2.5px) 1rem; margin: 0; text-align: left; color: var(--card-foreground); }
.wc-toolbox-card > span:nth-child(2) { flex: 1; min-width: 0; }
.wc-toolbox-card strong, .wc-toolbox-card small, .wc-toolbox-results strong, .wc-toolbox-results small { display: block; overflow-wrap: anywhere; }
.wc-toolbox-card strong { font-size: 1rem; }
.wc-toolbox-card small, .wc-toolbox-results small { color: var(--muted-foreground); font-size: .8rem; font-weight: normal; margin-top: .2rem; }
.wc-toolbox-symbol { display: grid; place-items: center; width: 44px; height: 44px; flex-shrink: 0; border-radius: 6px; background: color-mix(in srgb, var(--primary) 10%, var(--card)); color: var(--primary); }
.wc-toolbox-card:hover:not(:disabled), .wc-toolbox-done:hover:not(:disabled) { border-color: var(--primary); background: color-mix(in srgb, var(--primary) 3%, var(--card)); }
.wc-toolbox-card:focus-visible, .wc-toolbox-done:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }
.wc-toolbox-card:disabled, .wc-toolbox-done:disabled { opacity: .5; cursor: not-allowed; }
.wc-toolbox-radius { display: flex; align-items: end; gap: .5rem; flex-wrap: wrap; }
.wc-toolbox-radius label { flex: 1; min-width: 120px; }
.wc-toolbox-results { display: grid; gap: .5rem; margin-top: .75rem; }
.wc-toolbox-discovery-fields { grid-template-columns: minmax(0, 1fr); }
.wc-toolbox-results > button { height: auto; min-height: 48px; white-space: normal; justify-content: space-between; text-align: left; }
@media (min-width: 601px) {
  .wc-toolbox { display: flex; flex-direction: column; }
  .wc-toolbox-cards { flex: none; width: min(100%, 48rem); margin: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .wc-toolbox-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
  .wc-toolbox .wc-toolbox-card { position: relative; justify-content: center; height: 90px; min-height: 90px; max-height: 90px; padding: .625rem; overflow: hidden; }
  .wc-toolbox-symbol { position: absolute; right: -.5rem; bottom: -.5rem; z-index: 0; width: 5.5rem; height: 5.5rem; border-radius: 0; background: transparent; opacity: .12; }
  .wc-toolbox-symbol svg { width: 4.5rem; height: 4.5rem; }
  .wc-toolbox-card > span:nth-child(2) { position: relative; z-index: 1; padding-right: 2.5rem; }
  .wc-toolbox-card > svg { display: none; }
  .wc-toolbox-card strong { font-size: .9rem; }
  .wc-toolbox-card small { display: none; }
}
.wc-trigger-fields { grid-template-columns: minmax(0, 1fr); }
.wc-trigger-history { display: grid; gap: .65rem; min-width: 0; }
.wc-trigger-history h2 { font-size: .875rem; font-weight: 600; }
.wc-trigger-event { display: flex; align-items: flex-start; gap: .65rem; padding: .75rem; border: 1px solid var(--border); border-radius: 6px; }
.wc-trigger-event > svg { flex-shrink: 0; margin-top: .15rem; }
.wc-trigger-event > div { min-width: 0; overflow-wrap: anywhere; }
.wc-trigger-event strong, .wc-trigger-event small { display: block; }
.wc-trigger-event small { color: var(--muted-foreground); font-size: .75rem; }
.wc-trigger-event p { margin-top: .25rem; font-size: .8125rem; }

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@playwright+test@1.63.0_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/creator-dakoch.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* DaKoch kitchen pages: filter row, board, week grid, station progress and course lists. Theme colours only. */
.wc-kitchen { min-width: 0; display: grid; gap: 1rem; }
.wc-kitchen h2 { font-size: 1rem; font-weight: 650; margin: 0; }
.wc-kitchen h3 { font-size: .9rem; font-weight: 600; margin: .25rem 0; }
.wc-kitchen small, .wc-kitchen-hint { color: var(--muted-foreground); font-size: .75rem; }
.wc-kitchen-toolbar, .wc-kitchen-summary { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: .75rem; margin-bottom: .75rem; }
.wc-kitchen .wc-button-row { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; }
.wc-kitchen-toolbar input[type=date] { width: 10rem; }
.wc-kitchen-save-status { display: flex; align-items: center; gap: .4rem; font-size: .8rem; color: var(--muted-foreground); }
.wc-kitchen-creator-layout { display: grid; grid-template-columns: minmax(0,1fr) 16rem; gap: 1rem; align-items: start; }
.wc-kitchen-inspector { padding: 1rem; display: grid; gap: .9rem; overflow-wrap: anywhere; }
.wc-kitchen-inspector label { display: grid; gap: .4rem; }
.wc-kitchen-eyebrow { text-transform: uppercase; letter-spacing: .08em; font-size: .65rem; color: var(--muted-foreground); }
.wc-kitchen-link-choices { display: grid; gap: .5rem; }
.wc-kitchen-link-choices label, .wc-kitchen-check { display: flex !important; align-items: center; gap: .55rem; padding: .3rem 0; }
.wc-kitchen input[type=checkbox] { width: 1.05rem; height: 1.05rem; flex-shrink: 0; accent-color: var(--primary); }
.wc-kitchen-map-wrap { min-width: 0; border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; background: var(--card); }
.wc-kitchen-map-tools { display: flex; align-items: center; justify-content: space-between; padding: .65rem .8rem; gap: .5rem; border-bottom: 1px solid var(--border); font-size: .8rem; }
.wc-kitchen-map-scroll { overflow: auto; max-height: 70vh; }
.wc-kitchen-map { display: block; max-width: none; background-image: radial-gradient(var(--border) .8px, transparent .8px); background-size: 22px 22px; }
.wc-kitchen-connection { fill: none; stroke: var(--muted-foreground); stroke-width: 1.5; opacity: .55; }
.wc-kitchen-connection[data-highlight] { stroke: var(--primary); stroke-width: 2.5; opacity: 1; }
.wc-kitchen-node { cursor: pointer; outline: none; color: var(--foreground); }
.wc-kitchen-node[data-draggable] { touch-action: none; cursor: grab; user-select: none; }
.wc-kitchen-node[data-draggable]:active { cursor: grabbing; }
.wc-kitchen-node > rect { fill: var(--card); stroke: var(--border); stroke-width: 1.5; }
.wc-kitchen-node[data-selected] > rect, .wc-kitchen-node:focus-visible > rect { stroke: var(--primary); stroke-width: 3; }
.wc-kitchen-node text { fill: var(--foreground); font-size: 13px; font-weight: 500; }
.wc-kitchen-node .wc-kitchen-node-kind { fill: var(--muted-foreground); font-size: 10px; }
.wc-kitchen-node svg { stroke: currentColor; }
.wc-kitchen-ring-track { fill: none; stroke: var(--muted); stroke-width: 7; }
.wc-kitchen-ring { fill: none; stroke: var(--primary); stroke-width: 7; stroke-linecap: round; }
.wc-kitchen-node .wc-kitchen-percent { font-size: 17px; font-weight: 700; }
.wc-kitchen-trash rect { fill: var(--muted); stroke: var(--border); stroke-dasharray: 6 4; }
.wc-kitchen-trash { color: var(--muted-foreground); }
.wc-kitchen-trash text, .wc-kitchen-empty-map { fill: var(--muted-foreground); font-size: 14px; }
.wc-kitchen-people-picker { display: grid; gap: .5rem; max-height: 55vh; overflow: auto; }
.wc-kitchen-master-detail { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.3fr); gap: 1rem; align-items: start; }
.wc-kitchen-dish-editor, .wc-kitchen-detail { min-width: 0; padding: 1rem; }
.wc-kitchen-editor-heading, .wc-kitchen-detail-header, .wc-kitchen-recipe-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .7rem; margin-bottom: 1rem; }
.wc-kitchen-code-price { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; max-width: 22rem; }
.wc-kitchen-dish-editor label { display: grid; gap: .3rem; font-size: .8rem; min-width: 0; }
.wc-kitchen-dish-fields { display: grid; gap: 1rem; min-width: 0; border: 0; padding: 0; }
.wc-kitchen-description { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); grid-template-areas: "image description" "actions actions"; gap: .8rem; align-items: start; }
.wc-kitchen-description > label { grid-area: description; }
.wc-kitchen-image-field { display: contents; }
.wc-kitchen-image-field > .wc-kitchen-image-preview { grid-area: image; }
.wc-kitchen-image-field > p { grid-column: 1 / -1; }
.wc-kitchen-image-preview { display: grid; place-content: center; justify-items: center; gap: .5rem; border: 1px dashed var(--border); background: var(--muted); border-radius: var(--radius); min-height: 9rem; color: var(--muted-foreground); }
.wc-kitchen-image-preview img { max-height: 14rem; width: 100%; object-fit: contain; border-radius: var(--radius); }
.wc-kitchen-image-actions { grid-area: actions; display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; min-width: 0; }
.wc-kitchen-image-actions > * { max-width: 100%; }
.wc-kitchen-image-actions > .wc-file-picker { flex: 0 1 18.5rem; }
.wc-kitchen-recipe-scroll { position: relative; min-width: 0; overflow-x: auto; padding: .25rem; }
.wc-kitchen-recipe-lines { --wc-recipe-control-height: 2rem; display: grid; gap: .5rem; min-width: 34rem; }
.wc-kitchen-recipe-header, .wc-kitchen-recipe-line { display: grid; grid-template-columns: 4.5rem 4.5rem minmax(6rem,1.3fr) minmax(6rem,1fr) var(--wc-recipe-control-height); gap: .5rem; align-items: center; }
.wc-kitchen-recipe-header { font-size: .8rem; font-weight: 500; line-height: 1.25rem; }
.wc-kitchen-recipe-line { border-bottom: 1px solid var(--border); padding-bottom: .5rem; }
.wc-kitchen-recipe-line > label { grid-template-rows: var(--wc-recipe-control-height); gap: 0; margin: 0; padding: 0; line-height: 1.25rem; }
.wc-kitchen-recipe-line > label > :is([data-slot="input"], [data-slot="themed-select"]) { box-sizing: border-box; width: 100%; min-width: 0; height: var(--wc-recipe-control-height); min-height: var(--wc-recipe-control-height); margin: 0; padding: .25rem .625rem; border: 1px solid var(--input); border-radius: var(--radius); font-size: .875rem; line-height: 1.25rem; }
.wc-kitchen .wc-kitchen-recipe-line > button { box-sizing: border-box; width: var(--wc-recipe-control-height); height: var(--wc-recipe-control-height); min-height: var(--wc-recipe-control-height); align-self: end; margin: 0; padding: 0; }
.wc-kitchen-editor-footer, .wc-kitchen-footer { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: .7rem; border-top: 1px solid var(--border); margin-top: 1rem; padding-top: 1rem; }
.wc-kitchen-footer small, .wc-kitchen-footer p, .wc-kitchen-editor-footer p { flex: 1 1 100%; }
.wc-kitchen-menu-layout { display: grid; grid-template-columns: 15rem minmax(0,1fr); gap: 1rem; align-items: start; }
.wc-kitchen-selector { display: grid; align-content: start; gap: .65rem; padding: 1rem; min-width: 0; }
.wc-kitchen-selector > button { justify-content: flex-start; height: auto; min-height: 3.3rem; padding: .65rem; white-space: normal; text-align: left; overflow-wrap: anywhere; }
.wc-kitchen-selector button[aria-pressed=true] { border-color: var(--primary); background: var(--muted); box-shadow: inset 3px 0 var(--primary); }
.wc-kitchen-portions { width: 8rem; }
.wc-kitchen-production-layout { display: grid; grid-template-columns: 12rem minmax(12rem,.75fr) minmax(0,1.3fr); gap: 1rem; align-items: start; }
.wc-kitchen-dish-choice { flex-direction: column; align-items: stretch; }
.wc-kitchen-progress { display: flex; gap: .5rem; align-items: center; }
.wc-kitchen-progress progress { appearance: none; width: 100%; min-width: 2rem; height: .4rem; border: none; border-radius: 1rem; overflow: hidden; background: var(--muted); }
.wc-kitchen-progress progress::-webkit-progress-bar { background: var(--muted); }
.wc-kitchen-progress progress::-webkit-progress-value { background: var(--primary); }
.wc-kitchen-progress progress::-moz-progress-bar { background: var(--primary); }
.wc-kitchen-progress small { white-space: nowrap; }
.wc-kitchen-summary { padding: .85rem 1rem; border: 1px solid var(--border); border-radius: var(--radius); background: var(--card); }
.wc-kitchen-image-description { display: flex; gap: 1rem; margin: 1rem 0; }
.wc-kitchen-image-description img { width: 8rem; max-height: 9rem; object-fit: contain; border-radius: var(--radius); }
.wc-kitchen-image-description p { white-space: pre-wrap; overflow-wrap: anywhere; }
.wc-kitchen-task-list { display: grid; gap: .4rem; margin: .75rem 0 1.25rem; }
.wc-kitchen-task-row { display: grid; grid-template-columns: minmax(0,1fr) 1.75rem; align-items: start; gap: .5rem; padding: .65rem; border: 1px solid var(--border); border-radius: var(--radius); }
.wc-kitchen .wc-kitchen-task-row > button { width: 1.75rem; height: 1.75rem; min-height: 1.75rem; padding: 0; }
.wc-kitchen-task-list label { display: grid; grid-template-columns: 1.1rem minmax(0,1fr); gap: .65rem; min-width: 0; margin: 0; align-items: center; font-size: .85rem; }
.wc-kitchen-task-content { min-width: 0; }
.wc-kitchen-task-main { display: flex; align-items: baseline; gap: .5rem; min-width: 0; }
.wc-kitchen-task-main > strong { flex: 0 0 auto; white-space: nowrap; }
.wc-kitchen-task-main > span { min-width: 0; overflow-wrap: anywhere; }
.wc-kitchen-task-row[data-done] { background: var(--muted); }
.wc-kitchen-task-list label small { display: block; margin-top: .2rem; }
.wc-kitchen-instructions { white-space: pre-wrap; overflow-wrap: anywhere; padding: .75rem; border-radius: var(--radius); background: var(--muted); margin: .5rem 0 1rem; font-size: .85rem; }
.wc-kitchen-empty { display: grid; gap: .75rem; justify-items: center; text-align: center; padding: 3rem 1.5rem; color: var(--muted-foreground); }
.wc-kitchen-notice, .wc-kitchen-error { padding: 1rem; margin-bottom: 1rem; border: 1px solid var(--border); border-radius: var(--radius); background: var(--muted); }
.wc-kitchen-error { border-color: var(--destructive); }
@media (max-width: 1200px) {
  .wc-kitchen-master-detail { grid-template-columns: minmax(0,1fr); }
  .wc-kitchen-production-layout { grid-template-columns: 11rem minmax(0,1fr); }
  .wc-kitchen-production-layout > .wc-kitchen-detail { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
  .wc-kitchen-creator-layout, .wc-kitchen-menu-layout { grid-template-columns: minmax(0,1fr); }
  .wc-kitchen-production-layout { grid-template-columns: minmax(0,1fr); }
  .wc-kitchen-description { grid-template-columns: minmax(0,1fr); grid-template-areas: "image" "actions" "description"; }
  .wc-kitchen-map-scroll { max-height: 55vh; }
  .wc-kitchen-image-description { flex-wrap: wrap; }
  .wc-kitchen .wc-grid-card-actions { flex-wrap: wrap; }
}
.wc-dakoch-filter { display: flex; flex-wrap: wrap; align-items: flex-end; gap: .75rem; padding-bottom: .75rem; border-bottom: 1px solid var(--border); }
.wc-dakoch-filter > label { flex: 1 1 9rem; min-width: 9rem; width: auto; display: grid; gap: .25rem; font-size: .75rem; font-weight: 500; }
.wc-dakoch-filter > label:first-child { flex: 2 1 12rem; }
.wc-dakoch-filter > label :is(input, select) { width: 100%; min-width: 0; }
.wc-dakoch-filter > label:has(input[type="date"]) { flex: 0 1 12rem; }
.wc-dakoch-filter > label.wc-dakoch-toggle { flex: 0 0 auto; min-width: 0; display: flex; align-items: center; gap: .5rem; height: 2rem; font-size: .875rem; font-weight: 400; white-space: nowrap; cursor: pointer; }
.wc-record-list .wc-dakoch-filter button[role="checkbox"] { width: 1rem; height: 1rem; min-height: 1rem; padding: 0; border-radius: 4px; }
.wc-dakoch-filter > button { flex: 0 0 auto; }
.wc-dakoch-filter > button:last-child { margin-left: auto; }
.wc-dakoch-filter > .wc-dakoch-segment { flex: 0 0 auto; display: flex; gap: .25rem; }
@media (max-width: 720px) { .wc-dakoch-filter > button { flex-basis: 100%; } .wc-dakoch-filter > label:has(input[type="date"]) { flex: 1 1 9rem; } }
.wc-dakoch-hint { display: block; font-size: .7rem; color: var(--muted-foreground); }
.wc-dakoch-note { margin: .5rem 0 0; font-size: .8rem; color: var(--muted-foreground); }
/* Board: three status columns with task cards */
.wc-dakoch-board { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: .75rem; }
.wc-dakoch-column { display: grid; gap: .5rem; align-content: start; padding: .5rem; border: 1px solid var(--border); border-radius: 8px; background: var(--muted); min-height: 8rem; }
.wc-dakoch-column > h3 { display: flex; align-items: center; justify-content: space-between; margin: 0; padding: .125rem .25rem; font-size: .8rem; font-weight: 600; }
.wc-dakoch-task { display: grid; gap: .25rem; padding: .625rem .75rem; border: 1px solid var(--border); border-radius: 6px; background: var(--card); color: var(--card-foreground); text-align: left; font: inherit; cursor: pointer; box-shadow: 0 1px 4px rgb(0 0 0 / 8%); }
.wc-dakoch-task:hover, .wc-dakoch-task:focus-visible { border-color: var(--primary); outline: none; }
.wc-dakoch-task small, .wc-dakoch-task .wc-dakoch-meta { font-size: .72rem; color: var(--muted-foreground); }
.wc-dakoch-task strong { font-size: .85rem; }
.wc-dakoch-meta { display: flex; justify-content: space-between; gap: .5rem; }
.wc-dakoch-task[data-priority="high"] strong::before { content: "! "; color: #b32626; }
/* Week grid: seven day columns; scrolls horizontally on small screens */
.wc-dakoch-week-scroll { overflow-x: auto; }
.wc-dakoch-week { display: grid; grid-template-columns: repeat(7, minmax(10.5rem, 1fr)); gap: .5rem; min-width: 74rem; }
.wc-dakoch-day { display: grid; gap: .375rem; align-content: start; padding: .5rem; border: 1px solid var(--border); border-radius: 8px; background: var(--background); }
.wc-dakoch-day[data-today="true"] { border-color: var(--primary); }
.wc-dakoch-day > header { display: flex; justify-content: space-between; align-items: baseline; font-size: .75rem; font-weight: 600; }
.wc-dakoch-day > header small { font-weight: 400; color: var(--muted-foreground); }
.wc-dakoch-slot { display: grid; gap: .125rem; padding: .5rem; border: 1px solid var(--border); border-left: 3px solid var(--primary); border-radius: 6px; background: var(--card); color: var(--card-foreground); text-align: left; font: inherit; cursor: pointer; }
.wc-dakoch-slot[data-status="draft"] { border-left-style: dashed; }
.wc-dakoch-slot small { font-size: .68rem; color: var(--muted-foreground); }
.wc-dakoch-slot strong { font-size: .8rem; }
.wc-dakoch-add { height: 2rem; border: 1px dashed var(--border); border-radius: 6px; background: transparent; color: var(--muted-foreground); font: inherit; cursor: pointer; }
.wc-dakoch-add:hover { border-color: var(--primary); color: var(--primary); }
/* Stations progress and course lists */
.wc-dakoch-stations { display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: .75rem; }
.wc-dakoch-station { display: grid; gap: .375rem; padding: .625rem .75rem; border: 1px solid var(--border); border-radius: 8px; background: var(--background); font-size: .8rem; }
.wc-dakoch-station > div:first-child { display: flex; justify-content: space-between; font-weight: 600; }
.wc-dakoch-progress { height: .375rem; border-radius: 999px; background: var(--muted); overflow: hidden; }
.wc-dakoch-progress > span { display: block; height: 100%; background: var(--primary); }
.wc-dakoch-station small { display: flex; justify-content: space-between; color: var(--muted-foreground); }
.wc-dakoch-courses { display: grid; gap: .375rem; margin: 0; padding: 0; list-style: none; }
.wc-dakoch-courses li { display: grid; grid-template-columns: 2rem 1fr; gap: .5rem; align-items: center; font-size: .8rem; }
.wc-dakoch-courses li > span:first-child { font-weight: 600; color: var(--primary); }
.wc-dakoch-courses li small { display: block; color: var(--muted-foreground); font-size: .7rem; }
.wc-dakoch-service { display: grid; gap: .75rem; }
.wc-dakoch-service > article { padding: .625rem .75rem; border: 1px solid var(--border); border-radius: 8px; background: var(--background); }
.wc-dakoch-service > article > header { display: flex; justify-content: space-between; align-items: baseline; gap: .5rem; margin-bottom: .375rem; font-size: .8rem; font-weight: 600; }
.wc-dakoch-service small { color: var(--muted-foreground); font-weight: 400; }
.wc-dakoch-list { display: grid; gap: .375rem; margin: 0; padding: 0; list-style: none; font-size: .8rem; }
.wc-dakoch-list li { display: flex; justify-content: space-between; gap: .5rem; padding: .375rem 0; border-top: 1px solid var(--border); }
.wc-dakoch-list li:first-child { border-top: 0; }
.wc-dakoch-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1rem; }
/* Repeat rows inside editors: one compact block per ingredient, step, course or component */
.wc-dakoch-row { display: grid; gap: .5rem; padding: .5rem; border: 1px solid var(--border); border-radius: 6px; margin-bottom: .5rem; }
.wc-dakoch-row > .wc-dakoch-row-actions { display: flex; justify-content: flex-end; }
.wc-dakoch-segment button[aria-pressed="true"] { background: var(--primary); border-color: var(--primary); color: var(--primary-foreground); }
.wc-dakoch-tabs { display: flex; flex-wrap: wrap; gap: .25rem; margin-bottom: 1rem; }