.pw-page { gap: var(--sp-4); }
.pw-note { margin: 0; }
.pw-dots { display: inline-flex; gap: 2px; flex: none; }
.pw-nobody { display: block; margin-block-start: var(--sp-1); color: var(--warn); font-weight: var(--fw-semi); }
.usr-does { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--sp-3); }
.usr-does-line { margin: 0; min-inline-size: 0; }


.pl-page { gap: var(--sp-4); }
.pl-job { display: inline-flex; align-items: center; gap: var(--sp-2); min-inline-size: 0; }
.pl-job-name { min-inline-size: 0; overflow-wrap: anywhere; }
.pl-sec { padding: 0; overflow: hidden; }
.pl-sec-h { display: flex; align-items: center; gap: var(--sp-3); padding: var(--sp-3) var(--sp-4); min-block-size: 44px; border-block-end: 1px solid var(--line); }
.pl-sec-h .set-h2 { margin: 0; }
.pl-sec-ico { inline-size: 1.5rem; text-align: center; font-size: 1.125rem; line-height: 1; }
.pl-item { display: inline-flex; align-items: center; gap: var(--sp-2); min-inline-size: 0; }
.pl-item-ico { inline-size: 20px; flex: none; text-align: center; font-size: 1rem; line-height: 1; }
.pl-item-name { min-inline-size: 0; overflow-wrap: anywhere; }
.pl-new { gap: var(--sp-3); }
.pl-opt { display: grid; gap: var(--sp-1); justify-items: start; text-align: start; inline-size: 100%; min-block-size: 44px; padding: var(--sp-3) var(--sp-4);
          background: var(--card); color: var(--ink); border: 1px solid var(--line); border-radius: var(--r-s); }
.pl-opt:disabled { opacity: .6; cursor: not-allowed; }
.pl-shelf-link, .pl-open-tasks { justify-self: start; min-block-size: 44px; }


.pif-form { gap: var(--sp-4); }
.pif-sec { display: grid; gap: var(--sp-2); padding-block-end: var(--sp-3); border-block-end: 1px solid var(--line); }
.pif-sec-h { margin: 0; font-size: var(--fs-m); font-weight: var(--fw-semi); color: var(--ink); min-block-size: 44px; display: flex; align-items: center; }
.pif-row { display: grid; grid-template-columns: 1fr; gap: var(--sp-3); }
@media (min-width: 900px) { .pif-row { grid-template-columns: 1fr 1fr; } }
.pif-icon-row { display: flex; gap: var(--sp-2); align-items: center; }
.pif-icon-row input { inline-size: 5rem; min-block-size: 44px; text-align: center; }
.pif-icon-row button { min-block-size: 44px; }
.pif-icons { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
.pif-ic { min-inline-size: 44px; min-block-size: 44px; justify-content: center; font-size: 1.25rem; }
.pif-opt { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2) var(--sp-3); min-block-size: 44px; }
.pif-opt.off { opacity: .55; }
.pif-radio { display: inline-flex; align-items: center; gap: var(--sp-2); min-block-size: 44px; cursor: pointer; }
.pif-opt.off .pif-radio { cursor: not-allowed; }
.pif-radio input { margin: 0; inline-size: 20px; block-size: 20px; flex: none; }
.pif-radio-t { color: var(--ink); font-weight: var(--fw-semi); }
.pif-inline { display: inline-flex; align-items: center; flex-wrap: wrap; gap: var(--sp-2); min-inline-size: 0; }
.pif-inline input { inline-size: 5.5rem; min-block-size: 44px; }
.pif-inline input[type="text"] { inline-size: 6rem; }
.pif-opt-s { min-inline-size: 0; overflow-wrap: anywhere; }
.pif-off { margin: 0; }
.pif-unit { margin-block-start: var(--sp-2); }
.pif-adv { display: grid; gap: var(--sp-2); }
.pif-adv > summary { cursor: pointer; }
.pif-check { min-block-size: 44px; align-items: center; gap: var(--sp-2); }
.pif-lim { display: inline-flex; align-items: center; gap: var(--sp-2); }
.pif-form label { margin: 0; }
.pif-form .sprep-field { margin: 0; }
.pif-form .inc-label { margin-block: var(--sp-2) 0; }
.pif-form .pif-radio-t { font-size: var(--fs-s); }
.pif-opt { min-block-size: 0; }

