/* pom-table.css — widok zarzadzania POM (tabela typu Excel) */

.pom-table-overlay {
    z-index: 10001;
}

.pom-table-modal {
    width: min(1100px, 96vw);
    max-width: 96vw;
    max-height: 92vh;
    display: flex;
    flex-direction: column;
}

.pom-table-body {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 0;
    flex: 1;
    overflow: hidden;
}

.pom-table-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.pom-table-toolbar-spacer {
    flex: 1 1 auto;
}

.pom-table-search-wrap {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    background: var(--bg-secondary, #f1f5f9);
    border-radius: 8px;
    min-width: 220px;
    flex: 0 1 280px;
}

.pom-table-search-wrap i {
    color: var(--text-secondary, #64748b);
    font-size: 12px;
}

.pom-table-search-wrap input {
    border: none;
    background: transparent;
    outline: none;
    width: 100%;
    font-size: 13px;
    color: inherit;
}

.pom-table-select {
    padding: 6px 10px;
    border: 1px solid var(--gray-300, #cbd5e1);
    border-radius: 8px;
    background: var(--bg-surface, #fff);
    font-size: 13px;
    color: inherit;
}

.pom-table-scroll {
    flex: 1;
    min-height: 0;
    overflow: auto;
    border: 1px solid var(--gray-200, #e2e8f0);
    border-radius: 10px;
}

.pom-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.pom-table thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--bg-secondary, #f1f5f9);
    text-align: left;
    padding: 9px 12px;
    font-weight: 600;
    color: var(--text-secondary, #475569);
    border-bottom: 1px solid var(--gray-200, #e2e8f0);
    white-space: nowrap;
}

.pom-table-cell-check {
    width: 36px;
    text-align: center;
}

.pom-table-group td {
    background: var(--bg-sidebar, #eef2f7);
    font-weight: 600;
    padding: 7px 12px;
    color: var(--text-primary, #1e293b);
    border-bottom: 1px solid var(--gray-200, #e2e8f0);
    position: sticky;
    top: 36px;
    z-index: 1;
}

.pom-table-group-count {
    display: inline-block;
    margin-left: 8px;
    padding: 1px 8px;
    border-radius: 999px;
    background: var(--gray-200, #e2e8f0);
    color: var(--text-secondary, #475569);
    font-size: 11px;
    font-weight: 600;
}

.pom-table-row td {
    padding: 7px 12px;
    border-bottom: 1px solid var(--gray-100, #f1f5f9);
    vertical-align: middle;
}

.pom-table-row:hover td {
    background: var(--bg-hover, #f8fafc);
}

.pom-table-cell-date {
    white-space: nowrap;
    color: var(--text-secondary, #64748b);
}

.pom-table-cell-addr {
    min-width: 220px;
}

.pom-table-check {
    width: 16px;
    height: 16px;
    accent-color: #4f46e5;
    cursor: pointer;
}

.pom-table-status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    color: var(--pom-color, #64748b);
    background: color-mix(in srgb, var(--pom-color, #64748b) 12%, transparent);
    white-space: nowrap;
}

.pom-table-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    flex: 0 0 auto;
}

.pom-table-empty {
    text-align: center;
    padding: 28px 12px;
    color: var(--text-secondary, #94a3b8);
}

.pom-table-footer {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.pom-table-selected {
    font-weight: 600;
    font-size: 13px;
}

.pom-table-progress {
    font-size: 12px;
    color: var(--text-secondary, #64748b);
    flex: 1 1 auto;
    min-width: 120px;
}

.pom-table-progress.is-busy { color: #2563eb; }
.pom-table-progress.is-ok { color: #16a34a; }
.pom-table-progress.is-error { color: #dc2626; }

.pom-table-footer-actions {
    display: flex;
    gap: 8px;
    margin-left: auto;
}

@media (max-width: 640px) {
    .pom-table-cell-tech { display: none; }
    .pom-table thead th:nth-child(3) { display: none; }
    .pom-table-modal { width: 100vw; max-width: 100vw; max-height: 100vh; border-radius: 0; }
}


.pom-table-day-input {
    max-width: 150px;
    padding: 4px 8px;
    border-radius: 6px;
    border: 1px solid rgba(255,255,255,0.15);
    background: rgba(255,255,255,0.07);
    color: inherit;
    font-size: 13px;
    height: 32px;
    cursor: pointer;
}
.pom-table-day-input::-webkit-calendar-picker-indicator {
    filter: invert(0.7);
    cursor: pointer;
}