/* Közös PRP színek és vezérlők, PDA-tól az asztali nézetig. */
#pg-replenishment .refill-content { padding: 14px; width: 100%; max-width: 1240px; margin: 0 auto; box-sizing: border-box; }
#pg-replenishment .refill-content * { box-sizing: border-box; min-width: 0; }
#pg-replenishment [hidden] { display: none !important; }
#pg-replenishment h3 { margin: 0 0 12px; font-size: 18px; }
#pg-replenishment h4 { margin: 16px 0 8px; }
#pg-replenishment p { line-height: 1.45; overflow-wrap: anywhere; }
#pg-replenishment label { display: block; font-size: 14px; font-weight: 700; color: var(--text-2); }
#pg-replenishment input, #pg-replenishment select { width: 100%; min-height: 48px; padding: 10px; margin: 6px 0 10px; background: var(--bg-input); color: var(--text-1); border: 1px solid var(--border-strong); border-radius: var(--radius-sm); font-size: 16px; }
#pg-replenishment .refill-content button { min-height: 46px; padding: 10px 14px; border: 1px solid var(--border-strong); border-radius: var(--radius-sm); background: var(--bg-surface-2); color: var(--text-1); font-size: 14px; white-space: normal; cursor: pointer; }
#pg-replenishment .refill-content button:disabled { opacity: .5; cursor: default; }
#pg-replenishment .refill-content .refill-primary, #pg-replenishment button[aria-pressed="true"] { background: var(--accent); color: var(--accent-text); border-color: var(--accent); font-weight: 800; }
#pg-replenishment .refill-tabs { display: flex; gap: 6px; margin: 14px 0; flex-wrap: wrap; }
#pg-replenishment .refill-tabs button { flex: 1; }
#pg-replenishment .refill-scanner > div:first-of-type { display: flex; align-items: center; gap: 6px; }
#pg-replenishment .refill-scanner input { flex: 1; margin: 6px 0; }
#pg-replenishment .refill-scanner button { flex: 0 0 auto; }
#pg-replenishment .refill-scanner #refill-keyboard { width: 46px; padding: 8px; font-size: 20px; }
#pg-replenishment .refill-card, #pg-replenishment .refill-job { padding: 16px; border: 1px solid var(--border-strong); border-radius: var(--radius-md); background: var(--bg-surface); margin-bottom: 16px; }
#pg-replenishment .refill-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
#pg-replenishment .refill-fields label { display: flex; flex-direction: column; justify-content: flex-end; }
#pg-replenishment .refill-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
#pg-replenishment .refill-actions button { flex: 1 1 140px; }
#pg-replenishment .refill-muted { color: var(--text-3); font-size: 13px; }
#pg-replenishment .refill-capacity { color: var(--accent); font-weight: 800; }
#pg-replenishment .refill-warning, #pg-replenishment .is-error { color: var(--danger, #d65858); font-weight: 700; }
#pg-replenishment .refill-need { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; padding: 12px 0; border-block: 1px solid var(--border); }
#pg-replenishment .refill-need strong { font-size: 23px; }
#pg-replenishment .refill-source { display: flex; justify-content: space-between; gap: 8px; padding: 9px 0; flex-wrap: wrap; border-bottom: 1px solid var(--border); font-size: 14px; }
#pg-replenishment .refill-source small { flex: 1 0 100%; color: var(--text-3); }
#pg-replenishment .refill-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--border); }
#pg-replenishment .refill-row > button:first-child { text-align: left; display: flex; flex-direction: column; gap: 5px; background: transparent; border: 0; padding-left: 0; }
#pg-replenishment .refill-row > small, #pg-replenishment .refill-row > .refill-actions { grid-column: 1 / -1; color: var(--text-3); }
#pg-replenishment .refill-row span, #pg-replenishment .refill-row b { overflow-wrap: anywhere; }
#pg-replenishment .refill-row .refill-small-action { font-size: 13px; }
#pg-replenishment .refill-warehouse { margin: 14px 0; }
#pg-replenishment .refill-warehouse h3 { color: var(--accent); padding-bottom: 8px; border-bottom: 2px solid var(--accent); }
#pg-replenishment .refill-pick-row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; padding: 12px 0; border-bottom: 1px solid var(--border); }
#pg-replenishment .refill-pick-row b, #pg-replenishment .refill-pick-row span { overflow-wrap: anywhere; }
#pg-replenishment #refill-message { min-height: 22px; }
#pg-replenishment .refill-settings-target { grid-column: 1 / -1; }
@media (min-width: 900px) { #pg-replenishment .refill-entry-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: start; } #pg-replenishment .refill-target-label { max-width: 560px; } }
@media (max-width: 420px) { #pg-replenishment .refill-content { padding: 10px; } #pg-replenishment .refill-card, #pg-replenishment .refill-job { padding: 12px; } #pg-replenishment .refill-tabs button { padding: 10px 6px; font-size: 13px; } }