/* 1.5.2: scoped account disclosure and resilient form layout. */
.cdp-ui, .cdp-ui *, .cdp-ui *::before, .cdp-ui *::after { box-sizing:border-box; }
.cdp-platform-admin { max-width:1600px; margin:0 auto; padding:20px; }
.cdp-platform-admin .cdp-control { margin:0; max-width:100%; padding:24px; }
.cdp-admin-session { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 24px; background:white; border:1px solid #E6E0F2; border-radius:16px; }
.cdp-admin-session a { color:#6648CD; min-height:44px; display:inline-flex; align-items:center; }
.cdp-ui .cdp-control-nav { flex-wrap:wrap; gap:8px; overflow:visible; }
.cdp-ui .cdp-control-nav a { padding:12px 16px; font-size:15px; }
.cdp-ui .cdp-control-nav a.is-active { background:#EEE8FB; border-radius:10px 10px 0 0; }
.cdp-ui .cdp-control-head h1 { font-weight:500; }
.cdp-ui .cdp-sidebar-plan { flex-wrap:wrap; }
.cdp-ui .cdp-sidebar-plan small { white-space:normal; }
.cdp-ui .cdp-control-head code, .cdp-ui .cdp-demo-credentials code, .cdp-ui.cdp-control code { white-space:normal; overflow-wrap:anywhere; }
@media(max-width:600px) { .cdp-platform-admin { padding:12px 0; } .cdp-platform-admin .cdp-control { padding:20px 12px; } .cdp-admin-session { margin:0 12px; padding:10px 14px; font-size:14px; } .cdp-ui .cdp-control-nav a { padding:10px; font-size:14px; } }
.cdp-ui.cdp-workspace { box-sizing:border-box; max-width:100%; }
.cdp-ui .cdp-account-menu { position:relative; margin-left:auto; flex:0 0 auto; }
.cdp-ui .cdp-account-menu > summary { cursor:pointer; display:flex; align-items:center; gap:10px; list-style:none; min-height:48px; padding:4px 8px; border-radius:12px; color:#48397C; }
.cdp-ui .cdp-account-menu > summary::-webkit-details-marker { display:none; }
.cdp-ui .cdp-account-menu > summary:hover,.cdp-ui .cdp-account-menu[open] > summary { background:#F5F3FC; }
.cdp-ui .cdp-account-menu > summary:focus-visible,.cdp-ui .cdp-account-dropdown a:focus-visible { outline:2px solid #6648CD; outline-offset:3px; }
.cdp-ui .cdp-account-dropdown { position:absolute; right:0; top:calc(100% + 10px); z-index:1000; width:280px; max-width:calc(100vw - 40px); padding:10px; border:1px solid #E6E0F2; border-radius:14px; background:white; box-shadow:0 12px 36px #48397C26; }
.cdp-ui .cdp-account-heading { padding:12px; overflow-wrap:anywhere; font-size:15px; font-weight:500; }
.cdp-ui .cdp-account-heading small { display:block; margin-top:5px; font-weight:400; }
.cdp-ui .cdp-account-dropdown a { display:flex; align-items:center; gap:12px; min-height:46px; padding:12px; border-radius:9px; font-size:15px; color:#48397C; text-decoration:none; }
.cdp-ui .cdp-account-dropdown a:hover { background:#F5F3FC; }
.cdp-ui .cdp-account-signout { border-top:1px solid #E6E0F2; margin-top:6px; }
.cdp-ui .cdp-app-topbar { position:relative; z-index:20; }
.cdp-ui .cdp-form-grid > *, .cdp-ui .cdp-modern-grid > * { min-width:0; max-width:100%; }
.cdp-ui .cdp-btn,.cdp-ui button { white-space:normal; overflow-wrap:break-word; }
.cdp-ui .cdp-plan-card[hidden],.cdp-ui [data-cdp-price-monthly][hidden],.cdp-ui [data-cdp-price-yearly][hidden] { display:none!important; }
@media(max-width:900px) { .cdp-ui .cdp-account-menu > summary > span:first-child { display:none; } }

/* 1.5.2: layout stabilization for the client workspace. */
.cdp-ui.cdp-workspace { grid-template-columns: 208px minmax(0, 1fr); }
.cdp-ui .cdp-app-sidebar { padding: 22px 11px 14px; gap: 17px; }
.cdp-ui .cdp-wordmark { font-size: 23px; padding-left: 5px; }
.cdp-ui .cdp-company-chip { padding: 11px 4px; }
.cdp-ui .cdp-nav-label { margin-left: 8px; font-size: 8px; }
.cdp-ui .cdp-app-sidebar nav { gap: 3px; }
.cdp-ui .cdp-app-sidebar nav a { min-height: 41px; padding: 9px 9px; gap: 9px; font-size: 12px; }
.cdp-ui .cdp-app-sidebar nav a svg { flex: 0 0 18px; }
.cdp-ui .cdp-sidebar-bottom { gap: 8px; padding-top: 16px; }
.cdp-ui .cdp-sidebar-plan { font-size: 10px; }
.cdp-ui .cdp-sidebar-plan small { font-size: 10px; }
.cdp-ui .cdp-sidebar-logout { margin-top: 6px !important; font-size: 11px !important; }
.cdp-ui .cdp-check { display:flex; align-items:center; gap:9px; min-height:40px; }
.cdp-ui .cdp-check input { flex:0 0 auto; }
.cdp-ui .cdp-form-group small { font-size:11px; font-weight:400; color:#8D80A3; }
.cdp-ui [data-state="expired"] { color:#A14B58; background:#FFF0F1; border-color:#F2C9CF; }
.cdp-ui .cdp-timekeeping-row > div { min-width:0; overflow-wrap:anywhere; }
.cdp-ui .cdp-timekeeping-action .cdp-status-pill { max-width:100%; white-space:normal; text-align:center; }
@media(max-width:1180px) {
    .cdp-ui.cdp-workspace { grid-template-columns: 194px minmax(0, 1fr); }
    .cdp-ui .cdp-app-body { padding: 24px 22px; }
}
@media(max-width:900px) {
    .cdp-ui.cdp-workspace { grid-template-columns: 1fr; }
    .cdp-ui .cdp-app-sidebar { padding: 18px 16px; }
    .cdp-ui.cdp-nav-open .cdp-app-sidebar nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media(max-width:520px) {
    .cdp-ui.cdp-nav-open .cdp-app-sidebar nav { grid-template-columns: 1fr; }
    .cdp-ui .cdp-app-sidebar nav a { min-height: 44px; font-size: 13px; }
}

/* 1.5.2: safeguards for real device widths and third-party theme styles. */
.cdp-ui.cdp-workspace { width:100%; max-width:100%; min-width:0; overflow-x:hidden; }
.cdp-ui img, .cdp-ui svg { max-width:100%; }
.cdp-ui input, .cdp-ui select, .cdp-ui textarea { max-width:100%; min-width:0; }
.cdp-ui .cdp-table-scroll { max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.cdp-ui .cdp-data-table { max-width:none; }
.cdp-ui .cdp-card, .cdp-ui .cdp-panel, .cdp-ui .cdp-control, .cdp-ui .cdp-plan-card { min-width:0; overflow-wrap:anywhere; }
.cdp-ui .cdp-page-heading, .cdp-ui .cdp-section-head, .cdp-ui .cdp-panel-title { min-width:0; }
.cdp-ui .cdp-page-heading > *, .cdp-ui .cdp-section-head > *, .cdp-ui .cdp-panel-title > * { min-width:0; max-width:100%; }
.cdp-ui .cdp-actions { display:flex; flex-wrap:wrap; gap:8px; min-width:0; }
.cdp-ui .cdp-actions .cdp-btn { flex:0 1 auto; min-width:0; }
@media(max-width:760px) {
    .cdp-ui .cdp-app-topbar { gap:8px; }
    .cdp-ui .cdp-app-body { width:100%; padding:20px 14px; }
    .cdp-ui .cdp-card, .cdp-ui .cdp-panel { width:100%; }
    .cdp-ui .cdp-actions .cdp-btn { flex:1 1 140px; }
    .cdp-ui .cdp-form-actions, .cdp-ui .cdp-form-actions .cdp-btn { width:100%; }
}
@media(max-width:400px) {
    .cdp-ui .cdp-app-topbar { padding-left:10px; padding-right:10px; }
    .cdp-ui .cdp-app-body { padding-left:10px; padding-right:10px; }
    .cdp-ui .cdp-actions .cdp-btn { flex-basis:100%; }
}

/* 1.5.3: separate weekday controls from generic form label styling. */
.cdp-ui .cdp-form .cdp-weekday-picker { display:flex; flex-wrap:wrap; gap:10px; width:100%; }
.cdp-ui .cdp-form .cdp-weekday-picker > label { flex-direction:row; align-items:center; justify-content:flex-start; gap:8px; padding:10px 12px; min-height:44px; }
.cdp-ui .cdp-form .cdp-weekday-picker > label > input { position:static; width:18px !important; height:18px !important; min-width:18px; flex:0 0 18px; opacity:1; margin:0; padding:0; }
.cdp-ui .cdp-form .cdp-weekday-picker > label > span { flex:0 0 auto; padding:0; border:0; background:transparent; min-height:0; line-height:1.4; }
.cdp-ui .cdp-form input[type=time], .cdp-ui .cdp-form input[type=date], .cdp-ui .cdp-form input[type=month] { appearance:none; -webkit-appearance:none; box-sizing:border-box; width:100%; min-width:0; max-width:100%; display:block; }
.cdp-ui .cdp-form input::-webkit-date-and-time-value { min-width:0; text-align:left; }
.cdp-ui .cdp-weekday-picker label { display:inline-flex !important; flex:0 0 auto !important; width:auto !important; max-width:100%; }
.cdp-ui .cdp-weekday-picker label span { width:auto !important; min-width:0 !important; max-width:none !important; white-space:nowrap !important; word-break:normal !important; overflow-wrap:normal !important; }

/* 1.5.7: canonical workforce, calendar, reports and audit UI. */
.cdp-ui .cdp-workforce-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 20px}.cdp-ui .cdp-workforce-stats>div{background:#fff;border:1px solid #e8e3f2;border-radius:14px;padding:16px;min-width:0}.cdp-ui .cdp-workforce-stats strong{display:block;font-size:22px;font-weight:650;color:#382b68}.cdp-ui .cdp-workforce-stats span{display:block;margin-top:4px;font-size:12px;color:#827799}.cdp-ui .cdp-workforce-table{display:grid;gap:8px}.cdp-ui .cdp-workforce-row{display:grid;grid-template-columns:minmax(170px,1.35fr) minmax(130px,.9fr) minmax(150px,1fr) minmax(190px,1.25fr) minmax(170px,1fr);gap:12px;align-items:center;padding:13px 14px;border:1px solid #ece7f4;border-radius:12px;background:#fff}.cdp-ui .cdp-workforce-row.cdp-workforce-head{background:#f7f5fb;color:#75698d;font-size:11px;font-weight:650;text-transform:uppercase}.cdp-ui .cdp-workforce-row>div{min-width:0}.cdp-ui .cdp-workforce-row small{display:block;margin-top:4px;color:#8c829d}.cdp-ui .cdp-workforce-actions{display:flex;flex-wrap:wrap;gap:7px}.cdp-ui .cdp-workforce-actions details{position:relative}.cdp-ui .cdp-workforce-actions summary{list-style:none;cursor:pointer}.cdp-ui .cdp-workforce-actions summary::-webkit-details-marker{display:none}.cdp-ui .cdp-pop-form{position:absolute;right:0;z-index:30;width:min(340px,calc(100vw - 36px));padding:16px;background:#fff;border:1px solid #ded6ee;border-radius:14px;box-shadow:0 18px 45px rgba(56,43,104,.17);display:grid;gap:10px}.cdp-ui .cdp-pop-form label{display:grid;gap:5px;font-size:12px}.cdp-ui .cdp-pop-form input,.cdp-ui .cdp-pop-form select,.cdp-ui .cdp-pop-form textarea{width:100%}.cdp-ui .cdp-status-pill{display:inline-flex;align-items:center;min-height:30px;padding:5px 9px;border-radius:999px;background:#f3f0f8;color:#5d5272;font-size:11px;font-weight:650}.cdp-ui .cdp-status-present,.cdp-ui .cdp-status-work_offday,.cdp-ui .cdp-status-work_holiday{background:#ecf8f1;color:#23633f}.cdp-ui .cdp-status-vacation,.cdp-ui .cdp-status-permission{background:#f1effd;color:#5645a2}.cdp-ui .cdp-status-medical,.cdp-ui .cdp-status-absent{background:#fff0f1;color:#a34452}.cdp-ui .cdp-status-off,.cdp-ui .cdp-status-holiday,.cdp-ui .cdp-status-planned{background:#f5f5f7;color:#686878}
.cdp-ui .cdp-holiday-list{display:grid;gap:9px}.cdp-ui .cdp-holiday-row{display:grid;grid-template-columns:145px minmax(180px,1.3fr) repeat(3,minmax(125px,.7fr)) auto;gap:10px;align-items:center;padding:12px;border-bottom:1px solid #eee9f5}.cdp-ui .cdp-holiday-row>div small{display:block;color:#8d839d}.cdp-ui .cdp-holiday-row input[type=text]{width:100%}.cdp-ui .cdp-audit-list{display:grid;gap:8px}.cdp-ui .cdp-audit-row{display:grid;grid-template-columns:135px minmax(150px,.8fr) minmax(180px,1fr) minmax(120px,.7fr);gap:12px;align-items:start;padding:13px 0;border-bottom:1px solid #eee9f5}.cdp-ui .cdp-audit-row time{font-size:12px;color:#81758f}.cdp-ui .cdp-audit-row small{display:block;margin-top:3px;color:#8d839d}.cdp-ui .cdp-audit-row details summary{cursor:pointer;color:#6648cd}.cdp-ui .cdp-attention-list{display:grid;gap:8px}.cdp-ui .cdp-attention-list a,.cdp-ui .cdp-attention-list>div{display:flex;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #ece7f4;border-radius:10px;text-decoration:none}
.cdp-ui .cdp-report-filter-panel{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap}.cdp-ui .cdp-report-filters{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.cdp-ui .cdp-report-filters label{display:grid;gap:5px;min-width:160px;font-size:11px;color:#766b87}.cdp-ui .cdp-report-export-actions{display:flex;gap:7px;flex-wrap:wrap}.cdp-ui .cdp-responsive-table{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.cdp-ui .cdp-data-table{width:100%;border-collapse:separate;border-spacing:0;min-width:900px}.cdp-ui .cdp-data-table th,.cdp-ui .cdp-data-table td{padding:11px 10px;border-bottom:1px solid #eee9f5;text-align:left;vertical-align:middle;white-space:nowrap;font-size:12px}.cdp-ui .cdp-data-table th{position:sticky;top:0;background:#f8f6fb;color:#6d6280;font-size:10px;text-transform:uppercase;z-index:2}.cdp-ui .cdp-data-table td small{display:block;margin-top:3px;color:#91869f}.cdp-ui .cdp-collective-wrap{max-height:650px}.cdp-ui .cdp-collective-table{min-width:max-content}.cdp-ui .cdp-collective-table th,.cdp-ui .cdp-collective-table td{text-align:center;min-width:42px}.cdp-ui .cdp-collective-table .is-sticky{position:sticky;left:0;z-index:3;min-width:180px;text-align:left;background:#fff}.cdp-ui .cdp-collective-table thead .is-sticky{z-index:4;background:#f8f6fb}.cdp-ui .cdp-month-close-panel .cdp-warning{display:block}.cdp-ui .cdp-month-close-panel ul{margin:8px 0 0 20px}.cdp-ui .cdp-inline-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.cdp-ui .cdp-inline-form input[type=text]{min-width:260px}.cdp-ui .cdp-advanced-days{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.cdp-ui .cdp-advanced-day{display:grid;grid-template-columns:minmax(115px,1fr) repeat(3,minmax(80px,.75fr));gap:8px;align-items:end;padding:10px;border:1px solid #ece7f4;border-radius:10px}.cdp-ui .cdp-advanced-day label{min-width:0}.cdp-ui .cdp-advanced-schedule>summary{cursor:pointer;color:#58479d;font-weight:600}.cdp-ui .cdp-readonly-banner,.cdp-ui .cdp-trial-banner{border-radius:12px;padding:12px 14px;margin-bottom:14px}
@media(max-width:1100px){.cdp-ui .cdp-workforce-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.cdp-ui .cdp-workforce-row{grid-template-columns:repeat(3,minmax(0,1fr))}.cdp-ui .cdp-workforce-row.cdp-workforce-head{display:none}.cdp-ui .cdp-holiday-row{grid-template-columns:140px minmax(180px,1fr) repeat(2,minmax(130px,.8fr));}.cdp-ui .cdp-holiday-row .cdp-btn{grid-column:auto}.cdp-ui .cdp-audit-row{grid-template-columns:125px 1fr 1.2fr}.cdp-ui .cdp-audit-row details{grid-column:2/-1}}
@media(max-width:760px){.cdp-ui .cdp-workforce-stats{grid-template-columns:1fr 1fr}.cdp-ui .cdp-workforce-row{grid-template-columns:1fr;gap:8px}.cdp-ui .cdp-workforce-actions{align-items:flex-start}.cdp-ui .cdp-pop-form{position:fixed;left:12px;right:12px;bottom:12px;top:auto;width:auto;max-height:80vh;overflow:auto}.cdp-ui .cdp-holiday-row{grid-template-columns:1fr;padding:14px 0}.cdp-ui .cdp-audit-row{grid-template-columns:1fr}.cdp-ui .cdp-audit-row details{grid-column:auto}.cdp-ui .cdp-report-filter-panel,.cdp-ui .cdp-report-filters{display:grid;grid-template-columns:1fr;width:100%}.cdp-ui .cdp-report-filters label,.cdp-ui .cdp-report-filters .cdp-btn{width:100%;min-width:0}.cdp-ui .cdp-report-export-actions{width:100%}.cdp-ui .cdp-report-export-actions .cdp-btn{flex:1 1 calc(50% - 7px)}.cdp-ui .cdp-inline-form{display:grid;grid-template-columns:1fr;width:100%}.cdp-ui .cdp-inline-form input[type=text],.cdp-ui .cdp-inline-form .cdp-btn{width:100%;min-width:0}.cdp-ui .cdp-advanced-days{grid-template-columns:1fr}.cdp-ui .cdp-advanced-day{grid-template-columns:1fr 1fr}.cdp-ui .cdp-advanced-day .cdp-check{grid-column:1/-1}.cdp-ui .cdp-collective-wrap{max-height:72vh}}
@media(max-width:420px){.cdp-ui .cdp-workforce-stats{grid-template-columns:1fr}.cdp-ui .cdp-report-export-actions .cdp-btn{flex-basis:100%}.cdp-ui .cdp-advanced-day{grid-template-columns:1fr}}
@media print{.cdp-ui .cdp-app-sidebar,.cdp-ui .cdp-app-topbar,.cdp-ui .cdp-report-filter-panel,.cdp-ui .cdp-month-close-panel,.cdp-ui .cdp-page-heading .cdp-status-pill{display:none!important}.cdp-ui.cdp-workspace{display:block!important}.cdp-ui .cdp-app-body{padding:0!important}.cdp-ui .cdp-panel{box-shadow:none!important;border:1px solid #ddd!important;break-inside:avoid}.cdp-ui .cdp-responsive-table{overflow:visible!important}.cdp-ui .cdp-data-table{min-width:0!important;font-size:9px}.cdp-ui .cdp-data-table th,.cdp-ui .cdp-data-table td{padding:4px!important;font-size:8px!important}.cdp-ui .cdp-collective-table .is-sticky{position:static!important}}

/* 1.6.18: form alignment and annual calendar selector. */
.cdp-ui .cdp-employee-manager-form{gap:22px}
.cdp-ui .cdp-employee-manager-form>label{display:grid;gap:7px;color:#4b3a78;font-size:13px;font-weight:600}
.cdp-ui .cdp-employee-manager-form>.cdp-schedule-box{padding:24px;border:1px solid #e6dff3;border-radius:16px;background:#fcfbff}
.cdp-ui .cdp-employee-manager-form .cdp-schedule-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 20px;align-items:start}
.cdp-ui .cdp-employee-manager-form .cdp-schedule-fields .cdp-form-group{min-width:0}
.cdp-ui .cdp-employee-manager-form .cdp-schedule-help{grid-column:1/-1;margin:0;padding:12px 14px;border-left:3px solid #7654d6;border-radius:8px;background:#f5f1ff;color:#695889;line-height:1.55}
.cdp-ui .cdp-employee-manager-form .cdp-weekday-field{grid-column:1/-1}
.cdp-ui .cdp-employee-submit{display:flex;justify-content:flex-start}
.cdp-ui .cdp-employee-submit .cdp-btn{min-width:240px}
.cdp-ui .cdp-calendar-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px;padding:26px 28px;border:1px solid #e5dff1;border-radius:18px;background:linear-gradient(135deg,#fff 0%,#f8f5ff 100%)}
.cdp-ui .cdp-calendar-hero h1{margin:7px 0 8px;color:#43337c;font-size:30px;line-height:1.15}
.cdp-ui .cdp-calendar-hero p{max-width:680px;margin:0;color:#75658e;line-height:1.55}
.cdp-ui .cdp-calendar-year-picker{display:flex;align-items:flex-end;gap:10px;flex:0 0 auto}
.cdp-ui .cdp-calendar-year-picker label{display:grid;gap:7px;min-width:144px;color:#59487f;font-size:12px;font-weight:650}
.cdp-ui .cdp-calendar-year-picker select{min-height:44px;background:#fff}
.cdp-ui .cdp-calendar-year-picker .cdp-btn{min-height:44px;white-space:nowrap}
@media(max-width:900px){.cdp-ui .cdp-employee-manager-form .cdp-schedule-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.cdp-ui .cdp-calendar-hero{align-items:stretch;flex-direction:column}.cdp-ui .cdp-calendar-year-picker{justify-content:flex-start}}
@media(max-width:600px){.cdp-ui .cdp-employee-manager-form>.cdp-schedule-box{padding:18px 14px}.cdp-ui .cdp-employee-manager-form .cdp-schedule-fields{grid-template-columns:1fr}.cdp-ui .cdp-employee-manager-form .cdp-weekday-field,.cdp-ui .cdp-employee-manager-form .cdp-schedule-help{grid-column:auto}.cdp-ui .cdp-employee-submit,.cdp-ui .cdp-employee-submit .cdp-btn{width:100%}.cdp-ui .cdp-calendar-hero{padding:20px 16px;border-radius:15px}.cdp-ui .cdp-calendar-hero h1{font-size:25px}.cdp-ui .cdp-calendar-year-picker{display:grid;grid-template-columns:1fr;width:100%}.cdp-ui .cdp-calendar-year-picker label,.cdp-ui .cdp-calendar-year-picker .cdp-btn{width:100%}}

/* 1.6.19: opt-in trial in the subscription choice. */
.cdp-ui .cdp-registration-plan-summary .cdp-trial-picker{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:2px}
.cdp-ui .cdp-trial-picker label{min-height:68px}
.cdp-ui .cdp-trial-picker label:has(input:checked){border-color:#6a4ad2;background:#f6f2ff;box-shadow:0 0 0 2px #eadfff}
.cdp-ui .cdp-trial-picker b{display:block;color:#473582;font-size:13px}
.cdp-ui .cdp-trial-picker small{margin-top:4px;color:#74648e;line-height:1.4}
@media(max-width:600px){.cdp-ui .cdp-registration-plan-summary .cdp-trial-picker{grid-template-columns:1fr}.cdp-ui .cdp-trial-picker label{min-height:0}}

/* 1.7.0: neutral report export controls, independent of theme button colors. */
.cdp-ui .cdp-report-export-actions .cdp-btn{background:#fff!important;color:#6648cd!important;border-color:#dad1ee!important;box-shadow:none!important}
.cdp-ui .cdp-report-export-actions .cdp-btn:hover,.cdp-ui .cdp-report-export-actions .cdp-btn:focus-visible{background:#f5f1fd!important;color:#593bbc!important;border-color:#c7b8e9!important}

/* 1.7.1: clear account creation and subscription administration. */
.cdp-ui .cdp-auth-content .cdp-form-heading:first-of-type{border-top:0;padding-top:0}
.cdp-ui .cdp-registration-plan-summary>label.cdp-span-2{grid-column:1/-1}
.cdp-ui .cdp-trial-offer-admin{background:linear-gradient(135deg,#fff 0%,#f7f3ff 100%)}
.cdp-ui .cdp-trial-offer-admin .cdp-panel-title{align-items:flex-start}
.cdp-ui .cdp-trial-offer-form .cdp-check{padding:15px 17px;border:1px solid #ddd2f1;border-radius:13px;background:#fff}
.cdp-ui .cdp-trial-offer-form .cdp-check b,.cdp-ui .cdp-trial-offer-form .cdp-check small{display:block}
.cdp-ui .cdp-trial-offer-form .cdp-check small{margin-top:4px;color:#75658e}
.cdp-ui .cdp-admin-plans hr{margin:28px 0;border:0;border-top:1px solid #e9e3f3}

.cdp-public-demo{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 16px;padding:12px 14px;border:1px solid #d8cff5;border-radius:12px;background:#f7f4ff;font-size:14px}.cdp-public-demo strong{color:#4f35a5}.cdp-public-demo span{color:#4b5563}.cdp-public-demo code{padding:2px 6px;border-radius:6px;background:#fff;color:#111827;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}@media(max-width:600px){.cdp-public-demo{align-items:flex-start;flex-direction:column;gap:5px}}

/* Demo one-click access: public credentials are never exposed. */
.cdp-demo-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px;padding:16px;border:1px solid #d8cff5;border-radius:16px;background:linear-gradient(135deg,#f8f5ff 0%,#f2edff 100%)}
.cdp-demo-entry-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.cdp-demo-entry-copy strong{color:#4f35a5;font-size:15px}.cdp-demo-entry-copy span{color:#6b7280;font-size:13px;line-height:1.45}
.cdp-demo-entry .cdp-demo-entry-btn{flex:0 0 auto;margin:0;width:auto;white-space:nowrap}.cdp-auth-divider{display:flex;align-items:center;gap:10px;margin:4px 0 18px;color:#8b849a;font-size:12px}.cdp-auth-divider:before,.cdp-auth-divider:after{content:"";height:1px;background:#e5e0ef;flex:1}.cdp-auth-divider span{white-space:nowrap}
@media(max-width:640px){.cdp-demo-entry{align-items:stretch;flex-direction:column}.cdp-demo-entry .cdp-demo-entry-btn{width:100%}.cdp-auth-divider span{white-space:normal;text-align:center}}

/* 1.7.3: interactions, journal, headquarters and current-plan clarity. */
.cdp-ui .cdp-btn:hover,.cdp-ui button:hover,.cdp-ui .cdp-action-link:hover,.cdp-ui .cdp-link-button:hover,.cdp-ui .cdp-outline-button:hover,.cdp-ui .cdp-pricing-button:hover{background:#593BBC!important;color:#fff!important;border-color:#593BBC!important;text-decoration:none!important;box-shadow:0 8px 18px rgba(89,59,188,.16)!important}
.cdp-ui .cdp-btn-secondary:hover,.cdp-ui .cdp-btn-plain:hover,.cdp-ui .cdp-report-export-actions .cdp-btn:hover,.cdp-ui .cdp-report-export-actions .cdp-btn:focus-visible{background:#F4F0FD!important;color:#593BBC!important;border-color:#C7B8E9!important;box-shadow:none!important}
.cdp-ui .cdp-data-table tbody tr:hover,.cdp-ui .cdp-directory-person:hover{background:#FAF8FF!important}
.cdp-ui .cdp-company-details-card{border-color:#DED5F0;background:linear-gradient(135deg,#fff 0%,#FCFAFF 100%)}
.cdp-ui .cdp-id-pill{display:inline-flex;align-items:center;min-height:32px;padding:5px 9px;white-space:nowrap;border-radius:7px;background:#F0EBFC;color:#6848BA;font-size:12px;font-weight:500}
.cdp-ui .cdp-company-details-card .cdp-section-head{padding-bottom:18px;border-bottom:1px solid #EEE8F6}
.cdp-ui .cdp-work-locations-page{border-color:#DED5F0;background:linear-gradient(135deg,#fff 0%,#FCFAFF 100%)}
.cdp-ui .cdp-work-location-table{border:1px solid #ECE6F4;border-radius:14px;background:#fff}
.cdp-ui .cdp-work-location-table .cdp-data-table{min-width:680px}
.cdp-ui .cdp-company-headquarters td{background:#F8F5FF;color:#463478}
.cdp-ui .cdp-company-headquarters strong{color:#563FB1}
.cdp-ui .cdp-company-headquarters small{display:block;margin-top:3px;color:#766793}
.cdp-ui .cdp-audit-panel{padding:0;overflow:hidden}
.cdp-ui .cdp-audit-table{min-width:680px}
.cdp-ui .cdp-audit-table td{padding:16px 18px;white-space:normal}
.cdp-ui .cdp-audit-table td:first-child{width:155px;color:#71628C;font-variant-numeric:tabular-nums}
.cdp-ui .cdp-audit-table td:nth-child(2){width:190px;color:#493A7B}
.cdp-ui .cdp-current-plan-badge{position:absolute;top:18px;right:18px;display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:999px;background:#EEE8FC;color:#593BBC;font-size:11px;font-weight:650}
.cdp-ui .cdp-plan-card{position:relative}
.cdp-ui .cdp-plan-card.cdp-plan-current{border-color:#BDA9EA;background:linear-gradient(145deg,#F8F5FF 0%,#F1EBFD 100%);box-shadow:0 14px 32px rgba(89,59,188,.12)}
.cdp-ui .cdp-plan-card.cdp-plan-current:before{content:"";position:absolute;top:0;left:24px;right:24px;height:3px;border-radius:0 0 4px 4px;background:#6648CD}
.cdp-ui .cdp-plan-card .cdp-current-plan{color:#6A56AF;font-size:12px;font-weight:500}
.cdp-ui .cdp-danger-zone{border-color:#F0CCD6;background:linear-gradient(145deg,#FFF 0%,#FFF6F8 100%)}
.cdp-ui .cdp-danger-zone .cdp-panel-title{margin-bottom:18px}
.cdp-ui .cdp-delete-client-form{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}
.cdp-ui .cdp-delete-client-form label{flex:1 1 260px;color:#81334A;font-size:13px}
.cdp-ui .cdp-delete-client-form input{margin-top:7px;border-color:#E8BBC8;background:#FFF}
.cdp-ui .cdp-btn-danger{background:#B63E5D!important;border-color:#B63E5D!important;color:#FFF!important}
.cdp-ui .cdp-btn-danger:hover,.cdp-ui .cdp-btn-danger:focus-visible{background:#943049!important;border-color:#943049!important;box-shadow:0 8px 18px rgba(148,48,73,.16)!important}
.cdp-ui .cdp-client-communication{border-color:#DCD3F1;background:linear-gradient(145deg,#FFF 0%,#FAF8FF 100%)}
.cdp-ui .cdp-client-communication .cdp-panel-title{margin-bottom:18px}
.cdp-ui .cdp-client-communication textarea{min-height:142px;resize:vertical}
.cdp-ui .cdp-client-communication strong{color:#563FB1}
.cdp-ui .cdp-tutorial-next{display:flex;align-items:center;justify-content:space-between;gap:20px;border-color:#DCD3F1;background:linear-gradient(145deg,#FFF 0%,#F7F3FF 100%)}
.cdp-ui .cdp-tutorial-next h2{margin:5px 0 4px;font-size:20px;color:#33256B}
.cdp-ui .cdp-tutorial-next p{margin:0;color:#71628C}
.cdp-ui .cdp-tutorial-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;margin-bottom:24px;padding:28px 30px;border:1px solid #DED5F0;border-radius:18px;background:linear-gradient(135deg,#FFF 0%,#F4EFFF 100%)}
.cdp-ui .cdp-tutorial-hero h1{margin:7px 0 8px;color:#34256D;font-size:30px;line-height:1.15}
.cdp-ui .cdp-tutorial-hero p{margin:0;color:#71628C;max-width:660px}
.cdp-ui .cdp-tutorial-progress{display:grid;gap:2px;min-width:130px;padding:15px 17px;border-radius:14px;background:#FFF;text-align:right;box-shadow:0 8px 20px rgba(79,55,152,.08)}
.cdp-ui .cdp-tutorial-progress strong{color:#6546CC;font-size:24px;line-height:1.1}.cdp-ui .cdp-tutorial-progress span{color:#77698E;font-size:12px}
.cdp-ui .cdp-tutorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.cdp-ui .cdp-tutorial-card{display:flex;flex-direction:column;gap:18px;padding:23px;border:1px solid #E5DEF0;border-radius:16px;background:#FFF;box-shadow:0 8px 20px rgba(50,35,98,.035)}
.cdp-ui .cdp-tutorial-card.is-complete{border-color:#C9E6D6;background:linear-gradient(145deg,#FFF 0%,#F4FCF7 100%)}
.cdp-ui .cdp-tutorial-card-head{display:flex;gap:14px;align-items:flex-start}.cdp-ui .cdp-tutorial-number{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#EEE8FC;color:#6043C1;font-weight:700}.cdp-ui .is-complete .cdp-tutorial-number{background:#DDF3E7;color:#277B51}
.cdp-ui .cdp-tutorial-card h2{margin:0 0 5px;color:#36266F;font-size:19px}.cdp-ui .cdp-tutorial-card p{margin:0;color:#75688D;font-size:14px;line-height:1.5}.cdp-ui .cdp-tutorial-card ol{margin:0;padding-left:22px;color:#4F4175;line-height:1.55}.cdp-ui .cdp-tutorial-card li+li{margin-top:7px}
.cdp-ui .cdp-tutorial-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:auto}.cdp-ui .cdp-tutorial-actions form{margin:0}
.cdp-ui .cdp-tutorial-admin-card textarea{width:100%;min-height:82px;resize:vertical}.cdp-ui .cdp-tutorial-admin-card .cdp-panel-title{align-items:flex-start}.cdp-ui .cdp-tutorial-admin-card .cdp-check{white-space:nowrap}
@media(max-width:760px){.cdp-ui .cdp-audit-table,.cdp-ui .cdp-work-location-table .cdp-data-table{min-width:600px}.cdp-ui .cdp-audit-table td{padding:13px 14px}.cdp-ui .cdp-current-plan-badge{top:14px;right:14px}}
@media(max-width:760px){.cdp-ui .cdp-tutorial-next,.cdp-ui .cdp-tutorial-hero{align-items:flex-start;flex-direction:column}.cdp-ui .cdp-tutorial-progress{text-align:left}.cdp-ui .cdp-tutorial-grid{grid-template-columns:1fr}}


/* 1.6.5: polish only the “Necesită atenție” dashboard block. */
.cdp-ui .cdp-attention-panel .cdp-panel-title{margin-bottom:22px}
.cdp-ui .cdp-attention-panel .cdp-attention-list{display:grid;gap:12px}
.cdp-ui .cdp-attention-panel .cdp-attention-list>a,
.cdp-ui .cdp-attention-panel .cdp-attention-list>div{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:20px;
  min-height:74px;
  padding:16px 18px;
  border:1px solid #e9e4f1;
  border-radius:14px;
  background:#fff;
  text-decoration:none;
}
.cdp-ui .cdp-attention-panel .cdp-attention-list>a:hover{border-color:#d8cff0;background:#fbfaff}
.cdp-ui .cdp-attention-panel .cdp-attention-list>a>span,
.cdp-ui .cdp-attention-panel .cdp-attention-list>div>span{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
  min-width:0;
}
.cdp-ui .cdp-attention-panel .cdp-attention-list b{
  display:block;
  margin:0;
  color:#3f3566;
  font-size:16px;
  font-weight:650;
  line-height:1.3;
}
.cdp-ui .cdp-attention-panel .cdp-attention-list small{
  display:block;
  margin:0;
  color:#8a819b;
  font-size:12px;
  font-weight:400;
  line-height:1.4;
}
.cdp-ui .cdp-attention-panel .cdp-attention-list strong{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:36px;
  height:36px;
  padding:0 10px;
  border-radius:999px;
  background:#f1edfb;
  color:#6247c7;
  font-size:15px;
  font-weight:700;
  line-height:1;
}
@media(max-width:600px){
  .cdp-ui .cdp-attention-panel .cdp-panel-title{margin-bottom:16px}
  .cdp-ui .cdp-attention-panel .cdp-attention-list{gap:9px}
  .cdp-ui .cdp-attention-panel .cdp-attention-list>a,
  .cdp-ui .cdp-attention-panel .cdp-attention-list>div{min-height:68px;padding:14px 15px;gap:12px}
  .cdp-ui .cdp-attention-panel .cdp-attention-list b{font-size:14px}
  .cdp-ui .cdp-attention-panel .cdp-attention-list small{font-size:11px}
  .cdp-ui .cdp-attention-panel .cdp-attention-list strong{min-width:32px;height:32px;padding:0 8px;font-size:13px}
}


/* === 1.6.11 Pontaj simplificat / reparat === */
.cdp-ui .cdp-workforce-page-v2 .cdp-workforce-heading{gap:20px;align-items:flex-end}
.cdp-ui .cdp-workforce-page-v2 .cdp-workforce-date-filter{margin-left:auto}
.cdp-ui .cdp-workforce-page-v2 .cdp-workforce-stats{
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:12px;
    margin:18px 0;
}
.cdp-ui .cdp-workforce-page-v2 .cdp-workforce-stats>div{
    min-height:92px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:15px 17px;
}
.cdp-ui .cdp-workforce-page-v2 .cdp-workforce-stats strong{font-size:24px;line-height:1.1}
.cdp-ui .cdp-workforce-bulk{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px;
    margin:0 0 20px;
}
.cdp-ui .cdp-workforce-bulk form{margin:0}
.cdp-ui .cdp-workforce-bulk .cdp-btn{min-height:43px;margin:0}
.cdp-ui .cdp-workforce-table-panel{overflow:visible}
.cdp-ui .cdp-workforce-panel-title{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    margin-bottom:14px;
}
.cdp-ui .cdp-workforce-legend{font-size:12px;color:#8c829d;text-align:right}
.cdp-ui .cdp-workforce-page-v2 .cdp-workforce-table{display:grid;gap:8px}
.cdp-ui .cdp-workforce-page-v2 .cdp-workforce-row{
    grid-template-columns:minmax(185px,1.05fr) minmax(165px,.9fr) minmax(310px,1.7fr) minmax(185px,1fr);
    gap:16px;
    align-items:center;
    padding:15px 16px;
    border:1px solid #ebe6f3;
    border-radius:13px;
    background:#fff;
}
.cdp-ui .cdp-workforce-page-v2 .cdp-workforce-row.cdp-workforce-head{
    padding:10px 16px;
    background:#f7f5fb;
    color:#75698d;
    border-color:#ebe6f3;
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.02em;
}
.cdp-ui .cdp-workforce-page-v2 .cdp-workforce-row>div{min-width:0}
.cdp-ui .cdp-workforce-person strong{display:block;color:#382b68;font-size:14px}
.cdp-ui .cdp-workforce-person small,
.cdp-ui .cdp-workforce-state small,
.cdp-ui .cdp-workforce-hours small{display:block;margin-top:4px;line-height:1.35;color:#8b819d}
.cdp-ui .cdp-workforce-state{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.cdp-ui .cdp-workforce-state .cdp-status-pill{margin-bottom:2px}
.cdp-ui .cdp-state-note{font-weight:650;color:#7b64c5!important}
.cdp-ui .cdp-bank-compact{color:#6651b5!important}
.cdp-ui .cdp-workforce-hours{display:grid;gap:3px}
.cdp-ui .cdp-time-line{display:flex;align-items:baseline;gap:8px;min-width:0}
.cdp-ui .cdp-time-line>span{flex:0 0 52px;font-size:11px;font-weight:650;text-transform:uppercase;color:#9186a4}
.cdp-ui .cdp-time-line>strong{font-size:14px;color:#443675;white-space:normal}
.cdp-ui .cdp-time-line-actual{margin-top:5px}
.cdp-ui .cdp-workforce-page-v2 .cdp-workforce-actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-start;
    gap:7px;
}
.cdp-ui .cdp-workforce-page-v2 .cdp-workforce-actions form{margin:0}
.cdp-ui .cdp-workforce-page-v2 .cdp-workforce-actions .cdp-btn{
    min-height:36px;
    padding:8px 12px;
    white-space:nowrap;
    margin:0;
}
.cdp-ui .cdp-btn-quiet{
    background:transparent!important;
    border-color:transparent!important;
    color:#6e5cb5!important;
    box-shadow:none!important;
}
.cdp-ui .cdp-btn-quiet:hover{background:#f5f2fb!important;border-color:#e7e0f3!important;transform:none!important}
.cdp-ui .cdp-workforce-actions details{position:relative;margin:0}
.cdp-ui .cdp-workforce-actions details>summary{list-style:none}
.cdp-ui .cdp-workforce-actions details>summary::-webkit-details-marker{display:none}
.cdp-ui .cdp-workforce-page-v2 .cdp-pop-form{
    top:calc(100% + 7px);
    right:0;
    width:320px;
    max-width:calc(100vw - 40px);
    z-index:60;
}
.cdp-ui .cdp-workforce-error{margin-bottom:16px}
.cdp-ui .cdp-workforce-error span{max-width:900px}
.cdp-ui .cdp-workforce-page-v2 .cdp-status-medical,
.cdp-ui .cdp-workforce-page-v2 .cdp-status-unexcused_absence,
.cdp-ui .cdp-workforce-page-v2 .cdp-status-absent{background:#fff0f1;color:#a34452}
.cdp-ui .cdp-workforce-page-v2 .cdp-status-unpaid_leave{background:#fff7e8;color:#8a641d}
.cdp-ui .cdp-workforce-page-v2 .cdp-status-suspended{background:#f4f4f7;color:#5f5f68}

@media(max-width:1250px){
    .cdp-ui .cdp-workforce-page-v2 .cdp-workforce-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
    .cdp-ui .cdp-workforce-page-v2 .cdp-workforce-row{
        grid-template-columns:minmax(180px,1fr) minmax(150px,.8fr) minmax(260px,1.45fr) minmax(165px,.9fr);
        gap:12px;
    }
}
@media(max-width:980px){
    .cdp-ui .cdp-workforce-page-v2 .cdp-workforce-row{grid-template-columns:1fr 1fr;gap:14px 20px;padding:16px}
    .cdp-ui .cdp-workforce-page-v2 .cdp-workforce-row.cdp-workforce-head{display:none}
    .cdp-ui .cdp-workforce-page-v2 .cdp-workforce-row>div::before{
        content:attr(data-label);
        display:block;
        margin-bottom:6px;
        font-size:10px;
        font-weight:700;
        letter-spacing:.03em;
        text-transform:uppercase;
        color:#a197b1;
    }
    .cdp-ui .cdp-workforce-page-v2 .cdp-workforce-actions{justify-content:flex-start}
    .cdp-ui .cdp-workforce-panel-title{align-items:flex-start}
    .cdp-ui .cdp-workforce-legend{max-width:260px}
}
@media(max-width:760px){
    .cdp-ui .cdp-workforce-page-v2 .cdp-workforce-heading{align-items:stretch}
    .cdp-ui .cdp-workforce-page-v2 .cdp-workforce-date-filter{margin-left:0;width:100%}
    .cdp-ui .cdp-workforce-page-v2 .cdp-workforce-stats{grid-template-columns:1fr 1fr}
    .cdp-ui .cdp-workforce-page-v2 .cdp-workforce-stats>div{min-height:78px;padding:13px}
    .cdp-ui .cdp-workforce-page-v2 .cdp-workforce-row{grid-template-columns:1fr;gap:12px;padding:15px}
    .cdp-ui .cdp-workforce-page-v2 .cdp-workforce-row>div{padding-bottom:10px;border-bottom:1px solid #f0edf5}
    .cdp-ui .cdp-workforce-page-v2 .cdp-workforce-row>div:last-child{padding-bottom:0;border-bottom:0}
    .cdp-ui .cdp-workforce-panel-title{display:block}
    .cdp-ui .cdp-workforce-legend{display:block;text-align:left;margin-top:8px;max-width:none}
    .cdp-ui .cdp-workforce-bulk{display:grid;grid-template-columns:1fr}
    .cdp-ui .cdp-workforce-bulk form,.cdp-ui .cdp-workforce-bulk .cdp-btn{width:100%}
    .cdp-ui .cdp-workforce-page-v2 .cdp-workforce-actions .cdp-btn{min-height:40px}
    .cdp-ui .cdp-workforce-page-v2 .cdp-pop-form{
        position:fixed;
        left:12px;
        right:12px;
        bottom:12px;
        top:auto;
        width:auto;
        max-width:none;
        max-height:78vh;
        overflow:auto;
    }
}
@media(max-width:420px){
    .cdp-ui .cdp-workforce-page-v2 .cdp-workforce-stats{grid-template-columns:1fr 1fr}
    .cdp-ui .cdp-workforce-page-v2 .cdp-workforce-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
    .cdp-ui .cdp-workforce-page-v2 .cdp-workforce-actions>form,
    .cdp-ui .cdp-workforce-page-v2 .cdp-workforce-actions>details{width:100%}
    .cdp-ui .cdp-workforce-page-v2 .cdp-workforce-actions .cdp-btn{width:100%;justify-content:center}
}

/* 1.7.12: selector options use the portal purple instead of the browser grey where supported. */
.cdp-ui select option:checked{background:#6648cd linear-gradient(0deg,#6648cd 0%,#6648cd 100%);color:#fff}
.cdp-ui select option:hover,.cdp-ui select option:focus{background:#eee9ff linear-gradient(0deg,#eee9ff 0%,#eee9ff 100%);color:#3f2d7d}
/* v1.7.30 — administrator notifications and guided employee import. */
.cdp-ui.cdp-control .cdp-metric-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
.cdp-ui .cdp-control-nav .cdp-notification-count { display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;margin-left:5px;border-radius:12px;background:#6648CD;color:#fff;font-size:11px;vertical-align:middle; }
.cdp-ui .cdp-platform-notification-list { display:grid;gap:12px; }
.cdp-ui .cdp-platform-notification { display:flex;align-items:flex-start;gap:14px;padding:18px;border:1px solid #E8E1F8;border-radius:16px;background:#fff;min-width:0; }
.cdp-ui .cdp-platform-notification.is-unread { border-color:#CFC0F5;background:#FAF8FF; }
.cdp-ui .cdp-platform-notification .cdp-event-icon { flex:0 0 40px;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#EEE7FB;color:#6648CD; }
.cdp-ui .cdp-platform-notification-content { flex:1;min-width:0;overflow-wrap:anywhere; }
.cdp-ui .cdp-platform-notification-title { display:flex;align-items:flex-start;justify-content:space-between;gap:16px; }
.cdp-ui .cdp-platform-notification-title h3 { margin:0;color:#48397C;font-size:16px;line-height:1.5; }
.cdp-ui .cdp-platform-notification-title time { flex:0 0 auto;font-size:12px;color:#887AA8; }
.cdp-ui .cdp-platform-notification-company { margin:4px 0 9px;font-size:13px;color:#736292; }
.cdp-ui .cdp-platform-notification-message { margin:10px 0;font-size:13px;line-height:1.8;color:#48397C; }
.cdp-ui .cdp-platform-notification details>summary { cursor:pointer;color:#6648CD;font-size:13px;font-weight:600; }
.cdp-ui .cdp-platform-notification .cdp-actions { margin-top:12px;flex-wrap:wrap;gap:8px; }
.cdp-ui .cdp-platform-notification .cdp-actions form { margin:0; }
.cdp-ui .cdp-email-status { display:inline-flex;align-items:center;padding:4px 9px;border-radius:8px;background:#F0EBFA;color:#6648CD;font-size:11px;font-weight:600; }
.cdp-ui .cdp-email-status.is-sent { background:#E7F5EC;color:#246346; }
.cdp-ui .cdp-email-status.is-failed { background:#FFF0F1;color:#A63449; }
.cdp-ui .cdp-email-status.is-skipped { background:#F0EDF5;color:#73658C; }
.cdp-ui .cdp-notification-recipient { margin-left:8px;color:#887AA8;font-size:11px; }
.cdp-ui .cdp-email-error { color:#A63449;font-size:12px;margin:8px 0; }
.cdp-ui .cdp-notification-pagination { align-items:center;justify-content:center;margin:18px 0;gap:16px;flex-wrap:wrap; }
.cdp-import-template-button { display:inline-flex!important;align-items:center!important;justify-content:center;gap:9px;flex:0 0 auto; }
.cdp-import-template-button svg { width:20px;height:20px;flex:0 0 20px; }
.cdp-import-guidance { margin:0 0 22px;padding:16px 20px;border:1px solid #E7DEF6;border-radius:14px;background:#FAF8FE;color:#48397C; }
.cdp-import-guidance p { margin:5px 0;font-size:13px;line-height:1.7; }
.cdp-import-form>small { overflow-wrap:anywhere;align-self:center; }
@media(max-width:1100px) {
    .cdp-ui.cdp-control .cdp-metric-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:700px) {
    .cdp-ui.cdp-control .cdp-metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .cdp-ui .cdp-platform-notification { padding:14px;gap:10px; }
    .cdp-ui .cdp-platform-notification-title { flex-direction:column;gap:4px; }
    .cdp-ui .cdp-platform-notification .cdp-event-icon { width:32px;height:32px;flex-basis:32px; }
    .cdp-ui .cdp-platform-notification .cdp-actions { align-items:stretch; }
    .cdp-ui .cdp-platform-notification .cdp-actions form { flex:1 1 100%; }
    .cdp-ui .cdp-platform-notification .cdp-actions form button { width:100%; }
    .cdp-ui .cdp-notification-recipient { display:block;margin:6px 0 0; }
    .cdp-data-tools .cdp-section-head { flex-wrap:wrap;gap:15px; }
    .cdp-import-template-button { width:100%; }
    .cdp-import-guidance { padding:12px 14px; }
}

/* Separate downloads for each attendance document. */
.cdp-ui .cdp-report-download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cdp-ui .cdp-report-download-card{display:flex;flex-direction:column;min-width:0;margin:0;padding:20px;border:1px solid #e9e2f3;border-radius:14px;background:#faf8ff}
.cdp-ui .cdp-report-download-card h3{margin:0 0 8px;color:#49367d;font-size:16px;line-height:1.4}
.cdp-ui .cdp-report-download-card>p{margin:0 0 20px;color:#847691;font-size:13px;line-height:1.65;flex:1}
.cdp-ui .cdp-report-download-card .cdp-report-export-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}
.cdp-ui .cdp-report-download-card .cdp-btn{width:100%;min-width:0;min-height:44px;padding:10px 8px;font-size:13px;white-space:normal}
.cdp-ui .cdp-report-download-card .cdp-report-print{grid-column:1/-1;font-size:12px}
.cdp-ui .cdp-report-bundle{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px 0 0;padding:18px 0 0;border-top:1px solid #ece6f5}
.cdp-ui .cdp-report-bundle p{margin:0;color:#49367d;font-size:14px;line-height:1.6;min-width:0}
.cdp-ui .cdp-report-bundle p span{display:block;margin-top:4px;color:#847691;font-size:12px}
.cdp-ui .cdp-report-bundle .cdp-btn{flex-shrink:0;min-height:46px;display:flex;align-items:center;justify-content:center;gap:8px;white-space:normal}
.cdp-ui .cdp-report-bundle .cdp-btn svg{width:17px;height:17px;flex-shrink:0}
@media(max-width:980px){.cdp-ui .cdp-report-download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cdp-ui .cdp-report-bundle{flex-wrap:wrap}}
@media(max-width:680px){.cdp-ui .cdp-report-download-grid{grid-template-columns:minmax(0,1fr)}.cdp-ui .cdp-report-download-panel{padding:18px 14px}.cdp-ui .cdp-report-download-card{padding:18px}.cdp-ui .cdp-report-bundle{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.cdp-ui .cdp-report-bundle .cdp-btn{width:100%;font-size:13px}}
@media print{.cdp-ui .cdp-report-download-panel{display:none!important}}
