.pcp-customer-zone { margin: 1em 0; }
.pcp-customer-zone .pcp-header h2 { margin-bottom: 0.3em; }
.pcp-customer-zone .pcp-subtitle { color: #666; font-size: 0.95em; }
.pcp-customer-zone .pcp-refresh-link {
	margin-left: 0.6em;
	font-size: 0.9em;
	text-decoration: none;
}

.pcp-message {
	padding: 0.8em 1em;
	margin: 1em 0;
	border-left: 4px solid #ccc;
	background: #f9f9f9;
}
.pcp-message-info     { border-color: #2271b1; }
.pcp-message-warning  { border-color: #dba617; background: #fff8e5; }
.pcp-message-error    { border-color: #d63638; background: #fcf0f1; }

.pcp-tickets-table {
	width: 100%;
	border-collapse: collapse;
}
.pcp-tickets-table th, .pcp-tickets-table td {
	padding: 0.5em 0.75em;
	border-bottom: 1px solid #e0e0e0;
	text-align: left;
}
.pcp-tickets-table thead th {
	background: #f5f5f5;
	font-weight: 600;
}
.pcp-tickets-table .pcp-col-date     { white-space: nowrap; color: #666; font-size: 0.92em; }
.pcp-tickets-table .pcp-col-priority { white-space: nowrap; }
.pcp-tickets-table .pcp-col-status   { white-space: nowrap; }

.pcp-status {
	padding: 0.2em 0.6em;
	border-radius: 3px;
	font-size: 0.85em;
	font-weight: 600;
	color: #fff;
	display: inline-block;
}
.pcp-status-open        { background: #2271b1; }
.pcp-status-in-progress { background: #dba617; }
.pcp-status-resolved    { background: #00a32a; }
.pcp-status-closed      { background: #757575; }
.pcp-status-unknown     { background: #999; }

.pcp-priority-1 .pcp-col-priority { color: #d63638; font-weight: 600; }
.pcp-priority-2 .pcp-col-priority { color: #dba617; font-weight: 600; }

/* Status workflow colors (matching real STATUS column values) */
.pcp-status-waiting     { background: #dba617; }  /* žluté = čeká */
.pcp-status-assigned    { background: #2271b1; }  /* modré = přiřazeno */
.pcp-status-in-progress { background: #dba617; }
.pcp-status-done        { background: #00a32a; }  /* zelené = hotovo */
.pcp-status-resolved    { background: #00a32a; }
.pcp-status-closed      { background: #757575; }
.pcp-status-cancelled   { background: #d63638; }  /* červené = zrušeno */

/* ===== Filter bar ===== */
.pcp-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75em 1em;
	margin: 1em 0;
	padding: 0.8em 1em;
	background: #f5f5f5;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	align-items: center;
}
.pcp-filter {
	display: flex;
	align-items: center;
	gap: 0.5em;
	font-size: 0.95em;
}
.pcp-filter > span {
	color: #444;
	font-weight: 500;
}
.pcp-filter select,
.pcp-filter input[type="search"] {
	padding: 0.3em 0.6em;
	border: 1px solid #ccc;
	border-radius: 3px;
	background: #fff;
	font-size: 0.95em;
}
.pcp-filter-search input { min-width: 220px; }

.pcp-filter-reset {
	padding: 0.35em 0.8em;
	background: #e0e0e0;
	border: 1px solid #bbb;
	border-radius: 3px;
	cursor: pointer;
	font-size: 0.9em;
}
.pcp-filter-reset:hover { background: #d0d0d0; }

.pcp-filter-stats {
	margin-left: auto;
	color: #666;
	font-size: 0.9em;
}
.pcp-filter-stats #pcp-visible-count { font-weight: 600; color: #2271b1; }

/* ===== Sortable headers ===== */
.pcp-sortable {
	cursor: pointer;
	user-select: none;
	white-space: nowrap;
}
.pcp-sortable:hover { background: #ececec; }
.pcp-sortable .pcp-sort-indicator {
	margin-left: 0.3em;
	font-size: 0.75em;
	color: #2271b1;
}
.pcp-sortable.pcp-sort-active { background: #ececec; }

/* Mobile responsive — filtry stack */
@media (max-width: 640px) {
	.pcp-filters { flex-direction: column; align-items: stretch; }
	.pcp-filter { width: 100%; justify-content: space-between; }
	.pcp-filter-search input { min-width: 0; flex: 1; }
	.pcp-filter-stats { margin-left: 0; text-align: right; }
}