/* PointClickCare Reconciliation UI Styles */

/* Row decision states */
.pcc-row-accept {
    border-left: 4px solid #198754;
    background-color: rgba(25, 135, 84, 0.05) !important;
}

.pcc-row-reject {
    border-left: 4px solid #dc3545;
    background-color: rgba(220, 53, 69, 0.05) !important;
}

.pcc-row-modify {
    border-left: 4px solid #0d6efd;
    background-color: rgba(13, 110, 253, 0.05) !important;
}

/* Decision toggle buttons */
.pcc-decision-btn {
    width: 32px;
    height: 32px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    margin: 0 2px;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.15s, color 0.15s, border-color 0.15s;
}

.pcc-decision-btn.pcc-active-accept {
    background-color: #198754;
    border-color: #198754;
    color: #fff;
}

.pcc-decision-btn.pcc-active-reject {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff;
}

.pcc-decision-btn.pcc-active-modify {
    background-color: #0d6efd;
    border-color: #0d6efd;
    color: #fff;
}

/* Tally bar */
.pcc-tally-bar {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 8px 0;
}

.pcc-tally-count {
    font-weight: 600;
    font-size: 0.9rem;
}

.pcc-tally-accept {
    color: #198754;
}

.pcc-tally-reject {
    color: #dc3545;
}

.pcc-tally-modify {
    color: #0d6efd;
}

/* Progress indicator in footer */
.pcc-progress-text {
    font-size: 0.9rem;
    color: #6c757d;
}

/* Loading spinner */
.pcc-loading {
    text-align: center;
    padding: 40px 0;
}

/* Empty state */
.pcc-empty-state {
    text-align: center;
    padding: 40px 0;
    color: #6c757d;
}

.pcc-empty-state i {
    font-size: 3rem;
    color: #198754;
    display: block;
    margin-bottom: 12px;
}

/* Inline notes row */
.pcc-notes-row td {
    padding: 4px 8px 8px 8px;
    border-top: none !important;
}

.pcc-notes-input {
    width: 100%;
    min-height: 50px;
    resize: vertical;
    font-size: 0.85rem;
}

/* Pagination */
.pcc-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 8px 0;
}

.pcc-pagination .page-link {
    cursor: pointer;
}

.pcc-pagination .page-item.active .page-link {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

/* Toolbar */
.pcc-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 0;
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 8px;
}

/* Footer */
.pcc-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0 0;
    border-top: 1px solid #dee2e6;
    margin-top: 8px;
}

/* Error alert */
.pcc-error-alert {
    margin-bottom: 8px;
}

/* Submit progress */
.pcc-submit-progress {
    padding: 16px 0;
    text-align: center;
}

/* Responsive table */
.pcc-table-container {
    overflow-x: auto;
}

.pcc-table-container table {
    margin-bottom: 0;
}

/* Notes toggle button */
.pcc-notes-toggle {
    opacity: 0.5;
    transition: opacity 0.15s;
}

.pcc-notes-toggle.pcc-has-notes {
    opacity: 1;
    color: #0d6efd;
}

/* PointClickCare branded sign-in button */
.pcc-signin-button {
    display: inline-block;
    width: 229px;
    height: 46px;
    background-image: url('../images/pcc/Sign-in Button [base state].svg');
    background-size: 229px 46px;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    padding: 0;
    margin: 0;
    text-decoration: none;
    cursor: pointer;
    transition: none;
}

.pcc-signin-button:hover {
    background-image: url('../images/pcc/Sign-in Button [hover state].svg');
}

.pcc-signin-button:active {
    background-image: url('../images/pcc/Sign-in Button [pressed state].svg');
}

.pcc-signin-button:disabled,
.pcc-signin-button.disabled {
    background-image: url('../images/pcc/Sign-in Button [disabled state].svg');
    cursor: not-allowed;
}