.pif-form .sprep-names, .pif-form .sprep-names > input, .pif-form .pif-unit .sprep-names { inline-size: 100%; max-inline-size: none; box-sizing: border-box; }
.pif-form .pif-sec > .sprep-names input[type="text"], .pif-form .pif-unit input[type="text"] { inline-size: 100%; box-sizing: border-box; }
.pif-form select { inline-size: 100%; box-sizing: border-box; }
.pif-form > .pif-sec { inline-size: 100%; }
.sh-body > .pif-form { gap: var(--sp-4); }
.pif-form select, .pif-form .sprep-names input[type="text"], .pif-form .pif-unit input[type="text"] { max-inline-size: none; }
.pif-form .pif-icon-row input[type="text"] { inline-size: 5rem; }
.pif-form .pif-inline input[type="text"] { inline-size: 6rem; max-inline-size: 6rem; }

.sv-state-act { display: inline-flex; align-items: center; gap: var(--sp-2); }
.sv-order-btn { flex: none; }


.lk-pa-lone-word { white-space: nowrap; min-block-size: 34px; padding-inline: var(--sp-2); }
.lk-pa-lone[hidden] { display: none; }
@media (max-width: 719px) {
  .lk-dt .dt-row > td.dt-act .lk-pa-lone { min-block-size: 44px; }
  .lk-dt .dt-row > td.dt-act .lk-pa-lone.icon-btn { inline-size: 44px; }
}


.asg-job-wrap { display: grid; gap: var(--sp-2); }
.aj-forced-h { margin: var(--sp-2) 0 0; padding-block-start: var(--sp-2); border-block-start: 1px solid var(--line); }


.pl-extras-line { display: flex; align-items: center; flex-wrap: wrap; column-gap: var(--sp-2); min-block-size: 44px; }
.pl-extras-q { color: var(--muted); }
.pl-extras-v { color: var(--ink); font-weight: var(--fw-semi); }
.pl-extras-change { min-block-size: 44px; padding-inline: var(--sp-2); }
.pl-opt.is-on { border-color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent); }


.sup-perm { display: inline-flex; flex-wrap: wrap; gap: var(--sp-1); }
.sup-perm-c { min-block-size: 44px; }
.pi-goes { display: inline-flex; align-items: center; gap: var(--sp-1); }


.lk-pa-lone-word { white-space: nowrap; min-block-size: 34px; padding-inline: var(--sp-2); }
.lk-pa-lone[hidden] { display: none; }
@media (max-width: 719px) {
  .lk-dt .dt-row > td.dt-act .lk-pa-lone { min-block-size: 44px; }
  .lk-dt .dt-row > td.dt-act .lk-pa-lone.icon-btn { inline-size: 44px; }
}


.pl-leave-step { display: inline-flex; align-items: center; gap: var(--sp-2); min-inline-size: 0; }
.pl-leave-ico { flex: none; inline-size: 28px; text-align: center; font-size: var(--fs-m); line-height: 1; }
.pl-leave-name { min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


.page-head.ph-hosted-off { display: none; }

@media (max-width: 719px) {
  .lk-dt .dt-row:has(> td.lk-m):not(:has(.lk-m-meta, .lk-m-badges, .lk-m-ra, .lk-m-stmt)) { align-items: center; }
  .lk-dt .dt-row:has(> td.lk-m):not(:has(.lk-m-meta, .lk-m-badges, .lk-m-ra, .lk-m-stmt)) > td { align-self: center; }
  .lk-dt .dt-row:has(> td.lk-m):not(:has(.lk-m-meta, .lk-m-badges, .lk-m-ra, .lk-m-stmt)) .lk-m-head { align-items: center; }
  .lk-dt .dt-row:has(> td.lk-m):not(:has(.lk-m-meta, .lk-m-badges, .lk-m-ra, .lk-m-stmt)) > td.lk-m { justify-content: center; }
}



.job-1 { --jc: var(--job-1); --jc-soft: var(--job-1-soft); }
.job-2 { --jc: var(--job-2); --jc-soft: var(--job-2-soft); }
.job-3 { --jc: var(--job-3); --jc-soft: var(--job-3-soft); }
.job-4 { --jc: var(--job-4); --jc-soft: var(--job-4-soft); }
.job-5 { --jc: var(--job-5); --jc-soft: var(--job-5-soft); }
.job-6 { --jc: var(--job-6); --jc-soft: var(--job-6-soft); }
.job-7 { --jc: var(--job-7); --jc-soft: var(--job-7-soft); }
.job-8 { --jc: var(--job-8); --jc-soft: var(--job-8-soft); }
.job-dot { flex: none; inline-size: 10px; block-size: 10px; border-radius: 50%; background: var(--jc, var(--dt, var(--job-8))); }
.job-chip { background: var(--jc-soft, var(--neutral-soft)); }
.job-bar { display: block; block-size: 3px; border-radius: var(--r-s); background: var(--jc, var(--job-8)); }
.job-swatches { display: flex; flex-wrap: wrap; gap: var(--sp-3); }
.job-swatch { inline-size: 44px; block-size: 44px; padding: 0; border-radius: 50%; background: var(--jc); border: 2px solid transparent;
              box-shadow: inset 0 0 0 3px var(--card); cursor: pointer; }
.job-swatch.on { border-color: var(--ink); }
.job-swatch:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }



