@layer components{.co-production-page{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.co-production-page-head{justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.co-production-tools{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.co-production-scope{align-items:center;gap:var(--space-3);border:0;flex-wrap:wrap;min-width:0;margin:0;padding:0;display:flex}.co-production-scope>.co-select{width:auto;min-width:var(--overlay-menu-width);max-width:100%}.co-production-toolbar{align-items:center;gap:var(--space-4);flex-wrap:wrap;flex:1;padding:0;display:flex}.co-production-toolbar>.co-input{width:var(--size-empty-state)}.co-production-toolbar>.co-select{width:auto;max-width:var(--size-empty-state)}.co-production-filters{gap:var(--space-1);border-radius:var(--r-pill);padding:var(--space-1);background:0 0;max-width:100%;display:flex;overflow-x:auto}.co-production-filters .co-button{font-size:var(--text-ui-caption);background:0 0;border:none}.co-production-filters .co-button[aria-pressed=true]{background:var(--g-100);color:var(--g-700);outline:var(--size-border) solid var(--brand-royal)}.co-production-kanban{align-items:stretch;gap:var(--space-6);min-height:var(--size-description-max);height:var(--editor-draft-max-height);padding:var(--space-2);padding-bottom:var(--space-6);scroll-snap-type:x proximity;background:0 0;display:flex;overflow-x:auto}.co-production-column{width:var(--overlay-command-height);border-radius:var(--r-md);background:var(--column-surface);border:var(--size-border) solid var(--hair);min-width:0;box-shadow:var(--column-shadow);scroll-snap-align:start;flex-direction:column;flex:none;display:flex}.co-production-column--target{background:var(--g-100)}.co-production-column-head{align-items:center;gap:var(--space-2);min-height:var(--size-control-lg);padding:var(--space-4);background:var(--column-head-surface);border-radius:var(--r-md) var(--r-md) 0 0;display:flex;position:relative}.co-production-column-head h2{min-width:0;font:800 var(--text-card-title)/var(--leading-task) var(--font-heading);text-align:center;overflow-wrap:anywhere;flex:1}.co-production-column-head .co-badge{background:var(--brand-charcoal);color:var(--on-brand);border-radius:var(--r-pill)}.co-production-stage-dot{width:var(--size-status-dot);height:var(--size-status-dot);border-radius:var(--r-pill);background:var(--kanban-accent);flex:none}.co-production-column-list{gap:var(--space-4);padding:var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.co-production-column-footer{padding:var(--space-3) var(--space-4);border-top:var(--size-border) solid var(--hair);background:var(--column-head-surface);border-radius:0 0 var(--r-md) var(--r-md);font-size:var(--text-ui-caption);color:var(--muted);flex:none}.co-production-column-footer:has(>.co-button){background:0 0;border:0;border-radius:0;padding:0}.co-production-movable{border-radius:var(--r-md);cursor:grab;position:relative}.co-production-movable,.co-production-toolbar,.co-production-filters{border:0;min-width:0;margin:0}.co-production-movable{padding:0}.co-production-drag-handle{top:var(--space-2);z-index:1;opacity:0;border:var(--size-border) solid var(--control-edge);border-radius:var(--r-small);background:var(--panel);color:var(--ink);cursor:grab;position:absolute;left:0}.co-production-movable:hover .co-production-drag-handle,.co-production-drag-handle:focus-visible{opacity:1}.co-production-drag-handle:focus-visible{border-color:var(--ring);outline:var(--space-half) solid transparent;box-shadow:var(--focus-ring-field)}.co-production-movable:focus-visible{outline:var(--space-half) solid transparent;box-shadow:var(--focus-ring)}.co-production-movable[data-picked-up=true]{opacity:var(--opacity-dragging)}.co-production-movable[data-drop-before=true]{outline:var(--size-border) solid var(--brand-royal)}.co-production-column-empty{padding:var(--space-6);color:var(--muted);text-align:center;font-size:var(--text-ui-caption)}.co-production-form{gap:var(--space-6);margin-top:var(--space-6);display:grid}.co-production-field{gap:var(--space-2);color:var(--ink);font:600 var(--form-text)/var(--leading-task) var(--font);display:grid}.co-production-actions{justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.co-production-copy{color:var(--muted);font:400 var(--form-text)/var(--leading-preview) var(--font)}.co-production-accents{gap:var(--space-3);border:0;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;display:grid}.co-production-accent{align-items:center;gap:var(--space-3);padding:var(--space-3);border:var(--size-border) solid var(--control-edge);border-radius:var(--r-small);font-size:var(--text-ui-caption);cursor:pointer;display:flex}.co-production-accent:has(input:checked){border-color:var(--selection-fill);background:var(--g-100)}.co-production-swatch{width:var(--space-7);height:var(--space-7);border-radius:var(--r-pill);background:var(--kanban-accent);flex:none}.co-production-add-column{width:var(--overlay-command-height);align-content:center;justify-items:center;gap:var(--space-3);padding:var(--space-7);border:var(--size-border) dashed var(--control-edge);border-radius:var(--r-md);color:var(--muted);flex:none;display:grid}.co-production-move-list{gap:var(--space-3);margin-top:var(--space-6);display:grid}.co-production-move-list .co-button{white-space:normal;height:auto;min-height:var(--quick-move-row);border-radius:var(--quick-move-row-radius);justify-content:flex-start}.co-production-phone-options,.co-production-filter-select{display:none}.co-app-shell[data-mobile=true] .co-production-page{gap:var(--space-3)}.co-app-shell[data-mobile=true] .co-production-page-head,.co-app-shell[data-mobile=true] .co-production-page>.co-production-scope{display:none}.co-app-shell[data-mobile=true] .co-production-tools{gap:var(--space-2);flex-wrap:nowrap}.co-app-shell[data-mobile=true] .co-production-toolbar{gap:var(--space-2);flex-wrap:nowrap;min-width:0}.co-app-shell[data-mobile=true] .co-production-toolbar>.co-input{flex:1;width:0;min-width:0}.co-app-shell[data-mobile=true] .co-production-filters>.co-button{display:none}.co-app-shell[data-mobile=true] .co-production-filter-select{width:calc(var(--size-control) * 2);max-width:none;display:block}.co-app-shell[data-mobile=true] .co-production-phone-options{display:block}.co-app-shell[data-mobile=true] .co-production-actions>button[aria-label=Trash]{display:none}.co-app-shell[data-mobile=true] .co-production-kanban{gap:var(--space-3);padding:var(--board-pad-compact)}.co-app-shell[data-mobile=true] .co-production-column{width:calc(100% - var(--space-4));border-radius:var(--column-radius-compact)}.co-app-shell[data-mobile=true] .co-production-column-head{min-height:var(--column-head-height-compact);padding:var(--column-head-padding-compact)}.co-app-shell[data-mobile=true] .co-production-column-head h2{font-size:var(--column-title-text-compact)}.co-app-shell[data-mobile=true] .co-production-column-list{padding:var(--board-pad-compact);gap:var(--space-3)}@media (prefers-reduced-motion:reduce){.co-production-kanban{scroll-behavior:auto}}}.co-production-kanban--project{gap:var(--space-7);height:auto;min-height:0;padding:var(--space-2);background:0 0;border-radius:0;flex:1;display:flex;overflow:auto hidden}.co-production-kanban--project .co-production-column{flex:0 0 clamp(var(--project-column-min-width),calc((100% - var(--project-column-total-gap))/5),var(--project-column-max-width));width:auto;min-width:0;min-height:0;padding:0 var(--space-5);background:var(--project-lane-fill);border:var(--size-border) solid var(--project-lane-edge);border-radius:var(--space-6);box-shadow:var(--column-shadow);overflow:hidden}.co-production-kanban--project .co-production-column-head{grid-template-columns:var(--project-section-gap) minmax(0,1fr) var(--space-9);gap:var(--space-2);margin:0 calc(-1 * var(--space-5)) var(--space-2);padding:var(--space-3) var(--space-6);min-height:var(--project-column-head-height);background:var(--project-lane-fill);flex:none;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.co-production-kanban--project .co-production-column-head{background:color-mix(in srgb,var(--project-lane-fill) 82%,var(--card))}}.co-production-kanban--project .co-production-column-head{border-radius:var(--space-6) var(--space-6) 0 0}.co-production-kanban--project .co-production-column-head:has(>:nth-child(4)){grid-template-columns:var(--project-section-gap) minmax(0,1fr) var(--space-9) auto}.co-production-kanban--project .co-production-column-head:has(>:nth-child(5)){grid-template-columns:var(--project-section-gap) minmax(0,1fr) var(--space-9) auto auto}.co-production-column-meta{color:var(--muted);font-size:var(--text-ui-caption);white-space:nowrap}.co-production-kanban--project .co-production-column-head:has(>.co-production-column-meta){grid-template-columns:var(--project-section-gap) minmax(0,1fr) var(--space-9) auto;row-gap:0}.co-production-kanban--project .co-production-column-head>.co-production-column-meta{text-align:center;grid-area:2/2/auto/4}.co-production-kanban--project .co-production-column-head>.co-production-column-meta~*{grid-area:1/4}.co-production-column-empty-state{padding:var(--space-6) var(--space-3);gap:var(--space-2);color:var(--muted);font-size:var(--text-ui-caption);border:0;flex:none}.co-production-column-empty-state [data-slot=empty-title]{font-size:var(--text-ui-caption);font-weight:400}.co-production-kanban .co-production-column-head:after{content:"";height:var(--size-border);background:var(--hair);box-shadow:0 var(--space-half) var(--project-card-select-radius) var(--ink);position:absolute;bottom:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.co-production-kanban .co-production-column-head:after{box-shadow:0 var(--space-half) var(--project-card-select-radius) color-mix(in srgb,var(--ink) 9%,transparent)}}.co-production-kanban--project .co-production-column-head h2{font:var(--project-column-title-type);margin:0}.co-production-kanban--project .co-production-column-head .co-badge{width:var(--space-8);height:var(--space-8);border-radius:var(--r-pill);background:var(--project-lane-count);color:var(--project-task-muted);font:var(--project-meta-type);border:0;place-items:center;padding:0;display:grid}.co-production-kanban--project .co-production-column-list{gap:var(--space-5);min-height:0;padding:var(--space-1) var(--space-half) 0 0;overscroll-behavior:contain;flex-direction:column;display:flex}.co-production-kanban--project .co-production-movable{flex:none}.co-production-kanban--project .co-production-column>.co-button,.co-production-kanban--project .co-production-column-footer>.co-button{width:100%;min-height:var(--project-column-footer-height);height:var(--project-column-footer-height);padding:var(--space-2) 0;color:var(--project-task-meta);font:var(--project-section-type);box-shadow:none;background:0 0;border:0;border-radius:0;flex:none;justify-content:center;align-items:center;display:flex}@media (max-width:720px){.co-production-kanban--project .co-production-column{flex-basis:var(--project-column-min-width)}}.co-project-task-board{--task-lane-inset:var(--space-4);--task-lane-gap:var(--space-6);gap:var(--task-lane-gap);padding-block-end:var(--space-2)}.co-project-task-board .co-production-column{flex-basis:clamp(var(--project-column-min-width),calc((100% - 3 * var(--task-lane-gap)) / 4),var(--project-column-max-width));padding:0 var(--task-lane-inset) var(--space-1);border-radius:var(--r-task)}.co-project-task-board .co-production-column-head{z-index:1;grid-template-columns:var(--space-9) minmax(0,1fr) var(--space-9);margin-inline:calc(-1 * var(--task-lane-inset));padding:var(--space-2) var(--space-6);min-height:var(--size-control-lg)}.co-project-task-board .co-production-column-head h2{font:800 var(--text-ui-compact)/var(--leading-ui-small) var(--font-heading);letter-spacing:-.02em}.co-project-task-board .co-production-column-head .co-badge{width:max-content;min-width:var(--space-8);padding-inline:var(--space-half);justify-self:end}.co-project-task-board .co-production-column-list{gap:var(--space-2);scroll-padding-block-start:var(--space-1);overflow-x:hidden}.co-project-task-board .co-production-column-empty-state [data-slot=empty-icon]{color:var(--muted)}.co-project-task-board .co-production-column-empty-state [data-slot=empty-icon] svg{width:var(--space-6);height:var(--space-6)}.co-project-task-board .co-production-column-footer>.co-button{gap:var(--space-between);border-radius:var(--r-small)}.co-project-task-board .co-production-column-footer>.co-button:hover{background:var(--brand-bluewash);color:var(--brand-royal)}@media (max-width:600px){.co-project-task-board{--task-lane-inset:var(--space-4);gap:var(--space-4);padding:var(--space-half) var(--space-half) var(--space-between);overscroll-behavior-x:contain;scroll-padding-inline:var(--space-half);scroll-snap-type:x mandatory}.co-project-task-board .co-production-column{border-radius:var(--space-8);scroll-snap-align:start;flex-basis:100%;padding-block-end:var(--space-3)}.co-project-task-board .co-production-column-head{min-height:calc(var(--size-control-lg) + var(--space-between))}.co-project-task-board .co-production-column-list{gap:var(--space-3);padding-block:var(--space-half) var(--space-between);scrollbar-width:none}}.co-production-stage-filter{appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;width:100%;padding:0}.co-production-stage-filter[aria-pressed=true]{text-underline-offset:var(--space-1);text-decoration:underline}.co-production-page>.co-production-kanban:not(.co-production-kanban--project){height:calc(100dvh - var(--project-board-clearance));min-height:var(--project-board-min-height);overflow-y:hidden}.co-production-page>.co-production-kanban:not(.co-production-kanban--project) .co-production-column{min-height:0;overflow:hidden}.co-production-page>.co-production-kanban:not(.co-production-kanban--project) .co-production-column-head{flex:none}.co-production-page>.co-production-kanban:not(.co-production-kanban--project) .co-production-column-list{overscroll-behavior:contain;min-height:0}@media (hover:hover) and (pointer:fine){.co-production-page .co-task[data-layout=production] .co-task-move{opacity:0;pointer-events:none}.co-production-page .co-task[data-layout=production]:hover .co-task-move,.co-production-page .co-task[data-layout=production]:focus-within .co-task-move{opacity:1;pointer-events:auto}}.co-production-page .co-task[data-layout=production]{--task-platform-size:var(--space-8);--task-platform-glyph:var(--space-6)}.co-production-page .co-task[data-layout=production] .co-task-title{font-size:var(--text-ui-small);line-height:var(--leading-ui-small);font-weight:600}.co-production-page .co-production-toolbar>.co-input{width:var(--task-metadata-width);max-width:var(--task-metadata-width)}.co-production-page>.co-production-kanban:not(.co-production-kanban--project) .co-production-column-head .co-badge{background:var(--panel);color:var(--ink);font-size:var(--text-ui-caption)}@media (max-width:720px){.co-app-shell[data-mobile=true] .co-production-page .co-production-column{width:calc(100% - var(--space-6))}.co-app-shell[data-mobile=true] .co-production-page .co-production-toolbar>.co-input{flex:1;width:0;min-width:0;max-width:none}}.co-production-page .co-task[data-layout=production] .co-task-readiness{min-height:var(--space-8);padding:var(--space-1) var(--space-3);font-size:var(--text-ui-caption);line-height:var(--leading-ui-caption)}