/* Central Kitchen redesign (2026-10-05) — kitchen workspace: Overview · Orders · Day.
   Isolated like erp-offers.css; everything else reuses the shared ERP surface, kit panels and Precision tables. */
.ck2-page .erp-page-header { margin-bottom: 16px; }
.ck2-stack { display: flex; flex-direction: column; gap: 16px; }
.ck2-lead { font-size: 14px; color: var(--color-gray-700); line-height: 1.5; margin: 0 0 14px; max-width: 72ch; }
.ck2-lead strong { color: var(--color-gray-900); }
.ck2-muted { color: var(--color-gray-500); font-size: 12px; }
.ck2-num { font-variant-numeric: tabular-nums; }
.ck2-short { color: #b45309; font-weight: 600; font-variant-numeric: tabular-nums; }
.ck2-ok { color: #15803d; font-weight: 600; }
.ck2-ok .erp-icon, .ck2-short .erp-icon { width: 14px; height: 14px; vertical-align: -2px; }
.ck2-neg { color: #b91c1c; font-weight: 600; }
.ck2-code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; color: #1d4ed8; background: #eff6ff; border-radius: 6px; padding: 1px 6px; }
.ck2-cell-title { font-weight: 600; color: var(--color-gray-900); }
.ck2-cell-sub { font-size: 12px; color: var(--color-gray-500); margin-top: 1px; }
.ck2-item { font-weight: 600; color: var(--color-gray-900); }
.ck2-item small { display: block; font-weight: 400; color: var(--color-gray-500); font-size: 12px; }
.ck2-link { color: #1d4ed8; text-decoration: none; font-weight: 500; cursor: pointer; background: none; border: 0; padding: 0; font: inherit; }
.ck2-link:hover { text-decoration: underline; }

/* header controls */
.ck2-view { display: inline-flex; gap: 2px; background: var(--color-gray-100); border-radius: 10px; padding: 3px; }
.ck2-view button { display: inline-flex; align-items: center; gap: 6px; border: 0; background: transparent; font: 500 13px Inter, sans-serif; padding: 7px 12px; border-radius: 8px; color: var(--color-gray-600); cursor: pointer; min-height: 36px; }
.ck2-view button.is-on { background: #fff; color: var(--color-gray-900); box-shadow: 0 1px 2px rgba(15,23,42,.08); }
.ck2-view button svg { width: 15px; height: 15px; }
.ck2-range { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.ck2-page .erp-page-header__filter-row, .ck2-page .erp-page-header__secondary { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: center; }
.ck2-page .erp-page-header__filter-row .erp-filter-tabs, .ck2-page .erp-page-header__secondary .erp-filter-tabs { margin: 0; }
/* desktop controls are 36px on the redesigned pages; the legacy 44px rule stays for phones */
@media (min-width: 769px) { .ck2-page :is(.btn, .pure-dropdown-trigger, .date-picker-trigger, .erp-filter-tabs__tab, .form-input) { min-height: 36px; } .ck2-page .erp-page-header__controls .btn { flex: 0 0 auto; } }
.ck2-range .date-picker-wrapper { min-width: 160px; }

/* Keep supplier and recipient roles visible before opening either picker. */
.ck2-order-route { display: grid; grid-template-columns: minmax(0, 360px) 24px minmax(0, 360px); align-items: end; gap: 12px; width: 100%; }
.ck2-context-field { min-width: 0; }
.ck2-context-field > .form-label { display: flex; align-items: center; gap: 6px; margin: 0 0 8px; color: var(--color-gray-600); }
.ck2-context-field > .pure-dropdown { width: 100%; min-width: 0; }
.ck2-page .ck2-context-field .pure-dropdown-trigger { min-height: 40px; height: auto; padding-top: 8px; padding-bottom: 8px; }
.ck2-context-field .dd-text { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
.ck2-context-value { display: flex; align-items: center; min-height: 40px; color: var(--color-gray-900); font-size: 13px; font-weight: 500; overflow-wrap: anywhere; }
.ck2-order-route__direction { display: flex; align-items: center; justify-content: center; min-height: 40px; color: var(--color-gray-500); }
.ck2-workspace-context { width: 280px; max-width: 100%; }
@media (max-width: 768px) {
  .ck2-order-route { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .ck2-order-route__direction { display: none; }
  .ck2-workspace-context { width: 100%; }
  .ck2-page .ck2-context-field .pure-dropdown-trigger, .ck2-context-value { min-height: 44px; }
}

/* week strip (Overview) */
.ck2-week { display: grid; grid-template-columns: 40px repeat(7, minmax(0, 1fr)) 40px; gap: 8px; align-items: stretch; margin-bottom: 16px; }
.ck2-week__nav { display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--color-gray-200); border-radius: 12px; background: #fff; color: var(--color-gray-600); cursor: pointer; }
.ck2-week__nav svg { width: 16px; height: 16px; }
.ck2-day { display: block; text-decoration: none; color: inherit; border: 1px solid var(--color-gray-200); border-radius: 14px; background: #fff; padding: 12px 12px 10px; min-width: 0; transition: box-shadow .12s, transform .12s, border-color .12s; }
.ck2-day:hover { box-shadow: 0 8px 24px rgba(30,64,175,.08); transform: translateY(-1px); }
.ck2-day.is-today { border-color: #93c5fd; background: #eff6ff; }
.ck2-day.is-off { background: var(--color-gray-50); color: var(--color-gray-400); }
.ck2-day__date { font-weight: 600; font-size: 13px; color: var(--color-gray-900); display: flex; justify-content: space-between; gap: 6px; }
.ck2-day__date small { font-weight: 500; color: #2563eb; }
.ck2-day__fact { font-size: 12px; color: var(--color-gray-600); margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ck2-day__badge { margin-top: 8px; }
@media (max-width: 1100px) { .ck2-week { grid-template-columns: repeat(4, minmax(0, 1fr)); } .ck2-week__nav { display: none; } }
@media (max-width: 640px) { .ck2-week { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* attention rows: one row, one action */
.ck2-attn { display: flex; flex-direction: column; gap: 8px; }
.ck2-attn__row { display: grid; grid-template-columns: 36px 1fr auto; gap: 12px; align-items: center; padding: 12px 14px; border: 1px solid var(--color-gray-200); border-radius: 12px; background: #fff; }
.ck2-attn__row.is-warn { border-color: #fde68a; background: #fffbeb; }
.ck2-attn__row.is-danger { border-color: #fecaca; background: #fef2f2; }
.ck2-attn__row.is-info { border-color: #bfdbfe; background: #eff6ff; }
.ck2-attn__row.is-ok { border-color: #bbf7d0; background: #f0fdf4; }
.ck2-attn__icon { width: 36px; height: 36px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: #fff; border: 1px solid var(--color-gray-200); color: var(--color-gray-600); }
.ck2-attn__icon svg { width: 17px; height: 17px; }
.is-warn .ck2-attn__icon { color: #b45309; border-color: #fde68a; }
.is-danger .ck2-attn__icon { color: #b91c1c; border-color: #fecaca; }
.is-info .ck2-attn__icon { color: #1d4ed8; border-color: #bfdbfe; }
.is-ok .ck2-attn__icon { color: #15803d; border-color: #bbf7d0; }
.ck2-attn__text { min-width: 0; font-size: 13px; color: var(--color-gray-900); font-weight: 600; }
.ck2-attn__text small { display: block; font-weight: 400; color: var(--color-gray-600); margin-top: 1px; }
.ck2-attn__act { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
@media (max-width: 640px) { .ck2-attn__row { grid-template-columns: 36px 1fr; } .ck2-attn__act { grid-column: 1 / -1; justify-content: stretch; } .ck2-attn__act .btn { flex: 1; justify-content: center; min-height: 44px; } }

/* branch rows (tomorrow, branch requests) */
.ck2-branches { display: flex; flex-direction: column; }
.ck2-branch { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 12px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--color-gray-100); text-decoration: none; color: inherit; }
.ck2-branch:last-child { border-bottom: 0; }
.ck2-branch__name { font-weight: 600; font-size: 13px; color: var(--color-gray-900); grid-column: 1; grid-row: 1; }
.ck2-branch__sub { font-size: 12px; color: var(--color-gray-500); grid-column: 1; grid-row: 2; }
.ck2-branch__right { grid-column: 2; grid-row: 1 / 3; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
a.ck2-branch:hover .ck2-branch__name { color: #1d4ed8; }

/* calendar (Orders) */
.ck2-cal { border: 1px solid var(--color-gray-200); border-radius: 16px; background: #fff; box-shadow: 0 1px 2px rgba(15,23,42,.025), 0 8px 24px rgba(30,64,175,.045); padding: 16px; }
.ck2-cal__head { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.ck2-cal__head strong { font-size: 16px; color: var(--color-gray-900); }
.ck2-cal__head .btn { min-height: 34px; padding: 4px 8px; }
.ck2-cal__legend { margin-left: auto; display: flex; gap: 6px; flex-wrap: wrap; }
.ck2-cal__grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; }
.ck2-cal__dow { font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--color-gray-500); padding: 4px 8px; }
.ck2-cal__cell { display: flex; flex-direction: column; gap: 6px; min-height: 108px; padding: 12px 14px; border: 1px solid var(--color-gray-200); border-radius: 12px; background: #fff; color: inherit; text-decoration: none; min-width: 0; transition: box-shadow .12s, transform .12s; }
a.ck2-cal__cell:hover { box-shadow: 0 8px 24px rgba(30,64,175,.08); transform: translateY(-1px); }
.ck2-cal__cell.is-empty { border: 0; background: transparent; }
.ck2-cal__cell.is-off { background: var(--color-gray-50); color: var(--color-gray-400); border-style: dashed; }
.ck2-cal__cell.is-today { border-color: #93c5fd; background: #eff6ff; }
.ck2-cal__cell.is-attn { border-color: #fde68a; background: #fffbeb; }
.ck2-cal__d { font-weight: 600; font-size: 13px; color: var(--color-gray-900); }
.ck2-cal__d em { font-style: normal; font-weight: 500; color: #2563eb; font-size: 11px; }
.ck2-cal__cell small { font-size: 12px; color: var(--color-gray-500); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ck2-cal__cell > :last-child:not(small):not(.ck2-cal__d) { margin-top: auto; align-self: flex-start; }
.ck2-cal__cell.is-quiet { background: #fcfdff; }
.ck2-cal__cell.is-quiet small { color: var(--color-gray-400); }
@media (max-width: 900px) { .ck2-cal__grid { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); } .ck2-cal__dow, .ck2-cal__cell.is-empty { display: none; } .ck2-cal__legend { display: none; } }

/* plan: branch list on the left, one row per item on the right */
.ck2-plan-layout { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 16px; align-items: start; }
.ck2-plan-main { min-width: 0; }
.ck2-bnav { display: flex; flex-direction: column; gap: 8px; }
.ck2-bnav__item { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 12px 12px 12px 14px; border: 1px solid var(--color-gray-200); border-radius: 12px; background: #fff; color: inherit; text-decoration: none; cursor: pointer; text-align: left; font: inherit; transition: box-shadow .12s, transform .12s, border-color .12s; }
.ck2-bnav__item:hover { box-shadow: 0 8px 24px rgba(30,64,175,.08); transform: translateY(-1px); }
.ck2-bnav__item.is-on { border-color: #93c5fd; background: #eff6ff; box-shadow: inset 3px 0 0 #2563eb; }
.ck2-bnav__main { min-width: 0; }
.ck2-bnav__title { display: block; font-weight: 600; font-size: 13px; color: var(--color-gray-900); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ck2-bnav__main small { display: block; font-size: 12px; color: var(--color-gray-500); margin-top: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ck2-bnav-dd { display: none; margin-bottom: 12px; }
@media (max-width: 900px) { .ck2-plan-layout { grid-template-columns: 1fr; } .ck2-bnav { display: none; } .ck2-bnav-dd { display: block; } }
.ck2-plan-wrap .erp-data-table-wrap { overflow: visible; }
.ck2-plan-wrap table { table-layout: fixed; width: 100%; }
.ck2-plan-wrap td, .ck2-plan-wrap th { white-space: normal; overflow-wrap: anywhere; }
.ck2-cell-input { width: 84px; min-height: 34px; padding: 4px 8px; border: 1px solid var(--color-gray-300); border-radius: 8px; font: inherit; font-size: 13px; text-align: right; font-variant-numeric: tabular-nums; }
.ck2-cell-input:focus { outline: 2px solid #bfdbfe; border-color: #3b82f6; }
.ck2-cell-input.is-invalid { border-color: #ef4444; }
.ck2-unit { font-size: 12px; color: var(--color-gray-500); margin-left: 4px; }
tr.ck2-row--short td { background: #fffbeb; }
tr.ck2-row--edited td { background: #eff6ff; }
.ck2-total { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 12px 14px; border-top: 1px solid var(--color-gray-200); font-size: 13px; color: var(--color-gray-600); flex-wrap: wrap; }
.ck2-total strong { font-size: 16px; color: var(--color-gray-900); font-variant-numeric: tabular-nums; }

/* pack cards (Day) */
.ck2-packs { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; }
.ck2-pack { border: 1px solid var(--color-gray-200); border-radius: 14px; padding: 14px; background: #fff; display: flex; flex-direction: column; gap: 10px; }
.ck2-pack.is-done { background: #f0fdf4; border-color: #bbf7d0; }
.ck2-pack__head { display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; }
.ck2-pack__name { font-weight: 600; color: var(--color-gray-900); font-size: 14px; }
.ck2-pack__name small { display: block; font-weight: 400; color: var(--color-gray-500); font-size: 12px; }
.ck2-pack__lines { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: var(--color-gray-700); }
.ck2-pack__lines div { display: flex; justify-content: space-between; gap: 8px; }
.ck2-pack__lines b { font-variant-numeric: tabular-nums; font-weight: 600; color: var(--color-gray-900); }
.ck2-pack__foot { display: flex; gap: 8px; flex-wrap: wrap; margin-top: auto; }
.ck2-pack__foot .btn { flex: 1; justify-content: center; }
.ck2-gate { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--color-gray-500); }
.ck2-gate svg { width: 14px; height: 14px; }
.ck2-gate.is-ok { color: #15803d; }

.ck2-sticky { display: none; }
@media (max-width: 900px) {
  .ck2-sticky { display: block; position: sticky; bottom: 0; padding: 12px 0 calc(12px + env(safe-area-inset-bottom, 0px)); background: linear-gradient(180deg, rgba(255,255,255,0), #fff 30%); z-index: 5; }
  .ck2-sticky .btn { width: 100%; justify-content: center; min-height: 44px; }
  .ck2-cell-input { min-height: 44px; }
  .ck2-page .erp-panel-card__actions { display: flex; flex-wrap: wrap; gap: 8px; }
  .ck2-page .erp-panel-card__actions .btn { flex: 1 1 auto; justify-content: center; min-height: 44px; }
}
.ck2-page .erp-panel-card, .ck2-page .erp-detail-grid__main, .ck2-page .erp-detail-grid__aside, .ck2-page .erp-data-table-wrap { min-width: 0; }

/* weekly rules grid (branch) */
.ck2-rules { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 10px; }
.ck2-rules .ck2-day { display: flex; flex-direction: column; gap: 6px; }
.ck2-rules .ck2-day__fact { white-space: normal; }
.ck2-rules .ck2-pack__foot { margin-top: auto; }
.ck2-rules .ck2-pack__foot .btn { min-height: 34px; }

/* Settings composed from kit panels (2026-10-05); legacy sections keep their ids and renderers */
.ck-settings-v2 .ck-settings-v2__body { margin: 0; }
.ck-settings-v2 .ck-settings-v2__body + .ck-settings-v2__body { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--color-gray-100); }
.ck-settings-v2 .ck-fields, .ck-settings-v2 .ck-filters { margin: 12px 0 0; }
.ck-settings-v2 .ck-fields > div, .ck-settings-v2 .ck-fields > label { min-width: 0; }
.ck-settings-v2 .ck-readiness { margin: 0; }
.ck-settings-v2 .ck-workflow-steps { margin: 0; }
.ck-settings-v2 [data-ck-settings-tab] { padding: 4px 0 0; }
.ck-settings-v2 .erp-disclosure { background: #fff; }
.ck-settings-v2 .ck-save-bar { padding: 0; }
.ck-settings-v2 .erp-detail-grid { margin-top: 16px; }

/* catalog modal, step 2: production setup inside the modal */
.ck-catalog-step__head { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 14px; }
.ck-catalog-step__head h3 { margin: 0; font-size: 16px; font-weight: 600; color: var(--color-gray-900); outline: none; }
.ck-catalog-step__head .ck-hint { margin: 2px 0 0; }
.ck-catalog-step__body { min-height: 0; max-height: min(62vh, 720px); overflow: auto; padding-right: 4px; overscroll-behavior: contain; }
.ck-catalog-step .erp-panel-card + .erp-panel-card { margin-top: 0; }
.ck-catalog-step .ck-fields { margin: 0; }
.ck-setup-warehouses { gap: 20px 24px; margin: 0; }
.ck-setup-warehouses > div { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.ck-setup-warehouses .form-label { margin: 0; }
.ck-setup-warehouses .pure-dropdown { width: 100%; min-width: 0; }
.ck-setup-warehouses .dd-text { white-space: normal; overflow-wrap: anywhere; }
#ckSetupFeedback:empty { display: none; }
.ck-setup-readiness { margin: 0; }
.ck-setup-readiness .erp-readiness__row { padding: 6px 10px; }
.ck-setup-readiness .ck-hint { margin: 12px 0 0; }
.ck-catalog-step .erp-readiness { margin: 0; }
.ck-catalog-step .ck-catalog-footer { margin-top: 14px; }
.ck-catalog-step { padding: 16px 24px 0; }
.ck-catalog-modal :is(#ckCatalogMain, .ck-catalog-step):not([hidden]) { display: flex; flex-direction: column; min-height: 0; }
.ck-catalog-step__head, .ck-catalog-modal .ck-catalog-footer { flex-shrink: 0; }
.ck-catalog-step__head > div { min-width: 0; overflow-wrap: anywhere; }
.ck-catalog-step .ck-catalog-footer { margin: 14px -24px 0; }
@media (min-width: 769px) { .ck-catalog-modal :is(.btn, .form-input, .erp-filter-tabs__tab, .pure-dropdown-trigger) { min-height: 36px; } }
@media (max-width: 768px) {
  .ck-catalog-step { padding: 12px 16px 0; }
  .ck-catalog-step .ck-catalog-footer { margin: 12px -16px 0; }
}