/* _content/Pionier.Erp.Modules.Ru_co_per/Components/CalendarCoDialog.razor.rz.scp.css */
/* Scoped styles for the Ru_co_per auto-leave planner / calendar dialogs.
   Self-contained: does not depend on (or modify) shell CSS. */

.rucp-dialog-overlay[b-5m3h2outdu] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
}

.rucp-dialog[b-5m3h2outdu] {
    background: var(--erp-surface, #fff);
    color: var(--erp-text, #1a1a1a);
    border-radius: 8px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
    width: min(1100px, 96vw);
    max-height: 92vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.rucp-dialog-header[b-5m3h2outdu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    border-bottom: 1px solid var(--erp-border, #e2e2e2);
}

.rucp-dialog-header h3[b-5m3h2outdu] { margin: 0; font-size: 1.05rem; }

.rucp-dialog-close[b-5m3h2outdu] {
    background: none; border: none; font-size: 1.4rem; line-height: 1;
    cursor: pointer; color: inherit;
}

.rucp-dialog-body[b-5m3h2outdu] { padding: 16px 18px; overflow: auto; }

.rucp-dialog-toolbar[b-5m3h2outdu] {
    display: flex; flex-wrap: wrap; align-items: flex-end; gap: 18px; margin-bottom: 12px;
}

.rucp-dialog-field[b-5m3h2outdu] { display: flex; flex-direction: column; gap: 4px; margin-bottom: 10px; }
.rucp-dialog-field.rucp-grow[b-5m3h2outdu] { flex: 1 1 240px; }
.rucp-dialog-field.rucp-field-btn[b-5m3h2outdu] { justify-content: flex-end; }
.rucp-dialog-field label[b-5m3h2outdu] { font-size: 0.85rem; font-weight: 600; }

.rucp-dialog-field input[type="text"][b-5m3h2outdu],
.rucp-dialog-field input[type="number"][b-5m3h2outdu],
.rucp-dialog-field input[type="date"][b-5m3h2outdu],
.rucp-dialog-field select[b-5m3h2outdu] {
    padding: 6px 8px; border: 1px solid var(--erp-border, #cfcfcf);
    border-radius: 4px; min-width: 160px; font: inherit;
}

.rucp-dialog-info[b-5m3h2outdu] { color: var(--erp-text-muted, #6b6b6b); font-style: italic; }

.rucp-grid-pane[b-5m3h2outdu] {
    display: flex; flex-direction: column;
    border: 1px solid var(--erp-border, #e2e2e2); border-radius: 6px; overflow: hidden;
}

.rucp-grid-title[b-5m3h2outdu] {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 8px 10px; font-weight: 600; font-size: 0.9rem;
    background: var(--erp-surface-alt, #f5f6f8);
    border-bottom: 1px solid var(--erp-border, #e2e2e2);
}

.rucp-selall[b-5m3h2outdu] {
    font-weight: 500; font-size: 0.82rem; display: inline-flex; align-items: center; gap: 4px;
}

.rucp-grid-scroll[b-5m3h2outdu] { max-height: 340px; overflow: auto; }

.rucp-dialog-grid[b-5m3h2outdu] { width: 100%; border-collapse: collapse; font-size: 0.84rem; }
.rucp-dialog-grid th[b-5m3h2outdu], .rucp-dialog-grid td[b-5m3h2outdu] {
    border-bottom: 1px solid var(--erp-border, #ececec); padding: 5px 8px; text-align: left;
}

.rucp-row-warn[b-5m3h2outdu] { background: rgba(255, 179, 179, 0.45); }
.rucp-row-ok[b-5m3h2outdu] { background: rgba(25, 135, 84, 0.12); }
.rucp-empty[b-5m3h2outdu] { text-align: center; color: var(--erp-text-muted, #6b6b6b); font-style: italic; }

.rucp-dialog-footer[b-5m3h2outdu] {
    display: flex; gap: 10px; padding: 14px 18px;
    border-top: 1px solid var(--erp-border, #e2e2e2);
}

.rucp-btn[b-5m3h2outdu] {
    padding: 8px 16px; border: 1px solid var(--erp-border, #cfcfcf);
    border-radius: 4px; background: var(--erp-surface, #fff); cursor: pointer; font-size: 0.9rem;
}

.rucp-btn-primary[b-5m3h2outdu] {
    background: var(--erp-primary, #0d6efd); border-color: var(--erp-primary, #0d6efd); color: #fff;
}

.rucp-btn:disabled[b-5m3h2outdu] { opacity: 0.6; cursor: not-allowed; }

.rucp-dialog-result[b-5m3h2outdu] { margin: 0 18px 16px; padding: 10px 12px; border-radius: 4px; font-size: 0.88rem; }
.rucp-success[b-5m3h2outdu] { background: rgba(25, 135, 84, 0.12); color: #198754; }
.rucp-error[b-5m3h2outdu] { background: rgba(220, 53, 69, 0.12); color: #dc3545; }
/* _content/Pionier.Erp.Modules.Ru_co_per/Components/PlanifAutoCODialog.razor.rz.scp.css */
/* Scoped styles for the Ru_co_per auto-leave planner / calendar dialogs.
   Self-contained: does not depend on (or modify) shell CSS. */

.rucp-dialog-overlay[b-pizjci40rf] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
}

.rucp-dialog[b-pizjci40rf] {
    background: var(--erp-surface, #fff);
    color: var(--erp-text, #1a1a1a);
    border-radius: 8px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
    width: min(1100px, 96vw);
    max-height: 92vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.rucp-dialog-header[b-pizjci40rf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    border-bottom: 1px solid var(--erp-border, #e2e2e2);
}

.rucp-dialog-header h3[b-pizjci40rf] { margin: 0; font-size: 1.05rem; }

.rucp-dialog-close[b-pizjci40rf] {
    background: none; border: none; font-size: 1.4rem; line-height: 1;
    cursor: pointer; color: inherit;
}

.rucp-dialog-body[b-pizjci40rf] { padding: 16px 18px; overflow: auto; }

.rucp-dialog-toolbar[b-pizjci40rf] {
    display: flex; flex-wrap: wrap; align-items: flex-end; gap: 18px; margin-bottom: 12px;
}

.rucp-dialog-field[b-pizjci40rf] { display: flex; flex-direction: column; gap: 4px; margin-bottom: 10px; }
.rucp-dialog-field.rucp-grow[b-pizjci40rf] { flex: 1 1 240px; }
.rucp-dialog-field.rucp-field-btn[b-pizjci40rf] { justify-content: flex-end; }
.rucp-dialog-field label[b-pizjci40rf] { font-size: 0.85rem; font-weight: 600; }

.rucp-dialog-field input[type="text"][b-pizjci40rf],
.rucp-dialog-field input[type="number"][b-pizjci40rf],
.rucp-dialog-field input[type="date"][b-pizjci40rf],
.rucp-dialog-field select[b-pizjci40rf] {
    padding: 6px 8px; border: 1px solid var(--erp-border, #cfcfcf);
    border-radius: 4px; min-width: 160px; font: inherit;
}

.rucp-dialog-info[b-pizjci40rf] { color: var(--erp-text-muted, #6b6b6b); font-style: italic; }

.rucp-grid-pane[b-pizjci40rf] {
    display: flex; flex-direction: column;
    border: 1px solid var(--erp-border, #e2e2e2); border-radius: 6px; overflow: hidden;
}

.rucp-grid-title[b-pizjci40rf] {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 8px 10px; font-weight: 600; font-size: 0.9rem;
    background: var(--erp-surface-alt, #f5f6f8);
    border-bottom: 1px solid var(--erp-border, #e2e2e2);
}

.rucp-selall[b-pizjci40rf] {
    font-weight: 500; font-size: 0.82rem; display: inline-flex; align-items: center; gap: 4px;
}

.rucp-grid-scroll[b-pizjci40rf] { max-height: 340px; overflow: auto; }

.rucp-dialog-grid[b-pizjci40rf] { width: 100%; border-collapse: collapse; font-size: 0.84rem; }
.rucp-dialog-grid th[b-pizjci40rf], .rucp-dialog-grid td[b-pizjci40rf] {
    border-bottom: 1px solid var(--erp-border, #ececec); padding: 5px 8px; text-align: left;
}

.rucp-row-warn[b-pizjci40rf] { background: rgba(255, 179, 179, 0.45); }
.rucp-row-ok[b-pizjci40rf] { background: rgba(25, 135, 84, 0.12); }
.rucp-empty[b-pizjci40rf] { text-align: center; color: var(--erp-text-muted, #6b6b6b); font-style: italic; }

.rucp-dialog-footer[b-pizjci40rf] {
    display: flex; gap: 10px; padding: 14px 18px;
    border-top: 1px solid var(--erp-border, #e2e2e2);
}

.rucp-btn[b-pizjci40rf] {
    padding: 8px 16px; border: 1px solid var(--erp-border, #cfcfcf);
    border-radius: 4px; background: var(--erp-surface, #fff); cursor: pointer; font-size: 0.9rem;
}

.rucp-btn-primary[b-pizjci40rf] {
    background: var(--erp-primary, #0d6efd); border-color: var(--erp-primary, #0d6efd); color: #fff;
}

.rucp-btn:disabled[b-pizjci40rf] { opacity: 0.6; cursor: not-allowed; }

.rucp-dialog-result[b-pizjci40rf] { margin: 0 18px 16px; padding: 10px 12px; border-radius: 4px; font-size: 0.88rem; }
.rucp-success[b-pizjci40rf] { background: rgba(25, 135, 84, 0.12); color: #198754; }
.rucp-error[b-pizjci40rf] { background: rgba(220, 53, 69, 0.12); color: #dc3545; }