.po{margin:0 0 22px;padding:22px;border:1px solid #d4bfa4;border-radius:18px;background:linear-gradient(125deg,#fffdf8,#f3e7d7);color:#30291f;font:12px 'DM Sans',Arial,sans-serif;box-shadow:0 8px 24px #60452609}.po-top{display:flex;justify-content:space-between;align-items:start;gap:16px}.po h2{margin:0;font:26px 'DM Serif Display',Georgia,serif}.po p{line-height:1.5;color:#756451;margin:8px 0 14px}.po a{color:#94502d}.po-controls{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.po input,.po select,.po button{font:inherit;padding:9px 11px;border:1px solid #cfbba0;background:#fffcf7;color:#30291f;border-radius:8px}.po button{cursor:pointer}.po input{flex:1;min-width:150px}.po button:hover{background:#eddfc9}.po button:focus-visible,.po a:focus-visible{outline:2px solid #a93963;outline-offset:3px}.po-stats{display:flex;gap:18px;flex-wrap:wrap;border-block:1px solid #dfceb9;padding:13px 0}.po-stats strong{font-size:20px;margin-right:4px}.po-queue{max-height:260px;overflow:auto}.po-item{display:flex;width:100%;align-items:center;justify-content:space-between;text-align:left;gap:16px;margin:5px 0}.po-item small{display:block;color:#816d58;font-size:10px;margin-top:4px}.po-tag{font-size:10px;white-space:nowrap}.po-people{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:12px}.po-person{padding:12px;border-radius:10px;border:1px solid #dbccb7;background:#fffaf2}.po-person button{border:0;padding:0;background:none;text-align:left;font-weight:600}.po-person p{font-size:11px;margin:7px 0}.po-person progress{width:100%;height:6px;accent-color:#a87c47}.po-person.over{border-color:#bd7759}.po details{margin-top:16px}.po summary{cursor:pointer;font-weight:600}.po-caption{font-size:10px!important}@media(max-width:600px){.po{padding:15px}.po-top{flex-direction:column}.po-stats{gap:10px}.po-controls select{max-width:100%}}@media print{.po{display:none!important}}
.po h2{margin-bottom:16px}.po-result{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #dfceb9}.po-result-title{text-align:left;flex:1;min-width:0;background:transparent!important;border:0!important;padding:6px!important}.po-result-title small{display:block;font-size:10px;color:#816d58;margin-top:5px}.po-assignments{display:flex;gap:8px;flex-wrap:wrap}.po-assignment{display:flex;flex-direction:column;gap:4px;font-size:10px;color:#756451}.po-assignment select{max-width:175px;min-width:130px;font-size:12px}.po-queue{max-height:340px}@media(max-width:600px){.po-result{align-items:stretch;flex-direction:column;gap:6px}.po-assignment{flex:1}.po-assignment select{max-width:100%;width:100%}}
.po-result-title .po-category{color:#30291f;font-weight:700;}
.po .po-stat{background:transparent;border:1px solid transparent;padding:7px 9px;text-align:left}.po .po-stat:hover,.po .po-stat[aria-pressed=true]{background:#eddfc9;border-color:#c3a580}.po-stat strong{display:inline-block;margin-right:6px}.po .po-close{font-size:23px;line-height:1;min-width:38px}.po-close[hidden]{display:none}.po-assignment input{width:110px;min-width:0;flex:none}.po-assignments{align-items:end}.po-result-title{min-width:160px}
/* Prep category headings: one-pixel readability increase across every tab. */
@media screen {
  .tab-bar > .tab { font-size:14px; }
  #contentArea .section-title { font-size:18px; }
  #contentArea .section-name-edit { font-size:16px!important; }
  #contentArea .task-group-header td { font-size:13px; }
  #contentArea .subgroup-name-edit { font-size:14px!important; }
}
@media screen and (max-width:700px){.tab-bar > .tab{font-size:13px}#contentArea .section-title{font-size:14px}}
/* Compact completion history beneath selected names; dropdowns stay names-only. */
#contentArea .assign-wrap{flex-direction:column;align-items:stretch;gap:2px}
#contentArea .xtrain-slot{display:block;line-height:1.25}
#contentArea .rotation-note{display:block;font:10px/1.3 'DM Sans',Arial,sans-serif;color:var(--ink-light);white-space:normal;overflow-wrap:break-word;padding:0 4px}
@media screen and (max-width:1100px){#contentArea .rotation-note{font-size:9px;padding:0 2px}.xtrain-legend{display:none!important}}
@media print{.rotation-note{display:none!important}}
.po .po-quantity-unit{font-size:11px;line-height:1.25;color:#30291f;font-weight:500;overflow-wrap:anywhere;max-width:110px}
.po .po-assignment input::placeholder{color:#887b6e;opacity:1}
/* Compact prep totals and search without a redundant title. */
#prepOverview{padding:12px 16px;margin-bottom:16px}
#prepOverview .po-stats{border-top:0;padding:0 0 8px;gap:8px 14px}
#prepOverview .po-controls{margin:8px 0 0}
#prepOverview .po-queue:empty{display:none}
@media(max-width:600px){#prepOverview{padding:10px 12px}#prepOverview .po-stats{gap:4px 8px}}
/* Align search-result controls independently of the unit caption. */
#prepOverview .po-assignments{align-items:flex-start;gap:8px}
#prepOverview .po-assignment{gap:4px}
#prepOverview .po-assignment>span{line-height:14px}
#prepOverview .po-assignment input,
#prepOverview .po-assignment select{height:36px;box-sizing:border-box}
#prepOverview .po-assignment input{text-align:center}
#prepOverview .po-quantity-unit{display:block;width:110px;max-width:100%;text-align:center;line-height:14px}
#prepOverview .po-assignments>button{height:36px;margin-top:18px;box-sizing:border-box}
#prepOverview .po-result{padding:8px 0;gap:12px}
#prepOverview .po-caption{margin:6px 0}
#prepOverview .po-queue{scrollbar-gutter:stable}
@media(max-width:600px){#prepOverview .po-assignment input{width:100%}#prepOverview .po-quantity-unit{width:100%}#prepOverview .po-result-title{padding-top:2px!important;padding-bottom:2px!important}}

/* End of Day: labeled task blocks keep all six fields usable on phones. */
@media screen and (max-width:700px){
 #contentArea .eod-table, #contentArea .eod-table tbody{display:block;width:100%;min-width:0}
 #contentArea .eod-table colgroup,#contentArea .eod-table thead{display:none}
 #contentArea .eod-table tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px;padding:14px 12px;border-bottom:1px solid var(--border);position:relative}
 #contentArea .eod-table td{display:block;width:auto!important;min-width:0;padding:0;border:0;white-space:normal;overflow:visible}
 #contentArea .eod-table td:first-child{grid-column:1/-1;padding-right:64px;min-height:44px}
 #contentArea .eod-table td[data-label="Notes"]{grid-column:1/-1}
 #contentArea .eod-table td:last-child{position:absolute;right:12px;top:12px;width:48px!important}
 #contentArea .eod-table td:not(:first-child)::before{content:attr(data-label);display:block;font:600 11px/1.3 'DM Sans',sans-serif;color:#51483f;margin-bottom:6px;min-height:28px}
 #contentArea .eod-table td[data-label="Notes"]::before,#contentArea .eod-table td:last-child::before{min-height:0}
 #contentArea .eod-table .cell-input{box-sizing:border-box;width:100%;min-width:0!important;max-width:none!important;min-height:44px;font-size:16px}
 #contentArea .eod-table .duration-cell{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:16px}
 #contentArea .eod-table .done-check{width:28px;height:28px;margin:auto}
 #contentArea .eod-table .task-name{font-size:14px;line-height:1.35}
 #contentArea .eod-table .task-action{font-size:12px;line-height:1.35;white-space:normal}
}

/* Separate, collapsible search cards; opening a task is an explicit action. */
#prepOverview .po-result-group{margin:8px 0 12px}
#prepOverview .po-result-group>summary{display:flex;align-items:center;gap:8px;padding:10px 2px;color:#302923;font-size:12px;list-style:none}
#prepOverview .po-result-group>summary::-webkit-details-marker{display:none}
#prepOverview .po-result-group>summary::before{content:'›';font-size:19px;line-height:1;transition:transform .15s}
#prepOverview .po-result-group[open]>summary::before{transform:rotate(90deg)}
#prepOverview .po-group-count{margin-left:auto;border-radius:20px;padding:2px 7px;background:#eee5e8;color:#51414a;font-size:11px}
#prepOverview .po-result-cards{display:grid;gap:10px;padding:1px 2px 3px}
#prepOverview .po-result{display:flex;flex-direction:column;align-items:stretch;padding:12px;border:1px solid #d8cbbb;border-radius:12px;background:#fffdfa;gap:12px}
#prepOverview .po-result-head{display:flex;align-items:flex-start;gap:12px}
#prepOverview .po-result-copy{flex:1;min-width:0;line-height:1.45}
#prepOverview .po-result-name{font-size:12px;color:#201c19;overflow-wrap:anywhere}
#prepOverview .po-result-name strong{font-weight:700}
#prepOverview .po-result-name em{font-weight:400;font-style:italic}
#prepOverview .po-result-copy small{display:block;font-size:11px;color:#514941;margin-top:5px}
#prepOverview .po-open-task{flex:none;padding:6px 10px;border-radius:999px;font-size:11px;min-height:30px;background:#fff;color:#27211d}
#prepOverview .po-assignment,#prepOverview .po-caption{color:#514941}
#prepOverview .po-assignment input::placeholder{color:#70665b}

#prepOverview .po-assignment-controls{display:flex;align-items:center;gap:5px}
#prepOverview .po-clear-assignment{padding:0;width:26px;height:28px;border:0;background:transparent;color:#654453;font-size:19px;flex:none}
#prepOverview .po-clear-assignment:hover{background:#f3e7ec}
@keyframes po-arrival{0%,25%{box-shadow:inset 0 0 0 999px #a9396324}100%{box-shadow:inset 0 0 0 999px #a9396300}}
#contentArea tr.po-arrival>td{animation:po-arrival 1.6s ease-out}
@media(prefers-reduced-motion:reduce){#contentArea tr.po-arrival>td{animation:none;box-shadow:inset 0 0 0 999px #a9396320}}

#prepOverview .po-result-copy .po-category{font-weight:700;color:#302923}

/* EOD quantities: remove the asymmetric native spinner gutter. */
#contentArea .eod-table input[type=number]{appearance:textfield;-moz-appearance:textfield;padding-left:8px;padding-right:8px}
#contentArea .eod-table input[type=number]::-webkit-inner-spin-button,
#contentArea .eod-table input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.eod-estimate-summary{padding:14px 16px;margin-bottom:12px;border:1px solid var(--border);border-radius:10px;background:#fffaf4;font-size:13px}
.eod-estimate-summary strong{margin-left:10px;font-size:18px}
.eod-estimate-summary small{display:block;margin-top:6px;color:var(--ink-light);font-size:11px}
#contentArea .eod-table td[data-label="Total Est. Time"]{font-weight:600;color:var(--ink)}
@media screen and (min-width:701px){
 #contentArea .eod-table{min-width:960px}
 #contentArea .eod-table th{white-space:normal;line-height:1.4}
 #contentArea .eod-table th:not(:first-child),#contentArea .eod-table td:not(:first-child){text-align:center}
 #contentArea .eod-table td[data-label="Notes"] .cell-input{min-width:0!important}
}

#contentArea .eod-table td[data-label="Assigned To"] .assign-wrap + .assign-wrap{margin-top:6px}
#contentArea .eod-table td[data-label="Assigned To"] .assign-select{width:100%;min-width:0}
@media(min-width:701px){#contentArea .eod-table{min-width:1120px}}
@media(max-width:700px){#contentArea .eod-table td[data-label="Assigned To"]{grid-column:1/-1}#contentArea .eod-table td[data-label="Assigned To"] .assign-select{min-height:44px;font-size:16px}}

.prep-staff-filter{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;font-size:13px}.prep-staff-filter select{min-width:180px;max-width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:8px;background:white;color:var(--ink);font:inherit}.prep-filter-empty{padding:30px;text-align:center;color:var(--ink-light)}body.board-mode .prep-staff-filter{display:none}