/* Panel pracownika – nakładka na frontend.css. Zaprojektowany pod telefon w ręku przy ladzie. */
.mcw-panel { max-width: 1200px; margin: 0 auto; }
.mcw-panel__head { display: flex; justify-content: space-between; align-items: center; gap: 1em; flex-wrap: wrap; padding-bottom: 1em; margin-bottom: 1.2em; border-bottom: 2px solid var(--mcw-ink); }
.mcw-panel__brand strong { display: block; font-size: 1.25em; }
.mcw-panel__brand span { color: var(--mcw-muted); font-size: .9em; }
.mcw-panel__nav { display: flex; gap: .3em; flex-wrap: wrap; align-items: center; }
.mcw-panel__nav a { text-decoration: none; color: var(--mcw-ink); padding: .5em .9em; border-radius: var(--mcw-radius); font-weight: 600; position: relative; }
.mcw-panel__nav a:hover { background: var(--mcw-surface); }
.mcw-panel__nav a.is-active { background: var(--mcw-ink); color: #fff; }
.mcw-panel__nav .mcw-panel__logout { color: var(--mcw-muted); font-weight: 400; }
.mcw-panel__count { display: inline-block; min-width: 1.5em; padding: 0 .4em; margin-left: .4em; border-radius: 999px; background: #e0a100; color: #1b1f1d; font-size: .75em; text-align: center; line-height: 1.5em; }
.mcw-panel__nav a.is-active .mcw-panel__count { background: #ffd666; }

.mcw-panel--login { display: flex; justify-content: center; padding: 2em 0; }
.mcw-login { width: 100%; max-width: 400px; background: var(--mcw-surface); border-radius: var(--mcw-radius); padding: 1.6em 1.6em 1.2em; }
.mcw-login h2 { margin-bottom: .2em; }
.mcw-login__sub { color: var(--mcw-muted); margin: 0 0 1.2em; font-size: .92em; }
.mcw-login .mcw-field { margin-bottom: .9em; }
.mcw-login__help { text-align: center; margin: 1em 0 0; font-size: .9em; }

.mcw-today__date { color: var(--mcw-muted); margin: 0 0 1em; text-transform: capitalize; }
.mcw-today__cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2em; }
@media (max-width: 760px) { .mcw-today__cols { grid-template-columns: 1fr; } }
.mcw-block { background: var(--mcw-bg); border: 1px solid var(--mcw-line); border-radius: var(--mcw-radius); padding: 1em 1.1em; margin-bottom: 1.2em; }
.mcw-block h3 { font-size: 1.05em; margin-bottom: .6em; }
.mcw-block--alert { border-color: #c33; background: var(--mcw-err-bg); }
.mcw-block--todo { border-color: #e0a100; background: var(--mcw-warn-bg); }
.mcw-empty { color: var(--mcw-muted); margin: .2em 0 .6em; font-size: .92em; }
.mcw-row { display: flex; justify-content: space-between; align-items: center; gap: 1em; padding: .7em .2em; border-top: 1px solid var(--mcw-line); text-decoration: none; color: inherit; }
.mcw-row:hover { background: var(--mcw-surface); }
.mcw-row__main strong { display: block; }
.mcw-row__main span { color: var(--mcw-muted); font-size: .9em; }
.mcw-row__meta { display: flex; gap: .4em; align-items: center; flex-wrap: wrap; justify-content: flex-end; font-size: .9em; text-align: right; }
.mcw-row__meta > span:first-child { color: var(--mcw-muted); }
@media (max-width: 600px) { .mcw-row { flex-direction: column; align-items: flex-start; gap: .4em; } .mcw-row__meta { justify-content: flex-start; } }

.mcw-filters { display: flex; flex-wrap: wrap; gap: .6em; align-items: center; background: var(--mcw-surface); padding: .9em 1em; border-radius: var(--mcw-radius); margin-bottom: 1em; }
.mcw .mcw-filters input, .mcw .mcw-filters select { width: auto; min-width: 10em; flex: 1 1 10em; }
.mcw .mcw-filters input[type="search"] { flex: 2 1 16em; }
.mcw-table-wrap { overflow-x: auto; }
.mcw-table { width: 100%; border-collapse: collapse; font-size: .93em; }
.mcw-table th, .mcw-table td { padding: .6em .7em; border-bottom: 1px solid var(--mcw-line); text-align: left; vertical-align: top; }
.mcw-table th { background: var(--mcw-surface); font-weight: 600; white-space: nowrap; }
.mcw-table td small { display: block; }
@media (max-width: 760px) {
	.mcw-table thead { display: none; }
	.mcw-table tr { display: block; border: 1px solid var(--mcw-line); border-radius: var(--mcw-radius); margin-bottom: .8em; padding: .4em .2em; }
	.mcw-table td { display: flex; justify-content: space-between; gap: 1em; border: 0; padding: .35em .7em; }
	.mcw-table td::before { content: attr(data-label); color: var(--mcw-muted); font-size: .85em; }
}
.mcw-pager { display: flex; gap: .3em; flex-wrap: wrap; margin-top: 1em; }
.mcw-pager a { padding: .35em .7em; border: 1px solid var(--mcw-line); border-radius: var(--mcw-radius); text-decoration: none; color: var(--mcw-ink); }
.mcw-pager a.is-active { background: var(--mcw-ink); color: #fff; border-color: var(--mcw-ink); }
.mcw-back { margin: 0 0 1em; font-size: .92em; }
.mcw-h2 { font-size: 1.4em; margin-bottom: 1em; }

/* Szczegóły rezerwacji (wspólne z wp-admin) */
.mcw-detail__head { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; flex-wrap: wrap; margin-bottom: 1em; }
.mcw-detail__number { margin: 0; color: var(--mcw-muted); font-size: .9em; }
.mcw-detail__head h2 { margin: .1em 0 .2em; font-size: 1.5em; }
.mcw-detail__head h2 small { font-weight: 400; color: var(--mcw-muted); font-size: .65em; }
.mcw-detail__period { margin: 0; text-transform: capitalize; }
.mcw-detail__badges { display: flex; gap: .4em; flex-wrap: wrap; }
.mcw-detail__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2em; }
@media (max-width: 820px) { .mcw-detail__grid { grid-template-columns: 1fr; } }
.mcw-actions { margin-bottom: 1.2em; }
.mcw-actions__row { display: flex; gap: .6em; flex-wrap: wrap; align-items: center; }
.mcw-actions__pay { margin-top: 1em; padding-top: 1em; border-top: 1px dashed var(--mcw-line); }
.mcw-inline { display: inline-flex; gap: .5em; align-items: center; margin: 0; }
.mcw-inline--wrap { flex-wrap: wrap; }
.mcw-inline label { display: inline-flex; flex-direction: column; font-size: .8em; color: var(--mcw-muted); gap: .2em; }
.mcw .mcw-inline input, .mcw .mcw-inline select { font: inherit; padding: .45em .6em; border: 1px solid var(--mcw-line); border-radius: var(--mcw-radius); background: #fff; color: var(--mcw-ink); }
.mcw-edit { margin: 0; }
.mcw-edit .mcw-btn { margin-top: .8em; }
.mcw-notes { white-space: pre-wrap; background: var(--mcw-surface); border-radius: var(--mcw-radius); padding: .7em .9em; font-size: .93em; margin-bottom: .8em; }
.mcw .mcw-box form textarea { width: 100%; font: inherit; padding: .55em .7em; border: 1px solid var(--mcw-line); border-radius: var(--mcw-radius); margin-bottom: .5em; }
.mcw-log { list-style: none; margin: 0; padding: 0; font-size: .9em; max-height: 360px; overflow: auto; }
.mcw-log li { padding: .4em 0; border-bottom: 1px solid var(--mcw-line); }
.mcw-log time { display: inline-block; min-width: 9.5em; color: var(--mcw-muted); }
.mcw-log small { color: var(--mcw-muted); }
.mcw-newform .mcw-step { margin-bottom: 1.6em; }