.lk-tile.k-critical { --t-bg: var(--kind-crit-bg); --t-line: var(--kind-crit-line); --t-on: var(--kind-on); --t-sub: var(--kind-on); --t-icon: var(--kind-icon); --t-foot: var(--kind-foot); }
.lk-tile.k-critical.is-zero { --t-bg: var(--kind-archive-bg); --t-line: var(--kind-archive-line); }
.td-tiles-wrap { display: flex; flex-direction: column; gap: var(--sp-3); min-inline-size: 0; }
.td-more { display: flex; flex-direction: column; gap: var(--sp-3); }
.td-more-b { align-self: flex-start; display: inline-flex; align-items: center; gap: var(--sp-2); min-block-size: 44px; font-size: var(--fs-s); }
.td-more-caret { display: inline-flex; line-height: 0; transform: rotate(-90deg); transition: transform var(--t) var(--ease); }
.td-more-caret.open { transform: rotate(90deg); }


@media (max-width: 719px) { .yd-kindbar .yd-kind-l > span { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } }


.sv-state-act { flex-wrap: wrap; }
.sv-order-lbl { display: inline-flex; align-items: center; gap: var(--sp-1); min-block-size: 36px; padding-inline: var(--sp-3); font-size: var(--fs-s); white-space: nowrap; }
.sup-base-row { display: inline-flex; align-items: center; gap: var(--sp-3); flex-wrap: wrap; margin-inline-end: var(--sp-5); }
.sup-base-open { display: inline-flex; align-items: center; gap: var(--sp-2); min-block-size: 36px; text-align: start; }



@media (max-width: 719px) {
  :is(.rn-page, .td-page, .yd-today) .lk-tile-foot[aria-hidden='true'] { display: none; }
  :is(.rn-page, .td-page, .yd-today) .lk-tile-n { margin-block-end: var(--sp-2); }
}


.lk-m-head > .sv-state-act, .lk-m-head > .sv-order-lbl { order: 2; }
.sup-page .lk-m-head > .lk-m-t { flex: 1 1 auto; text-align: start; }


.sup-page .lk-name-wrap, .sup-page .lk-m-head { display: flex; align-items: center; }
.sup-page .lk-name-wrap > .lk-exp, .sup-page .lk-m-head > .lk-exp { order: 9; margin-inline-start: auto; }


.prep-card .prep-card-at.is-sub { color: var(--muted); font-size: var(--fs-s); font-weight: var(--fw-reg); }


.pif-form .pif-inline select { inline-size: auto; min-inline-size: 7rem; min-block-size: 44px; }


.prep-card .prep-card-info { color: var(--muted); font-size: var(--fs-s); font-weight: var(--fw-reg); }
.ha-late .rn-time { inline-size: 100%; min-block-size: 44px; }
label.ha-late-field { display: flex; flex-direction: column; gap: var(--sp-1); margin: 0; font-size: inherit; color: inherit; }



@media (min-width: 720px) { .sell-grid { --dt-min: calc(10rem + var(--pin-cols, 1) * 7.5rem + 2rem); } }
.sell-cell .dmy { max-width: 9.5rem; }
.sell-cell .dmy > input, .sell-cell .dmy > .dmy-txt { padding-inline: var(--sp-2); }
@media (min-width: 720px) { .sell-grid th.pin-th:last-child { text-indent: calc(var(--sp-2) + 1px); } }

@media (min-width: 720px) { .sell-cell[data-blocked] .pin-st { padding-inline-start: calc(var(--sp-2) + 1px); } }

.sell-noplate button.link, .sell-noplate-note button.link { padding-inline: 0; min-block-size: 44px; text-align: start; white-space: normal; justify-self: start; }
.sell-noplate-note { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2); min-width: 0; }
@media (min-width: 720px) { .sell-cell[data-blocked] .sell-noplate button.link, .sell-noplate-note { padding-inline-start: calc(var(--sp-2) + 1px); } }


.pav-days { flex-wrap: nowrap; max-inline-size: 30rem; }
.pav-days .chip { flex: 1 1 0; min-inline-size: 0; padding-inline: var(--sp-1); }
.pav-days .chip.active { background: var(--accent); color: var(--on-accent); border-color: var(--accent); }