:root{--cwp-red:#cc1818;--cwp-black:#171b21;--cwp-dark:#222831;--cwp-gray:#f3f4f6;--cwp-border:#e0e3e7;--cwp-text:#20242a;--cwp-muted:#68707b;--cwp-white:#fff}
body.toplevel_page_cwp-projectbeheer #wpcontent{padding-left:0}.cwp-wrap{display:flex;min-height:calc(100vh - 32px);margin-left:-20px;background:#f6f7f8;color:var(--cwp-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.cwp-sidebar{width:230px;background:linear-gradient(180deg,#171b21,#252b33);color:#fff;padding:18px 0;position:sticky;top:32px;height:calc(100vh - 32px);box-sizing:border-box}.cwp-brand{display:flex;align-items:center;gap:10px;padding:0 18px 18px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:12px}.cwp-brand .dashicons{font-size:30px;width:30px;height:30px;color:var(--cwp-red)}.cwp-brand small{margin-left:auto;background:#343a43;border-radius:5px;padding:4px 6px}.cwp-side{display:flex;width:100%;box-sizing:border-box;align-items:center;gap:10px;padding:11px 18px;border:0;background:none;color:#e8e8e8;text-decoration:none;text-align:left;cursor:pointer}.cwp-side:hover,.cwp-side.active{background:rgba(204,24,24,.18);color:#fff;border-left:3px solid var(--cwp-red);padding-left:15px}.cwp-main{flex:1;padding:22px;min-width:0}.cwp-topbar{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.cwp-topbar label{display:block;font-size:12px;color:var(--cwp-muted);margin-bottom:5px}.cwp-topbar select{min-width:280px;border:1px solid var(--cwp-border);border-radius:8px;padding:8px 34px 8px 12px;background:#fff}.cwp-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.cwp-eyebrow{font-size:12px;color:var(--cwp-muted);text-transform:uppercase;letter-spacing:.05em}.cwp-hero h1{font-size:30px;margin:5px 0}.cwp-meta{display:flex;gap:18px;align-items:center;color:var(--cwp-muted)}.cwp-dot{width:10px;height:10px;border-radius:50%;background:#24a148;display:inline-block}.cwp-project-card{background:#fff;border:1px solid var(--cwp-border);border-radius:12px;padding:15px;min-width:290px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.cwp-project-card h3{margin:0 0 10px}.cwp-project-card p{display:grid;grid-template-columns:90px 1fr;margin:8px 0;font-size:13px}.cwp-tabs{margin:22px 0 14px;border-bottom:1px solid var(--cwp-border)}.cwp-tabs a{display:inline-block;padding:11px 15px;color:#4d5560;text-decoration:none}.cwp-tabs a.active{font-weight:700;color:var(--cwp-red);border-bottom:3px solid var(--cwp-red)}.cwp-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.cwp-card{background:#fff;border:1px solid var(--cwp-border);border-radius:12px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.cwp-wide{min-width:0}.cwp-right{display:flex;flex-direction:column;gap:16px}.cwp-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.cwp-card h2,.cwp-card h3{margin:0}.cwp-card p{color:var(--cwp-muted);margin:4px 0}.cwp-btn{background:var(--cwp-red);border:0;color:#fff;padding:10px 15px;border-radius:8px;font-weight:700;cursor:pointer}.cwp-btn:hover{background:#aa1010;color:#fff}.cwp-btn-light{background:#fff;color:var(--cwp-black);border:1px solid var(--cwp-border)}.cwp-link{background:none;border:0;color:var(--cwp-red);cursor:pointer;font-weight:600}.cwp-filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.cwp-filter{border:1px solid var(--cwp-border);background:#fafafa;border-radius:8px;padding:7px 11px;cursor:pointer}.cwp-filter.active{background:var(--cwp-red);border-color:var(--cwp-red);color:#fff}.cwp-statusfilters{align-items:center}.cwp-statusfilters input{margin-left:auto;min-width:190px;border:1px solid var(--cwp-border);border-radius:8px;padding:7px 10px}.cwp-tablewrap{overflow:auto;margin-top:12px}.cwp-table{width:100%;border-collapse:collapse}.cwp-table th{font-size:12px;text-align:left;background:#f4f5f6;padding:10px;border-bottom:1px solid var(--cwp-border)}.cwp-table td{padding:10px;border-bottom:1px solid #eceff1;vertical-align:top}.cwp-table td small{display:block;color:var(--cwp-muted);margin-top:4px;max-width:330px}.cwp-status{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}.cwp-status.nog_starten{background:#eceff2;color:#4d5560}.cwp-status.bezig{background:#fde6e6;color:#a10f0f}.cwp-status.wacht{background:#f1f1f1;color:#5b5b5b;border:1px solid #d9d9d9}.cwp-status.gereed{background:#e2f4e8;color:#1d6f3a}.cwp-icon{border:0;background:none;cursor:pointer;font-size:16px}.cwp-icon.danger{color:var(--cwp-red)}.cwp-person,.cwp-listrow{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eee}.cwp-person>div,.cwp-listrow>div{flex:1}.cwp-person small,.cwp-listrow small,.cwp-note small{display:block;color:var(--cwp-muted);margin-top:2px}.cwp-avatar{width:34px;height:34px;border-radius:50%;background:var(--cwp-black);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700}.cwp-note{padding:10px;background:#f7f7f7;border-left:3px solid var(--cwp-red);margin-top:8px}.cwp-empty,.cwp-emptyrow{text-align:center;padding:50px;color:var(--cwp-muted)}.cwp-modal{position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:99999;display:none;align-items:center;justify-content:center;padding:20px}.cwp-modal.open{display:flex}.cwp-modal-box{background:#fff;border-radius:14px;width:min(760px,95vw);max-height:90vh;overflow:auto;padding:24px;position:relative;box-shadow:0 25px 80px rgba(0,0,0,.25)}.cwp-close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:28px;cursor:pointer}.cwp-form label{display:block;font-weight:600;margin:12px 0 5px}.cwp-form input,.cwp-form select,.cwp-form textarea{width:100%;box-sizing:border-box;border:1px solid #d8dde2;border-radius:8px;padding:9px 10px}.cwp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cwp-form-actions{display:flex;justify-content:flex-end;margin-top:18px}.cwp-hidden{display:none!important}@media(max-width:1100px){.cwp-grid{grid-template-columns:1fr}.cwp-right{display:grid;grid-template-columns:1fr 1fr}.cwp-sidebar{width:190px}.cwp-project-card{display:none}}@media(max-width:782px){.cwp-wrap{margin-left:-10px}.cwp-sidebar{display:none}.cwp-main{padding:12px}.cwp-hero,.cwp-topbar{display:block}.cwp-topbar .cwp-btn{margin-top:10px}.cwp-meta{flex-wrap:wrap}.cwp-right{grid-template-columns:1fr}.cwp-form-grid{grid-template-columns:1fr}.cwp-statusfilters input{margin-left:0;width:100%}}

/* Front-end beta page */
.cwp-frontend{margin-left:0;min-height:75vh;border:1px solid var(--cwp-border);border-radius:14px;overflow:hidden}
.cwp-frontend .cwp-sidebar{top:0;height:auto;min-height:100%;position:relative}
.cwp-frontend .cwp-main{padding:22px}
.cwp-frontend .cwp-brand small{background:var(--cwp-red);color:#fff;font-weight:800;letter-spacing:.08em}
.cwp-beta-access{max-width:760px;margin:30px auto;padding:22px;border-left:4px solid #cc1818;background:#f3f4f6;color:#171b21}
@media(max-width:782px){.cwp-frontend{margin-left:0}.cwp-frontend .cwp-main{padding:12px}}


/* Volledige breedte voor uitsluitend de Workflow Projectbeheer Beta-pagina */
body.cwp-beta-fullwidth-page .site-content,
body.cwp-beta-fullwidth-page #content,
body.cwp-beta-fullwidth-page .content-area,
body.cwp-beta-fullwidth-page .site-main,
body.cwp-beta-fullwidth-page main#primary,
body.cwp-beta-fullwidth-page .entry-content,
body.cwp-beta-fullwidth-page .container,
body.cwp-beta-fullwidth-page .site-container,
body.cwp-beta-fullwidth-page .content-container {
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
}
body.cwp-beta-fullwidth-page #secondary,
body.cwp-beta-fullwidth-page .sidebar,
body.cwp-beta-fullwidth-page .widget-area,
body.cwp-beta-fullwidth-page aside#secondary,
body.cwp-beta-fullwidth-page .right-sidebar,
body.cwp-beta-fullwidth-page .sidebar-right {
    display:none !important;
}
body.cwp-beta-fullwidth-page .entry-header,
body.cwp-beta-fullwidth-page .page-header {
    display:none !important;
}
.cwp-beta-page-shell{width:100%;max-width:none;margin:0;padding:0}
body.cwp-beta-fullwidth-page .cwp-frontend{border-radius:0;border-left:0;border-right:0;max-width:none;width:100%;box-sizing:border-box}

/* v1.0.3 beta - contrast/readability fix */
.cwp-frontend,
.cwp-frontend .cwp-card,
.cwp-frontend .cwp-table,
.cwp-frontend .cwp-table td,
.cwp-frontend .cwp-table th,
.cwp-frontend input,
.cwp-frontend select,
.cwp-frontend textarea {
    color:#1f1f1f !important;
}
.cwp-frontend .cwp-table th {
    background:#f3f3f3 !important;
    color:#2b2b2b !important;
    font-weight:700 !important;
    border-bottom:1px solid #cfcfcf !important;
}
.cwp-frontend .cwp-table td {
    color:#1f1f1f !important;
    border-bottom:1px solid #d9d9d9 !important;
}
.cwp-frontend .cwp-table td small,
.cwp-frontend .cwp-card p,
.cwp-frontend .cwp-muted,
.cwp-frontend small {
    color:#555 !important;
}
.cwp-frontend input,
.cwp-frontend select,
.cwp-frontend textarea {
    background:#fff !important;
    border-color:#c8c8c8 !important;
}
.cwp-frontend input::placeholder,
.cwp-frontend textarea::placeholder {
    color:#737373 !important;
    opacity:1 !important;
}
.cwp-frontend .cwp-icon,
.cwp-frontend .dashicons {
    color:#242424;
}
.cwp-frontend .cwp-icon.danger,
.cwp-frontend .cwp-icon.danger .dashicons {
    color:#cc1818 !important;
}
.cwp-frontend .cwp-status.bezig {
    background:#fde8e8 !important;
    color:#a91010 !important;
}
.cwp-frontend .cwp-status.nog_starten {
    background:#e9ecef !important;
    color:#343a40 !important;
}
.cwp-frontend .cwp-status.wacht {
    background:#f2f2f2 !important;
    color:#444 !important;
    border-color:#cfcfcf !important;
}
.cwp-frontend .cwp-status.gereed {
    background:#dff3e5 !important;
    color:#176b37 !important;
}

/* v1.0.4 beta - compacte werkzaamheden en deelnemerkleuren */
.cwp-more-info{
    display:block;
    margin:5px 0 0;
    padding:0;
    border:0;
    background:transparent;
    color:#cc1818;
    font-size:12px;
    font-weight:700;
    cursor:pointer;
    text-align:left;
}
.cwp-more-info:hover{text-decoration:underline;color:#9f1010}
.cwp-work-info{
    white-space:pre-wrap;
    line-height:1.6;
    color:#2b2b2b;
    background:#f6f6f6;
    border-left:4px solid #cc1818;
    padding:15px 16px;
    margin-top:14px;
    border-radius:6px;
}
.cwp-person-dot{
    width:10px;
    height:10px;
    border-radius:50%;
    display:inline-block;
    flex:0 0 10px;
    margin-right:7px;
    vertical-align:middle;
}
.cwp-person-dot-large{
    width:12px;
    height:12px;
    flex-basis:12px;
    margin-right:2px;
}
.cwp-filter .cwp-person-dot{margin-right:6px}
.cwp-participant-head{
    display:block;
    margin-bottom:6px;
}
.cwp-participant-head h3{
    display:block;
    white-space:nowrap;
    margin:0 0 7px !important;
}
.cwp-participant-head .cwp-link{
    display:block;
    padding:0;
    text-align:left;
}
#cwp-deelnemers .cwp-person{
    align-items:center;
}

/* v1.0.5 beta - extra status Wachten op extern */
.cwp-status.wacht_extern{background:#fff2d6;color:#8a5600;border:1px solid #e6c77a}.cwp-frontend .cwp-status.wacht_extern{background:#fff2d6 !important;color:#8a5600 !important;border-color:#e6c77a !important}

/* v1.0.6 beta - acties uit tabel, inline wijzigen en ruimere laatste update */
.cwp-table .cwp-update-col{min-width:185px;width:185px}
.cwp-table .cwp-last-update{min-width:185px;white-space:nowrap}
.cwp-last-update small{display:block!important;margin-top:4px;color:#555!important;font-weight:500;white-space:normal}
.cwp-inline-edit{
    display:block;
    margin:5px 0 0;
    padding:0;
    border:0;
    background:transparent;
    color:#cc1818;
    font-size:11px;
    line-height:1.25;
    font-weight:700;
    cursor:pointer;
    text-align:left;
}
.cwp-inline-edit:hover{text-decoration:underline;color:#991111}
.cwp-assignee-cell{min-width:150px}
.cwp-assignee-cell .cwp-person-dot{margin-right:7px}
@media(max-width:900px){
  .cwp-table .cwp-update-col,.cwp-table .cwp-last-update{min-width:165px;width:165px}
}

/* v1.0.7 beta - directe wijziging status/persoon en bewerkbare meer-info popup */
.cwp-quick-form select{min-height:44px;font-size:15px}
.cwp-work-info-edit textarea{min-height:150px;resize:vertical}
.cwp-info-actions{justify-content:space-between;gap:12px}
.cwp-info-actions .cwp-btn-light{margin-right:auto}


/* v1.0.8 beta - rustige pastel statussen met gekleurde stip */
.cwp-status{
    display:inline-flex;
    align-items:center;
    gap:7px;
    border:1px solid transparent;
    padding:5px 9px;
    border-radius:999px;
    font-size:12px;
    font-weight:650;
    line-height:1.2;
    box-shadow:none;
}
.cwp-status::before{
    content:"";
    width:8px;
    height:8px;
    flex:0 0 8px;
    border-radius:50%;
    background:#aaa;
}
.cwp-status.nog_starten,
.cwp-frontend .cwp-status.nog_starten{
    background:#f4f5f6 !important;
    color:#555d66 !important;
    border-color:#e5e7e9 !important;
}
.cwp-status.nog_starten::before{background:#aeb4ba}

.cwp-status.bezig,
.cwp-frontend .cwp-status.bezig{
    background:#fdf1f1 !important;
    color:#765252 !important;
    border-color:#f2dada !important;
}
.cwp-status.bezig::before{background:#dfa0a0}

.cwp-status.wacht,
.cwp-frontend .cwp-status.wacht{
    background:#fff8e9 !important;
    color:#75633f !important;
    border-color:#f2e4bf !important;
}
.cwp-status.wacht::before{background:#dfbf73}

.cwp-status.wacht_extern,
.cwp-frontend .cwp-status.wacht_extern{
    background:#f6f2fb !important;
    color:#655a73 !important;
    border-color:#e5daf1 !important;
}
.cwp-status.wacht_extern::before{background:#b6a0ce}

.cwp-status.gereed,
.cwp-frontend .cwp-status.gereed{
    background:#f0f8f2 !important;
    color:#506957 !important;
    border-color:#d9eadc !important;
}
.cwp-status.gereed::before{background:#94bd9f}

/* Ook de statusfilters rustig houden en dezelfde statuskleur laten herkennen. */
.cwp-statusfilters .cwp-filter[data-status]{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#51565c;
    border-color:#e1e3e5;
    box-shadow:none;
}
.cwp-statusfilters .cwp-filter[data-status]::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    flex:0 0 8px;
    background:#aaa;
}
.cwp-statusfilters .cwp-filter[data-status="nog_starten"]{background:#f4f5f6}
.cwp-statusfilters .cwp-filter[data-status="nog_starten"]::before{background:#aeb4ba}
.cwp-statusfilters .cwp-filter[data-status="bezig"]{background:#fdf1f1}
.cwp-statusfilters .cwp-filter[data-status="bezig"]::before{background:#dfa0a0}
.cwp-statusfilters .cwp-filter[data-status="wacht"]{background:#fff8e9}
.cwp-statusfilters .cwp-filter[data-status="wacht"]::before{background:#dfbf73}
.cwp-statusfilters .cwp-filter[data-status="wacht_extern"]{background:#f6f2fb}
.cwp-statusfilters .cwp-filter[data-status="wacht_extern"]::before{background:#b6a0ce}
.cwp-statusfilters .cwp-filter[data-status="gereed"]{background:#f0f8f2}
.cwp-statusfilters .cwp-filter[data-status="gereed"]::before{background:#94bd9f}
.cwp-statusfilters .cwp-filter[data-status].active{
    color:#34383d;
    border-color:#b9bec4;
    box-shadow:0 0 0 1px rgba(0,0,0,.04);
}


/* v1.0.10 beta - Wie is aan zet vóór Werkzaamheid; werkzaamhedenkolom breed */
.cwp-table th:nth-child(1),
.cwp-table td:nth-child(1){
    width:42px;
    min-width:42px;
}
.cwp-table th:nth-child(2),
.cwp-table td:nth-child(2){
    min-width:155px;
    width:18%;
}
.cwp-table th:nth-child(3),
.cwp-table td:nth-child(3){
    width:38%;
    min-width:330px;
}
.cwp-work-cell{
    padding-right:18px !important;
}
.cwp-work-title{
    display:block;
    color:#222;
    font-size:14px;
    line-height:1.35;
    margin-bottom:4px;
}
.cwp-work-preview{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    line-clamp:2;
    overflow:hidden;
    color:#5b6168;
    font-size:12px;
    line-height:1.45;
    max-height:2.9em;
    width:100%;
    max-width:100%;
    white-space:normal;
    overflow-wrap:anywhere;
    word-break:break-word;
}
.cwp-work-cell .cwp-more-info{
    margin-top:4px;
}
.cwp-table th:nth-child(4),
.cwp-table td:nth-child(4){min-width:135px}
.cwp-table th:nth-child(5),
.cwp-table td:nth-child(5){min-width:125px}
@media(max-width:900px){
    .cwp-table th:nth-child(3),
    .cwp-table td:nth-child(3){min-width:280px}
}

/* v1.0.12 beta - compacte dropdowns + Lees meer binnen de 2-regelige samenvatting */
.cwp-work-snippet{
    position:relative;
    min-height:2.9em;
    max-height:2.9em;
    overflow:hidden;
    padding-right:66px;
}
.cwp-work-snippet .cwp-work-preview{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    line-clamp:2;
    overflow:hidden;
    max-height:2.9em;
    margin:0;
}
.cwp-work-snippet .cwp-more-info{
    position:absolute;
    right:0;
    bottom:0;
    display:inline-block;
    margin:0;
    padding:0 0 0 10px;
    line-height:1.45;
    background:#fff;
    color:#cc1818;
    font-size:12px;
    font-weight:700;
    white-space:nowrap;
    z-index:2;
}
.cwp-frontend .cwp-work-snippet .cwp-more-info{
    background:#fff !important;
}
.cwp-quick-popover{
    position:fixed;
    z-index:100000;
    width:220px;
    max-width:calc(100vw - 24px);
    padding:8px;
    background:#fff;
    border:1px solid #d8dde2;
    border-radius:9px;
    box-shadow:0 8px 24px rgba(0,0,0,.16);
}
.cwp-quick-popover select{
    width:100%;
    margin:0;
    min-height:36px;
    border:1px solid #c8c8c8;
    border-radius:7px;
    background:#fff;
    color:#1f1f1f;
    font-size:13px;
}

/* v1.0.13 beta - statuslabels altijd op één regel */
.cwp-status{
    white-space:nowrap;
    flex-wrap:nowrap;
    max-width:none;
}
.cwp-table th:nth-child(4),
.cwp-table td:nth-child(4){
    min-width:165px;
    white-space:nowrap;
}
.cwp-statusfilters .cwp-filter[data-status]{
    white-space:nowrap;
}


/* v1.0.14 beta - titel + omschrijving samen maximaal twee regels */
.cwp-work-cell .cwp-work-snippet{
    position:relative;
    height:2.9em;
    min-height:2.9em;
    max-height:2.9em;
    overflow:hidden;
    padding-right:0;
    line-height:1.45;
}
.cwp-work-cell .cwp-work-preview{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    line-clamp:2;
    overflow:hidden;
    height:2.9em;
    max-height:2.9em;
    margin:0;
    padding-right:72px;
    line-height:1.45;
    white-space:normal;
}
.cwp-work-cell .cwp-work-title{
    display:inline;
    margin:0;
    font-weight:700;
}
.cwp-work-cell .cwp-work-description{
    display:inline;
    color:#555;
    font-weight:400;
}
.cwp-work-cell .cwp-more-info{
    position:absolute;
    right:0;
    bottom:0;
    margin:0;
    padding-left:8px;
    line-height:1.45;
    background:#fff;
    color:#cc1818;
    font-size:12px;
    font-weight:700;
    white-space:nowrap;
    z-index:3;
}


/* v1.0.16 beta - verwerkingsmelding tijdens opslaan */
.cwp-processing{
    position:fixed;
    left:50%;
    bottom:28px;
    transform:translate(-50%,18px);
    z-index:100001;
    min-width:250px;
    max-width:calc(100vw - 32px);
    padding:13px 18px 11px;
    background:#fff;
    border:2px solid #cc1818;
    border-radius:10px;
    box-shadow:0 12px 34px rgba(0,0,0,.22);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .15s ease, transform .15s ease, visibility .15s ease;
}
.cwp-processing.show{
    opacity:1;
    visibility:visible;
    transform:translate(-50%,0);
}
.cwp-processing-text{
    color:#a70f0f;
    font-size:14px;
    font-weight:700;
    text-align:center;
    margin-bottom:8px;
}
.cwp-processing-wave{
    position:relative;
    height:5px;
    overflow:hidden;
    border-radius:999px;
    background:#f6dada;
}
.cwp-processing-wave span{
    position:absolute;
    top:0;
    left:-45%;
    width:45%;
    height:100%;
    border-radius:999px;
    background:#cc1818;
    animation:cwp-processing-wave 1s ease-in-out infinite;
}
@keyframes cwp-processing-wave{
    0%{left:-45%; width:35%;}
    50%{width:55%;}
    100%{left:100%; width:35%;}
}
.cwp-form button[disabled],
.cwp-quick-popover select[disabled]{
    opacity:.65;
    cursor:wait;
}


/* v1.0.17 beta - directe keuzelijst voor status en wie-is-aan-zet */
.cwp-quick-popover.cwp-quick-choice-list{
    width:auto;
    min-width:220px;
    max-width:min(290px,calc(100vw - 24px));
    padding:6px;
}
.cwp-quick-choice{
    width:100%;
    min-height:36px;
    display:flex;
    align-items:center;
    gap:8px;
    padding:7px 9px;
    margin:0;
    border:0;
    border-radius:7px;
    background:#fff;
    color:#202124;
    text-align:left;
    font-size:13px;
    line-height:1.25;
    cursor:pointer;
    white-space:nowrap;
}
.cwp-quick-choice:hover,.cwp-quick-choice:focus{background:#f4f5f6;outline:none}
.cwp-quick-choice.is-current{font-weight:700;background:#f8f8f8}
.cwp-quick-choice:disabled{cursor:wait;opacity:.65}
.cwp-quick-choice-dot{width:9px;height:9px;border-radius:50%;background:#b7bdc3;flex:0 0 9px}
.cwp-quick-choice-label{flex:1;overflow:hidden;text-overflow:ellipsis}
.cwp-quick-choice-check{margin-left:auto;color:#cc1818;font-weight:800}
.cwp-choice-status.status-nog_starten .cwp-quick-choice-dot{background:#aeb4ba}
.cwp-choice-status.status-bezig .cwp-quick-choice-dot{background:#dfa0a0}
.cwp-choice-status.status-wacht .cwp-quick-choice-dot{background:#dfbf73}
.cwp-choice-status.status-wacht_extern .cwp-quick-choice-dot{background:#b6a0ce}
.cwp-choice-status.status-gereed .cwp-quick-choice-dot{background:#94bd9f}
.cwp-choice-status.status-nog_starten{background:#f4f5f6}
.cwp-choice-status.status-bezig{background:#fdf1f1}
.cwp-choice-status.status-wacht{background:#fff8e9}
.cwp-choice-status.status-wacht_extern{background:#f6f2fb}
.cwp-choice-status.status-gereed{background:#f0f8f2}

/* v1.0.18 beta - gekoppelde projecttabs */
.cwp-view-panel{display:none}
.cwp-view-panel.is-active{display:block}
.cwp-detail-card{margin-top:18px}
.cwp-detail-list{display:grid;gap:8px}
.cwp-person-detail{padding:12px 0;border-bottom:1px solid #ececec}
.cwp-detail-row{padding:12px 0;border-bottom:1px solid #ececec}
.cwp-note-detail{padding:14px 0;border-bottom:1px solid #ececec}
.cwp-muted{color:#666;margin:14px 0}
.cwp-history-details{color:#555;font-size:13px;margin:3px 0 4px}
.cwp-tabs a.active{color:#cc1818;border-bottom-color:#cc1818}
.cwp-side.active{background:#2b2b2b;color:#fff}

/* v1.0.20 - bewerken deelnemersoverzicht */
.cwp-person-detail .cwp-person-main{flex:1;min-width:0}
.cwp-person-detail .cwp-person-actions{margin-left:auto;display:flex;align-items:center;gap:10px}
.cwp-person-detail .cwp-person-actions .cwp-inline-edit{white-space:nowrap}
@media (max-width:700px){.cwp-person-detail{align-items:flex-start}.cwp-person-detail .cwp-person-actions{gap:6px}}


/* v1.0.21 - wijzigknoppen agenda/notities */
.cwp-row-actions{margin-left:auto;display:flex;align-items:center;gap:10px;flex:0 0 auto}
.cwp-note-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}
.cwp-note-foot small{margin:0}
.cwp-note-text{white-space:pre-wrap}
@media (max-width:700px){.cwp-row-actions{gap:6px}.cwp-note-foot{align-items:flex-start;flex-direction:column}}


/* v1.0.23 - rustigere samenvattingskoppen en ALV agenda punten op één regel */
.cwp-right .cwp-card .cwp-card-head,
.cwp-right .cwp-card .cwp-participant-head{
    display:block;
    margin-bottom:8px;
}
.cwp-right .cwp-card h3,
.cwp-right .cwp-card .cwp-participant-head h3{
    font-size:17px;
    line-height:1.25;
    white-space:nowrap;
    margin:0 0 6px !important;
}
.cwp-right .cwp-card .cwp-card-head .cwp-link,
.cwp-right .cwp-card .cwp-participant-head .cwp-link{
    display:block;
    width:auto;
    padding:0;
    margin:0;
    text-align:left;
    font-size:14px;
    line-height:1.3;
}
#cwp-agenda-samenvatting .cwp-card-head h3{
    white-space:nowrap;
}
@media (max-width:900px){
    .cwp-right .cwp-card h3,
    .cwp-right .cwp-card .cwp-participant-head h3{
        font-size:16px;
    }
}


/* v1.0.24 - agenda samenvatting: titel op regel 1, datum op regel 2 */
#cwp-agenda-samenvatting .cwp-listrow{
    align-items:flex-start;
}
#cwp-agenda-samenvatting .cwp-listrow > span{
    margin-top:2px;
    flex:0 0 auto;
}
#cwp-agenda-samenvatting .cwp-listrow > div:first-of-type{
    min-width:0;
    flex:1 1 auto;
}
#cwp-agenda-samenvatting .cwp-listrow b{
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height:1.3;
    margin:0 0 4px;
}
#cwp-agenda-samenvatting .cwp-listrow small{
    display:block;
    margin:0;
    line-height:1.3;
}
#cwp-agenda-samenvatting .cwp-row-actions{
    align-self:flex-start;
    padding-top:1px;
}


/* v1.0.25 - ALV-agendapunt samenvatting: titel regel 1, wijzigen regel 2, geen datum */
#cwp-agenda-samenvatting .cwp-agenda-summary-row{align-items:flex-start}
#cwp-agenda-samenvatting .cwp-agenda-summary-main{min-width:0;flex:1 1 auto}
#cwp-agenda-samenvatting .cwp-agenda-summary-main>b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;margin:0}
#cwp-agenda-samenvatting .cwp-agenda-summary-actions{display:flex;justify-content:space-between;align-items:center;margin-top:5px;width:100%;gap:10px}
#cwp-agenda-samenvatting .cwp-agenda-summary-actions .cwp-inline-edit{margin:0}
#cwp-agenda-samenvatting .cwp-agenda-summary-actions .cwp-icon{margin-left:auto;padding:0 2px}


/* v1.0.26 - aandacht na 14 dagen zonder wijziging */
.cwp-attention-dot{
    display:inline-block;
    width:9px;
    height:9px;
    margin-right:7px;
    border-radius:50%;
    background:#cc1818;
    box-shadow:0 0 0 3px rgba(204,24,24,.10);
    vertical-align:1px;
}


/* v1.0.27 - geschiedenis: eerste 10 zichtbaar, oudere wijzigingen inklapbaar */
.cwp-history-more{
    margin-top:10px;
    border:1px solid #e1e3e5;
    border-radius:9px;
    background:#fafafa;
    overflow:hidden;
}
.cwp-history-more > summary{
    cursor:pointer;
    list-style:none;
    padding:11px 13px;
    color:#cc1818;
    font-size:13px;
    font-weight:700;
    user-select:none;
}
.cwp-history-more > summary::-webkit-details-marker{display:none}
.cwp-history-more > summary::after{
    content:"▾";
    float:right;
    color:#666;
    transition:transform .15s ease;
}
.cwp-history-more[open] > summary::after{transform:rotate(180deg)}
.cwp-history-more[open] > summary{border-bottom:1px solid #e1e3e5;background:#fff}
.cwp-history-more-list{padding:0 12px 6px;background:#fff}


/* v1.0.28 beta - verwerkingsmelding midden in beeld */
.cwp-processing{
    left:50% !important;
    top:50% !important;
    bottom:auto !important;
    transform:translate(-50%,-50%) scale(.98) !important;
}
.cwp-processing.show{
    transform:translate(-50%,-50%) scale(1) !important;
}


/* v1.0.29 beta - duimpjes-bubbels tijdens verwerken */
.cwp-processing-wave{
    height:42px !important;
    background:transparent !important;
    overflow:visible !important;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    gap:9px;
    border-radius:0 !important;
}
.cwp-processing-wave span{
    position:static !important;
    width:30px !important;
    height:30px !important;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50% !important;
    background:#fbe8e8 !important;
    border:1px solid #e8bcbc;
    color:#cc1818;
    font-size:16px;
    line-height:1;
    animation:cwp-thumb-bubble 1.15s ease-in-out infinite !important;
    box-shadow:0 2px 7px rgba(0,0,0,.08);
}
.cwp-processing-wave span::before{
    content:"👍";
}
.cwp-processing-wave span:nth-child(2){animation-delay:.14s !important}
.cwp-processing-wave span:nth-child(3){animation-delay:.28s !important}
.cwp-processing-wave span:nth-child(4){animation-delay:.42s !important}
.cwp-processing-wave span:nth-child(5){animation-delay:.56s !important}

@keyframes cwp-thumb-bubble{
    0%,100%{transform:translateY(0) scale(.92);opacity:.45}
    45%{transform:translateY(-10px) scale(1.08);opacity:1}
    70%{transform:translateY(-4px) scale(1);opacity:.8}
}


/* v1.0.30 beta - echte rode duimpjes i.p.v. gele emoji */
.cwp-processing-wave span::before{
    content:"" !important;
    display:block;
    width:16px;
    height:16px;
    background:#cc1818;
    -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M2 21h4V9H2v12zm20-11a2 2 0 0 0-2-2h-6.31l.95-4.57.03-.32a1.5 1.5 0 0 0-.44-1.06L13.17 1 6.59 7.59A2 2 0 0 0 6 9v10a2 2 0 0 0 2 2h8a2 2 0 0 0 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73V10z'/></svg>");
    mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M2 21h4V9H2v12zm20-11a2 2 0 0 0-2-2h-6.31l.95-4.57.03-.32a1.5 1.5 0 0 0-.44-1.06L13.17 1 6.59 7.59A2 2 0 0 0 6 9v10a2 2 0 0 0 2 2h8a2 2 0 0 0 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73V10z'/></svg>");
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-position:center;
    mask-position:center;
    -webkit-mask-size:contain;
    mask-size:contain;
}
.cwp-processing-wave span{
    background:#fff4f4 !important;
    border:1px solid #efc7c7 !important;
}


/* v1.0.32 beta - e-mailinstellingen */
.cwp-mail-settings-grid{display:grid;grid-template-columns:minmax(360px,.8fr) minmax(520px,1.2fr);gap:20px;max-width:1350px;margin-top:18px}
.cwp-mail-card{background:#fff;border:1px solid #dfe2e6;border-radius:12px;padding:22px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.cwp-mail-card h2{margin-top:0}.cwp-mail-label{display:block;font-weight:700;margin:18px 0 6px}.cwp-mail-card .regular-text{width:100%;max-width:none}
.cwp-mail-switch{display:block;margin:22px 0 8px;padding:15px;background:#f7f7f7;border-radius:8px;font-weight:600}.cwp-test-mail-btn{margin-top:4px;background:#cc1818!important;border-color:#cc1818!important}
.cwp-mail-preview{height:690px;overflow:auto;background:#eef0f2;border-radius:10px;padding:12px}.cwp-mail-preview>html,.cwp-mail-preview body{margin:0}
@media(max-width:1050px){.cwp-mail-settings-grid{grid-template-columns:1fr}.cwp-mail-preview{height:600px}}


/* v1.0.33 - e-mailinstellingen zichtbaar vanuit Projectbeheer */
.cwp-top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cwp-btn-mailtest{display:inline-flex;align-items:center;gap:7px;text-decoration:none;background:#cc1818;color:#fff!important}
.cwp-btn-mailtest .dashicons{color:#fff!important}
.cwp-mail-settings-grid{display:grid;grid-template-columns:minmax(360px,.8fr) minmax(460px,1.2fr);gap:20px;max-width:1400px;margin-top:18px}
.cwp-mail-card{background:#fff;border:1px solid #e0e3e7;border-radius:12px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.cwp-mail-card h2{margin-top:0}
.cwp-mail-label{display:block;font-weight:700;margin:17px 0 6px}
.cwp-mail-card .regular-text{width:100%;max-width:none}
.cwp-mail-switch{display:flex;gap:10px;align-items:center;margin:20px 0;padding:14px;background:#f7f7f7;border-radius:9px}
.cwp-test-mail-btn{margin-top:10px;background:#cc1818!important;border-color:#cc1818!important}
.cwp-mail-preview{overflow:auto;max-height:720px;border:1px solid #ececec;border-radius:10px;background:#f4f5f6;padding:10px}
.cwp-mail-preview body{background:transparent!important}
@media(max-width:1000px){.cwp-mail-settings-grid{grid-template-columns:1fr}}


/* v1.0.34 beta - uitnodigen en bevestigen deelnemers */
.cwp-person-pending{
    opacity:.72;
}
.cwp-person-pending b{
    color:#6c737b !important;
}
.cwp-person-pending .cwp-person-dot{
    background:#b8bdc4 !important;
}
.cwp-invite-state{
    color:#8a8f96;
    font-weight:700;
}
.cwp-invite-shell{
    width:100%;
    min-height:70vh;
    display:flex;
    justify-content:center;
    align-items:flex-start;
    padding:34px 16px;
    box-sizing:border-box;
    background:#f3f4f6;
}
.cwp-invite-card{
    width:min(620px,100%);
    background:#fff;
    border:1px solid #e0e3e7;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 14px 45px rgba(0,0,0,.10);
}
.cwp-invite-project{
    padding:25px 28px;
    font-size:25px;
    font-weight:800;
    color:#171b21;
}
.cwp-invite-red{
    padding:22px 28px;
    background:#cc1818;
    color:#fff;
}
.cwp-invite-red h2{
    margin:0 0 5px;
    color:#fff;
    font-size:27px;
}
.cwp-invite-red p{margin:0;color:#fff}
.cwp-invite-body{
    padding:28px;
    color:#2a2f35;
    font-size:16px;
    line-height:1.55;
}
.cwp-invite-form label{
    display:block;
    margin:15px 0 6px;
    font-weight:700;
}
.cwp-invite-form input{
    width:100%;
    box-sizing:border-box;
    border:1px solid #c9ced4;
    border-radius:9px;
    padding:12px 13px;
    font-size:22px;
    letter-spacing:.25em;
    text-align:center;
    background:#fff;
}
.cwp-invite-submit{
    width:100%;
    margin-top:20px;
    border:0;
    border-radius:9px;
    padding:13px 18px;
    background:#cc1818;
    color:#fff;
    font-weight:800;
    font-size:16px;
    cursor:pointer;
}
.cwp-invite-submit:hover{background:#aa1010}
.cwp-invite-expiry{
    margin:18px 0 0;
    color:#747b83;
    font-size:13px;
}
.cwp-invite-success .cwp-invite-body{font-size:17px}


/* v1.0.35 - uitgebreide uitnodigingsmail instellingen */
.cwp-email-titlebar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:18px 0}
.cwp-email-titlebar h1{margin-bottom:4px}.cwp-email-titlebar p{margin:0;color:#66707a}
.cwp-email-test-buttons{display:flex;gap:8px;flex-wrap:wrap}
.cwp-mail-settings-grid-wide{grid-template-columns:minmax(480px,1fr) minmax(420px,.9fr)}
.cwp-mail-card textarea.large-text{width:100%;max-width:100%}
.cwp-mail-card select{min-width:180px}
.cwp-invite-status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}
.cwp-invite-status::before{content:"";width:8px;height:8px;border-radius:50%;background:#aaa}
.cwp-invite-status.active{background:#eef8f0;color:#45644c}.cwp-invite-status.active::before{background:#78b889}
.cwp-invite-status.pending{background:#f2f3f5;color:#69717a}.cwp-invite-status.pending::before{background:#aeb4ba}
.cwp-invite-status.expired{background:#fff0f0;color:#a11}.cwp-invite-status.expired::before{background:#cc1818}
.cwp-invite-preview-card{border:1px solid #e0e3e7;border-radius:12px;overflow:hidden;background:#fff}
.cwp-invite-preview-head{padding:22px 24px;display:flex;flex-direction:column}.cwp-invite-preview-head strong{font-size:24px}.cwp-invite-preview-head small{color:#727980;margin-top:4px}
.cwp-invite-preview-red{padding:20px 24px;background:#cc1818;color:#fff;display:flex;flex-direction:column}.cwp-invite-preview-red strong{font-size:22px}.cwp-invite-preview-red span{margin-top:3px}
.cwp-invite-preview-body{padding:24px;font-size:15px;line-height:1.55}
.cwp-invite-preview-info{background:#f6f7f8;border-radius:9px;padding:13px 15px;margin:16px 0}.cwp-invite-preview-info>div{display:grid;grid-template-columns:145px 1fr;padding:5px 0}.cwp-invite-preview-info .red{color:#cc1818;font-weight:700}
.cwp-preview-button{background:#cc1818;color:#fff;text-align:center;font-weight:800;border-radius:8px;padding:13px 16px;margin-top:20px}
.cwp-preview-note{margin-top:14px;padding:12px 14px;background:#eef6ff;border-radius:8px;color:#38607e;font-size:13px}
@media(max-width:1050px){.cwp-mail-settings-grid-wide{grid-template-columns:1fr}.cwp-email-titlebar{align-items:flex-start;flex-direction:column}}


/* v1.0.37 - afgeschermde deelnemerstoegang */
.cwp-login-shell{
    min-height:70vh;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    padding:38px 16px;
    background:#f3f4f6;
    box-sizing:border-box;
}
.cwp-login-card{
    width:min(520px,100%);
    background:#fff;
    border:1px solid #e0e3e7;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 14px 44px rgba(0,0,0,.11);
}
.cwp-login-title{
    padding:24px 28px;
    font-size:26px;
    font-weight:800;
    color:#171b21;
}
.cwp-login-red{
    padding:22px 28px;
    background:#cc1818;
    color:#fff;
}
.cwp-login-red h2{color:#fff;margin:0 0 5px;font-size:25px}
.cwp-login-red p{margin:0;color:#fff}
.cwp-login-body{padding:28px}
.cwp-login-body label{display:block;font-weight:700;margin:14px 0 6px}
.cwp-login-body input{
    width:100%;box-sizing:border-box;border:1px solid #c9ced4;border-radius:9px;padding:12px 13px;font-size:16px;
}
.cwp-login-body button{
    width:100%;margin-top:20px;border:0;border-radius:9px;padding:13px 18px;background:#cc1818;color:#fff;font-weight:800;font-size:16px;cursor:pointer;
}
.cwp-login-error{background:#fff0f0;color:#9f1111;border-left:4px solid #cc1818;padding:12px 14px;margin-bottom:12px}
.cwp-login-help{color:#6f767e;font-size:13px;line-height:1.5;margin-top:16px}
.cwp-project-readonly{
    min-width:260px;
    background:#fff;
    border:1px solid #e0e3e7;
    border-radius:8px;
    padding:10px 12px;
    font-weight:700;
}
.cwp-participant-view .cwp-top-actions,
.cwp-participant-view .cwp-card-head .cwp-open,
.cwp-participant-view .cwp-participant-head .cwp-open,
.cwp-participant-view .cwp-inline-edit,
.cwp-participant-view .cwp-delete,
.cwp-participant-view .cwp-resend-invite{
    display:none !important;
}
.cwp-participant-view .cwp-card-head{align-items:flex-start}


/* v1.0.39 - e-mailcode login en tijdelijke automatische toegang */
.cwp-login-email-readonly{
    background:#f5f6f7;
    border:1px solid #d8dde2;
    border-radius:9px;
    padding:11px 13px;
    color:#454b52;
}
.cwp-login-body input.cwp-login-code{
    font-size:25px;
    letter-spacing:.32em;
    text-align:center;
    font-weight:800;
}
.cwp-login-resend{margin-top:8px}
.cwp-login-body .cwp-login-linkbutton{
    background:transparent;
    color:#cc1818;
    border:0;
    padding:7px 0;
    margin:0;
    font-size:13px;
    text-decoration:underline;
}


/* v1.0.40 - meerdere projecten per deelnemer */
.cwp-accessible-projects-note{
    margin-left:auto;
    margin-right:12px;
    color:#6a727b;
    font-size:12px;
    line-height:1.35;
    max-width:330px;
    text-align:right;
}
.cwp-participant-view #cwp-project-switch{
    min-width:280px;
}
@media(max-width:800px){
    .cwp-accessible-projects-note{
        margin:8px 0 0;
        text-align:left;
        max-width:none;
    }
}


/* v1.0.41 - duidelijke beheermodus */
.cwp-manager-badge{
    display:block;
    margin-top:4px;
    font-size:10px;
    line-height:1.2;
    font-style:normal;
    font-weight:700;
    color:#ffb8b8;
    text-transform:uppercase;
    letter-spacing:.06em;
}


/* v1.0.84 - deelnemers mogen geen projecten aanmaken.
   De knop blijft zichtbaar zodat bij aanklikken een duidelijke bevoegdheidsmelding verschijnt. */
.cwp-participant-view .cwp-new-project-denied{
    display:flex !important;
}
.cwp-participant-view .cwp-edit-assignee,
.cwp-participant-view .cwp-edit-status,
.cwp-participant-view .cwp-edit-agenda,
.cwp-participant-view .cwp-edit-note{
    display:block !important;
}
.cwp-participant-view [data-modal="agenda"],
.cwp-participant-view [data-modal="note"]{
    display:inline-block !important;
}
/* Deelnemersbeheer en project bewerken blijven beheerderstaken. */
.cwp-participant-view [data-modal="participant"],
.cwp-participant-view [data-modal="participant-edit"],
.cwp-participant-view [data-modal="project-edit"],
.cwp-participant-view .cwp-edit-participant,
.cwp-participant-view .cwp-resend-invite,
.cwp-participant-view .cwp-delete{
    display:none !important;
}


/* v1.0.43 - WordPress beheerder ziet op de webpagina alle beheeropties */
.cwp-frontend:not(.cwp-participant-view) [data-modal="participant"],
.cwp-frontend:not(.cwp-participant-view) [data-modal="participant-edit"],
.cwp-frontend:not(.cwp-participant-view) [data-modal="project"],
.cwp-frontend:not(.cwp-participant-view) [data-modal="project-edit"],
.cwp-frontend:not(.cwp-participant-view) [data-modal="agenda"],
.cwp-frontend:not(.cwp-participant-view) [data-modal="note"],
.cwp-frontend:not(.cwp-participant-view) .cwp-edit-participant,
.cwp-frontend:not(.cwp-participant-view) .cwp-edit-assignee,
.cwp-frontend:not(.cwp-participant-view) .cwp-edit-status,
.cwp-frontend:not(.cwp-participant-view) .cwp-edit-agenda,
.cwp-frontend:not(.cwp-participant-view) .cwp-edit-note,
.cwp-frontend:not(.cwp-participant-view) .cwp-resend-invite,
.cwp-frontend:not(.cwp-participant-view) .cwp-delete,
.cwp-frontend:not(.cwp-participant-view) .cwp-top-actions{
    display:flex !important;
}
.cwp-frontend:not(.cwp-participant-view) button.cwp-link{
    display:block !important;
}


/* v1.0.44 - volledige beheermodus via e-mailadres/6-cijferige code */
.cwp-email-manager-view [data-modal="participant"],
.cwp-email-manager-view [data-modal="participant-edit"],
.cwp-email-manager-view [data-modal="project"],
.cwp-email-manager-view [data-modal="project-edit"],
.cwp-email-manager-view [data-modal="agenda"],
.cwp-email-manager-view [data-modal="note"],
.cwp-email-manager-view .cwp-edit-participant,
.cwp-email-manager-view .cwp-edit-assignee,
.cwp-email-manager-view .cwp-edit-status,
.cwp-email-manager-view .cwp-edit-agenda,
.cwp-email-manager-view .cwp-edit-note,
.cwp-email-manager-view .cwp-resend-invite,
.cwp-email-manager-view .cwp-delete,
.cwp-email-manager-view .cwp-top-actions{
    display:flex !important;
}
.cwp-email-manager-view button.cwp-link{
    display:block !important;
}


/* v1.0.46 - weblogin zonder WordPress: werkzaamheden mogen toevoegen */
.cwp-participant-view .cwp-new-task-allowed,
.cwp-participant-view [data-modal="task"],
.cwp-email-manager-view .cwp-new-task-allowed,
.cwp-email-manager-view [data-modal="task"]{
    display:inline-flex !important;
}
.cwp-participant-view .cwp-edit-assignee,
.cwp-participant-view .cwp-edit-status,
.cwp-email-manager-view .cwp-edit-assignee,
.cwp-email-manager-view .cwp-edit-status{
    display:inline-flex !important;
}


/* v1.0.53 - dubbele knop Werkzaamheid toevoegen verwijderd */
/* Wijzigen staat op de tweede regel */
.cwp-assignee-cell .cwp-edit-assignee,
.cwp-status-cell .cwp-edit-status{
    display:block !important;
    width:max-content;
    margin-top:5px !important;
    margin-left:0 !important;
    line-height:1.2;
}

/* Ook zonder extra td-class afdwingen */
.cwp-participant-view .cwp-edit-assignee,
.cwp-participant-view .cwp-edit-status,
.cwp-email-manager-view .cwp-edit-assignee,
.cwp-email-manager-view .cwp-edit-status{
    width:max-content;
    margin-top:5px !important;
    margin-left:0 !important;
}

/* Naam/status en knop onder elkaar houden */
.cwp-assignee-cell,
.cwp-status-cell{
    vertical-align:top;
}


/* v1.0.48 - status wijzigen altijd op regel 2 */
.cwp-status-cell{
    vertical-align:top;
}
.cwp-status-cell .cwp-status{
    display:inline-flex;
    vertical-align:top;
}
.cwp-status-cell .cwp-edit-row{
    display:block;
    margin-top:6px;
    line-height:1.15;
}
.cwp-status-cell .cwp-edit-status{
    display:inline-block !important;
    margin:0 !important;
    width:auto !important;
}


/* v1.0.49 - subtiele uitlogknop rechtsboven */
.cwp-wrap{
    position:relative;
}
.cwp-subtle-logout{
    position:absolute;
    top:10px;
    right:14px;
    z-index:20;
    font-size:12px;
    line-height:1;
    color:#7a8087 !important;
    text-decoration:none !important;
    background:rgba(255,255,255,.88);
    border:1px solid #e2e5e8;
    border-radius:999px;
    padding:6px 9px;
    box-shadow:none;
    opacity:.82;
}
.cwp-subtle-logout:hover{
    color:#cc1818 !important;
    border-color:#d7dadd;
    opacity:1;
}
@media(max-width:700px){
    .cwp-subtle-logout{
        top:8px;
        right:8px;
        font-size:11px;
        padding:5px 8px;
    }
}


/* v1.0.51 - deelnemersbeheer via beheerders-e-mailadres */
.cwp-person-summary-actions{
    margin-left:auto;
    display:flex;
    align-items:center;
    gap:7px;
    flex-wrap:wrap;
}
.cwp-email-manager-view .cwp-person-summary-actions .cwp-edit-participant,
.cwp-email-manager-view .cwp-person-summary-actions .cwp-resend-invite,
.cwp-email-manager-view .cwp-person-summary-actions .cwp-delete{
    display:inline-flex !important;
}


/* v1.0.52 - rustig deelnemersblok, beheren op grote deelnemerspagina */
#cwp-deelnemers-samenvatting .cwp-person{
    align-items:center;
}
.cwp-person-summary-main{
    flex:1;
    min-width:0;
}
.cwp-person-summary-main > b{
    display:block;
}
.cwp-person-summary-roleline{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:4px;
}
.cwp-person-summary-roleline small{
    min-width:0;
    color:#626870;
}
.cwp-person-summary-roleline .cwp-go-participants{
    flex:0 0 auto;
    margin:0 !important;
    padding:0 !important;
}
.cwp-participant-focus{
    outline:2px solid rgba(204,24,24,.28);
    outline-offset:4px;
    border-radius:8px;
    transition:outline-color .4s ease;
}

/* v1.0.54 - zichtbare versie in zijbalk */
.cwp-sidebar{position:sticky;}
.cwp-visible-version{position:absolute;left:18px;right:18px;bottom:14px;padding-top:10px;border-top:1px solid rgba(255,255,255,.10);color:rgba(255,255,255,.58);font-size:11px;text-align:center;letter-spacing:.02em;}
@media(max-width:782px){.cwp-visible-version{display:none}}

/* v1.0.55 beta - tweede kolom: uitvoering door externen */
.cwp-external-card{border-top:3px solid #cc1818}
.cwp-external-intro{font-size:12px;line-height:1.45;margin-top:6px!important}
.cwp-external-empty{margin-top:12px;padding:12px;border:1px dashed #d9dde1;border-radius:9px;background:#fafafa;color:#6b7178;font-size:12px}
.cwp-external-list{margin-top:8px}
.cwp-external-item{padding:12px 0;border-bottom:1px solid #eceff1}
.cwp-external-item:last-child{border-bottom:0;padding-bottom:0}
.cwp-external-title{font-size:13px;font-weight:750;line-height:1.35;color:#20242a;margin-bottom:4px}
.cwp-external-party{font-size:12px;color:#626970;margin-bottom:8px}
.cwp-external-status-btn{width:100%;display:flex;align-items:center;gap:8px;border:1px solid #ead7d7;background:#fff7f7;color:#5d4444;border-radius:9px;padding:8px 10px;text-align:left;cursor:pointer;font-size:12px;font-weight:700;line-height:1.3}
.cwp-external-status-btn:hover{border-color:#cc1818;background:#fff}
.cwp-external-status-dot{width:9px;height:9px;border-radius:50%;background:#cc1818;flex:0 0 9px}
.cwp-resident-visible,.cwp-resident-hidden{display:block!important;margin-top:6px!important;font-size:11px!important;font-weight:600}
.cwp-resident-visible{color:#4d7457!important}
.cwp-resident-hidden{color:#777!important}
.cwp-external-form-block{margin-top:16px;padding:13px 14px;border:1px solid #e1e4e7;border-radius:10px;background:#fafafa}
.cwp-checkline{display:flex!important;align-items:center;gap:8px;margin:0!important;font-weight:700!important;cursor:pointer}
.cwp-checkline input[type="checkbox"]{width:auto!important;margin:0!important;flex:0 0 auto}
.cwp-external-fields{display:none;margin-top:12px;padding-top:12px;border-top:1px solid #e3e5e7}
.cwp-external-fields.is-active{display:block}
.cwp-external-fields .cwp-checkline{margin-top:12px!important;font-size:12px;font-weight:600!important;color:#50565c}
.cwp-choice-status.status-offerte_aangevraagd .cwp-quick-choice-dot,
.cwp-choice-status.status-offerte_ontvangen .cwp-quick-choice-dot,
.cwp-choice-status.status-offerte_goedgekeurd .cwp-quick-choice-dot,
.cwp-choice-status.status-offerte_afgekeurd .cwp-quick-choice-dot,
.cwp-choice-status.status-wacht_alv .cwp-quick-choice-dot,
.cwp-choice-status.status-alv_toestemming .cwp-quick-choice-dot,
.cwp-choice-status.status-opdracht_verstrekt .cwp-quick-choice-dot,
.cwp-choice-status.status-start_ingepland .cwp-quick-choice-dot,
.cwp-choice-status.status-in_uitvoering .cwp-quick-choice-dot,
.cwp-choice-status.status-gereed .cwp-quick-choice-dot{background:#cc1818}


/* v1.0.56 beta - externenblok aanklikbaar/openklapbaar */
.cwp-external-toggle{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border:0;background:transparent;padding:0;margin:0;text-align:left;cursor:pointer;color:inherit}
.cwp-external-toggle-text{display:block;min-width:0}
.cwp-external-toggle-text strong{display:block;font-size:16px;line-height:1.25;color:#20242a}
.cwp-external-toggle-text small{display:block;margin-top:5px;font-size:12px;line-height:1.45;color:#6b7178;font-weight:400}
.cwp-external-chevron{font-size:24px;line-height:1;margin-top:1px;transition:transform .18s ease;color:#cc1818}
.cwp-external-card:not(.is-open) .cwp-external-chevron{transform:rotate(-90deg)}
.cwp-external-body{display:none;margin-top:12px}
.cwp-external-card.is-open .cwp-external-body{display:block}
.cwp-external-title.cwp-more-info{display:block;width:100%;border:0;background:transparent;padding:0;margin:0 0 4px;text-align:left;cursor:pointer;font:inherit;font-size:13px;font-weight:750;line-height:1.35;color:#20242a}
.cwp-external-title.cwp-more-info:hover{color:#cc1818;text-decoration:underline}
.cwp-new-external-task{width:100%;margin-top:12px}

/* v1.0.57 beta - externe uitvoering als volledige tabel onder werkzaamheden */
.cwp-work-column{min-width:0;display:flex;flex-direction:column;gap:16px}
.cwp-external-table-card{}
.cwp-external-table-card .cwp-tablewrap{margin-top:14px}
.cwp-external-table th:nth-child(1),.cwp-external-table td:nth-child(1){width:46px}
.cwp-external-table th:nth-child(2),.cwp-external-table td:nth-child(2){width:180px}
.cwp-external-table th:nth-child(4),.cwp-external-table td:nth-child(4){width:220px}
.cwp-external-table th:nth-child(5),.cwp-external-table td:nth-child(5){width:125px}
.cwp-external-table th:nth-child(6),.cwp-external-table td:nth-child(6){width:155px}
.cwp-status.cwp-external-progress{background:#fde6e6;color:#a10f0f;white-space:nowrap}
.cwp-resident-badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}
.cwp-resident-badge.is-visible{background:#e2f4e8;color:#1d6f3a}
.cwp-resident-badge.is-internal{background:#eceff2;color:#4d5560}
@media(max-width:1100px){.cwp-work-column{min-width:0}}
.cwp-external-table-card .cwp-new-external-task{width:auto;margin:0}
@media(max-width:782px){.cwp-external-table-card .cwp-card-head{align-items:flex-start;flex-direction:column}.cwp-external-table-card .cwp-new-external-task{width:100%}}

/* v1.0.59 beta - bewonerspagina in dezelfde tabelopmaak als de workflow */
.cwp-public-wrap{max-width:1180px;margin:0 auto;padding:30px 22px 60px;color:#20242a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.cwp-public-wrap .cwp-card{margin-bottom:16px}
.cwp-public-project-card{border-top:4px solid var(--cwp-red)}
.cwp-public-project-head{align-items:flex-start}
.cwp-public-project-head h1{margin:4px 0 5px!important;font-size:28px!important;line-height:1.2!important;color:#20242a!important}
.cwp-public-project-head p{margin:0!important}
.cwp-public-project-meta{display:flex;flex-direction:column;gap:5px;min-width:210px;font-size:12px;color:var(--cwp-muted);text-align:right}
.cwp-public-table-card .cwp-tablewrap{margin-top:14px}
.cwp-resident-table th:nth-child(1),.cwp-resident-table td:nth-child(1){width:46px}
.cwp-resident-table th:nth-child(2),.cwp-resident-table td:nth-child(2){width:180px}
.cwp-resident-table th:nth-child(4),.cwp-resident-table td:nth-child(4){width:220px}
.cwp-resident-table th:nth-child(5),.cwp-resident-table td:nth-child(5){width:180px}
.cwp-resident-table th:nth-child(6),.cwp-resident-table td:nth-child(6){width:155px}
.cwp-public-work-snippet .cwp-work-preview{display:block}
.cwp-public-progress-cell b{display:block;font-size:12px;color:#20242a}
.cwp-public-progress-cell small{display:block;margin-top:4px;color:var(--cwp-muted);font-size:11px}
.cwp-status.cwp-status-rejected{background:#eceff2;color:#4d5560}
.cwp-public-footer{margin-top:16px;text-align:center;color:#8a9198;font-size:11px}
.cwp-resident-page-link .dashicons{font-size:17px;width:17px;height:17px}
@media(max-width:900px){.cwp-public-wrap{padding:18px 10px 40px}.cwp-public-project-head{display:block}.cwp-public-project-meta{text-align:left;margin-top:12px}.cwp-resident-table{min-width:900px}}


/* v1.0.60 beta - bewonerspagina kolomkoppen contrast fix */
.cwp-public-wrap .cwp-table,
.cwp-public-wrap .cwp-table th,
.cwp-public-wrap .cwp-table td,
.cwp-public-wrap .cwp-table td small,
.cwp-public-wrap .cwp-card p,
.cwp-public-wrap .cwp-muted,
.cwp-public-wrap small {
    color:#20242a !important;
}
.cwp-public-wrap .cwp-table th,
.cwp-public-wrap .cwp-table thead th {
    background:#f1f3f5 !important;
    color:#1f2933 !important;
    font-weight:700 !important;
    font-size:13px !important;
    border-bottom:1px solid #cfd6dd !important;
}
.cwp-public-wrap .cwp-table td {
    color:#20242a !important;
    border-bottom:1px solid #dfe3e8 !important;
}
.cwp-public-wrap .cwp-table td small,
.cwp-public-wrap .cwp-public-progress-cell small,
.cwp-public-wrap .cwp-work-description {
    color:#5b6570 !important;
}


/* v1.0.61 beta - zichtbare bewonerslink en plandatum */
.cwp-resident-link-box{display:flex;align-items:center;gap:8px;margin:-6px 0 16px;padding:10px 12px;background:#fff;border:1px solid var(--cwp-border);border-radius:10px;box-sizing:border-box}
.cwp-resident-link-label{font-size:12px;font-weight:700;white-space:nowrap;color:#20242a}
.cwp-resident-link-input{flex:1;min-width:180px;border:1px solid #cfd6dd!important;border-radius:7px!important;padding:8px 10px!important;background:#f8f9fa!important;color:#343a40!important;font-size:12px!important}
.cwp-resident-link-box .cwp-btn{white-space:nowrap;padding:8px 12px}
.cwp-public-plan-date b{font-size:13px;color:#20242a}
@media(max-width:782px){.cwp-resident-link-box{align-items:stretch;flex-wrap:wrap}.cwp-resident-link-label{width:100%}.cwp-resident-link-input{width:100%;flex-basis:100%}.cwp-resident-link-box .cwp-btn{flex:1}}


/* v1.0.63 beta - bewonersplanning datum / maand / kwartaal */
.cwp-plan-type{margin-bottom:9px}
.cwp-plan-field{display:none;margin-top:8px}
.cwp-plan-field.is-active{display:block}
.cwp-plan-quarter .cwp-form-grid{margin-top:0}


/* v1.0.64 beta - bewonerslink standaard verborgen en compact uitklapbaar */
.cwp-resident-link-box[hidden]{display:none !important}
.cwp-resident-link-toggle.is-open{background:#f3f3f3;color:#1f1f1f}

/* v1.0.67 - bewoners aanmelden voor projectupdates */
.cwp-card-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.cwp-public-notice,.cwp-admin-notice{padding:12px 15px;border-radius:9px;margin:0 0 14px;font-size:14px;font-weight:600}
.cwp-public-notice.is-success,.cwp-admin-notice.is-success{background:#e8f5ec;border:1px solid #b8dec4;color:#245e35}
.cwp-public-notice.is-error{background:#fff0f0;border:1px solid #efc1c1;color:#8d1818}
.cwp-subscribe-card{border-top:4px solid var(--cwp-red);margin-top:16px}
.cwp-subscribe-form{margin-top:15px}
.cwp-subscribe-row{display:grid;grid-template-columns:minmax(170px,1fr) minmax(260px,2fr) auto;gap:10px;align-items:center}
.cwp-subscribe-row label{font-weight:700;color:#20242a}
.cwp-subscribe-row input[type=email]{width:100%;box-sizing:border-box;border:1px solid #cfd6dd;border-radius:8px;padding:10px 12px;font-size:15px;background:#fff;color:#20242a}
.cwp-consent-line{display:flex;gap:9px;align-items:flex-start;margin-top:14px;color:#303740;font-size:13px;line-height:1.45}
.cwp-consent-line input{margin-top:3px;flex:0 0 auto}
.cwp-subscribe-form>small{display:block;margin-top:8px;color:#69727c!important;font-size:12px}
.cwp-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.cwp-unsubscribe-card{border-left:4px solid var(--cwp-red);margin-bottom:16px}
.cwp-unsubscribe-card form{margin-top:12px}
.cwp-notify-form label{display:block;font-weight:700;margin:13px 0 5px;color:#20242a}
.cwp-notify-form input[type=text],.cwp-notify-form textarea{width:100%;box-sizing:border-box;border:1px solid #d8dde2;border-radius:8px;padding:9px 10px;background:#fff;color:#20242a}
.cwp-notify-form textarea{resize:vertical}
@media(max-width:782px){.cwp-subscribe-row{grid-template-columns:1fr}.cwp-subscribe-row .cwp-btn{width:100%}.cwp-card-actions{justify-content:flex-start}}


/* v1.0.68 - interne opmerkingen per werkzaamheid */
.cwp-internal-notes-box{margin-top:18px;padding:14px;border:1px solid #d8dde2;border-left:4px solid #59636e;border-radius:10px;background:#f7f8f9}
.cwp-internal-notes-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.cwp-internal-notes-head h3{margin:0 0 3px!important;font-size:15px}
.cwp-internal-notes-head p{margin:0!important;font-size:12px!important;color:#5b6570!important}
.cwp-internal-badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#e3e6e9;color:#343b42;font-size:11px;font-weight:700;white-space:nowrap}
.cwp-internal-notes-list{display:flex;flex-direction:column;gap:8px;margin:10px 0 14px}
.cwp-internal-note-item{padding:10px 11px;background:#fff;border:1px solid #dde1e5;border-radius:8px}
.cwp-internal-note-meta{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:5px;font-size:11px;color:#66717b}
.cwp-internal-note-meta b{font-size:12px;color:#252b31}
.cwp-internal-note-text{white-space:pre-wrap;line-height:1.45;color:#252b31;font-size:13px}
.cwp-internal-empty,.cwp-internal-loading,.cwp-internal-error{padding:11px;border-radius:8px;background:#fff;color:#66717b;font-size:12px;border:1px dashed #d7dce0}
.cwp-internal-error{color:#9b1c1c}
.cwp-internal-note-composer label{margin-top:0!important}
.cwp-internal-note-composer textarea{background:#fff!important}
.cwp-internal-note-actions{display:flex;justify-content:flex-end;margin-top:8px}
.cwp-internal-note-actions .cwp-btn{padding:8px 11px;font-size:12px}
@media(max-width:600px){.cwp-internal-note-meta{display:block}.cwp-internal-note-meta span{display:block;margin-top:2px}}


/* v1.0.69 beta - interne-opmerking melding in kolom Aangemaakt */
.cwp-created-cell .cwp-internal-note-flag{display:flex;align-items:center;gap:6px;margin-top:7px;font-size:11px;font-weight:700;color:#69727d;white-space:nowrap}
.cwp-created-cell .cwp-internal-note-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#aeb6bf;flex:0 0 8px}
.cwp-created-cell .cwp-internal-note-flag.is-unread{color:#b51212}
.cwp-created-cell .cwp-internal-note-flag.is-unread .cwp-internal-note-dot{background:#cc1818;animation:cwpInternalNotePulse 1s ease-in-out infinite}
@keyframes cwpInternalNotePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.2;transform:scale(.7)}}
@media (prefers-reduced-motion:reduce){.cwp-created-cell .cwp-internal-note-flag.is-unread .cwp-internal-note-dot{animation:none}}


/* v1.0.70 beta - nieuwe toewijzing: langzaam pulserend bolletje voor degene die aan zet is */
.cwp-assignee-cell .cwp-person-dot.cwp-assignee-attention{
    animation:cwpAssigneeAttentionPulse 2.2s ease-in-out infinite;
    box-shadow:0 0 0 0 rgba(204,24,24,.30);
}
@keyframes cwpAssigneeAttentionPulse{
    0%,100%{opacity:1;transform:scale(1);box-shadow:0 0 0 0 rgba(204,24,24,.25)}
    50%{opacity:.35;transform:scale(.82);box-shadow:0 0 0 5px rgba(204,24,24,0)}
}
@media (prefers-reduced-motion:reduce){
    .cwp-assignee-cell .cwp-person-dot.cwp-assignee-attention{animation:none;outline:2px solid rgba(204,24,24,.35);outline-offset:2px}
}


/* v1.0.71 beta - compacte werkzaamheden-popup */
.cwp-modal-box:has(.cwp-work-info-edit){width:min(980px,96vw);padding:20px}
.cwp-work-info-edit .cwp-work-info-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:16px;align-items:start}
.cwp-work-info-column{min-width:0}
.cwp-work-info-column>h3{margin:0 0 8px;font-size:15px;color:#20242a}
.cwp-work-info-edit label{margin:9px 0 4px}
.cwp-work-info-edit textarea[name="description"]{min-height:92px}
.cwp-work-info-edit .cwp-external-form-block{margin-top:0}
.cwp-work-info-edit .cwp-external-fields{padding-top:4px}
.cwp-work-info-edit .cwp-internal-notes-box.cwp-internal-notes-compact{margin-top:12px;padding:11px 12px;border-left-width:3px;background:#f8f9fa}
.cwp-work-info-edit .cwp-internal-notes-head{margin-bottom:7px}
.cwp-work-info-edit .cwp-internal-notes-head h3{font-size:14px}
.cwp-work-info-edit .cwp-internal-notes-head p{font-size:11px!important}
.cwp-work-info-edit .cwp-internal-notes-list{gap:6px;margin:7px 0 8px;max-height:150px;overflow:auto}
.cwp-work-info-edit .cwp-internal-note-item{padding:7px 9px}
.cwp-work-info-edit .cwp-internal-note-date{font-size:10px;color:#7b838c;text-align:right;margin-bottom:2px}
.cwp-work-info-edit .cwp-internal-note-text{font-size:12px;line-height:1.35}
.cwp-work-info-edit .cwp-internal-note-input{min-height:54px!important}
.cwp-work-info-edit .cwp-internal-note-actions{margin-top:6px}
.cwp-work-info-edit .cwp-internal-note-actions .cwp-btn{padding:7px 10px;font-size:11px}
.cwp-work-info-edit .cwp-info-actions{grid-column:1/-1;margin-top:14px;gap:8px}
@media(max-width:820px){
  .cwp-modal-box:has(.cwp-work-info-edit){width:min(760px,96vw)}
  .cwp-work-info-edit .cwp-work-info-grid{grid-template-columns:1fr}
}

/* v1.0.73 beta - interne opmerking helemaal aan het einde van de kolom Werkzaamheid */
.cwp-work-cell .cwp-work-cell-inner{display:flex;flex-direction:column;gap:6px;min-width:0}
.cwp-work-cell .cwp-work-note-end{display:flex;justify-content:flex-end;align-items:center;width:100%}
.cwp-work-cell .cwp-work-note-end .cwp-internal-note-flag{margin-top:0;margin-left:auto}
/* v1.0.72 beta - interne opmerking achteraan in Werkzaamheid + bewerken */
.cwp-work-cell .cwp-internal-note-flag{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:11px;font-weight:700;color:#397447;white-space:nowrap;width:max-content}
.cwp-work-cell .cwp-internal-note-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2f9e44;flex:0 0 8px}
.cwp-work-cell .cwp-internal-note-flag.is-unread{color:#397447}
.cwp-work-cell .cwp-internal-note-flag.is-unread .cwp-internal-note-dot{background:#2f9e44;animation:cwpInternalNoteGreenPulse 1.5s ease-in-out infinite}
@keyframes cwpInternalNoteGreenPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}
@media (prefers-reduced-motion:reduce){.cwp-work-cell .cwp-internal-note-flag.is-unread .cwp-internal-note-dot{animation:none}}
/* oude positie onder Aangemaakt uitschakelen voor eventuele gecachete markup */
.cwp-created-cell .cwp-internal-note-flag{display:none!important}
.cwp-work-info-edit .cwp-internal-note-top{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-bottom:2px}
.cwp-work-info-edit .cwp-internal-note-top .cwp-internal-note-date{margin:0 auto 0 0;text-align:left}
.cwp-internal-note-edit{border:0;background:transparent;color:#53606c;font-size:10px;font-weight:700;padding:2px 3px;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.cwp-internal-note-edit:hover{color:#cc1818}
.cwp-internal-note-edit-input{width:100%;min-height:62px!important;margin-top:4px!important;background:#fff!important}
.cwp-internal-note-edit-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:6px}
.cwp-internal-note-cancel{border:0;background:transparent;color:#606b76;font-size:11px;cursor:pointer;padding:6px 4px}
.cwp-internal-note-save{padding:6px 10px!important;font-size:11px!important}

/* v1.0.74 beta - interne opmerking verwijderen */
.cwp-internal-note-delete{border:0;background:transparent;color:#b51212;font-size:11px;font-weight:700;cursor:pointer;padding:6px 4px;margin-right:auto}
.cwp-internal-note-delete:hover{text-decoration:underline;color:#cc1818}

/* v1.0.75 beta - alle interne opmerkingen in één keer verwijderen */
.cwp-internal-head-actions{display:flex;align-items:center;gap:7px}
.cwp-internal-clear-all{border:0;background:transparent;color:#b42318;font-size:11px;font-weight:700;cursor:pointer;padding:4px 5px;border-radius:5px}
.cwp-internal-clear-all:hover{background:#fff0f0;color:#cc1818}
.cwp-internal-clear-all:disabled{opacity:.55;cursor:default}

/* v1.0.77 beta - laatste inlog vóór de deelnemersacties */
.cwp-person-detail .cwp-last-login{font-size:11px;color:#747d86;white-space:nowrap;margin-right:4px}
@media(max-width:900px){.cwp-person-detail .cwp-person-actions{flex-wrap:wrap}.cwp-person-detail .cwp-last-login{width:100%;margin:0 0 2px 0}}

/* v1.0.82 - wisselen van e-mailadres op het 6-cijferige codescherm */
.cwp-login-email-row{
    display:block;
}
.cwp-login-secondary-actions{
    margin-top:8px;
    display:flex;
    flex-wrap:wrap;
    gap:2px 18px;
    align-items:center;
}
.cwp-login-secondary-actions form{
    margin:0;
}
.cwp-login-secondary-actions .cwp-login-linkbutton{
    width:auto;
    display:inline-block;
    margin:0;
}
.cwp-login-secondary-actions .cwp-login-change-email-btn{
    font-weight:800;
}
@media(max-width:600px){
    .cwp-login-secondary-actions{
        display:block;
    }
    .cwp-login-secondary-actions form + form{
        margin-top:2px;
    }
}


/* v1.0.84 - melding wanneer een deelnemer op Nieuw project klikt */
.cwp-project-denied-message{
    margin-top:18px;
    font-size:15px;
    line-height:1.55;
}

/* v1.0.85 - project verwijderen alleen in beheermodus */
.cwp-project-delete{
    color:#b51212 !important;
    border-color:#e0b8b8 !important;
    background:#fff !important;
    display:inline-flex;
    align-items:center;
    gap:6px;
}
.cwp-project-delete:hover{
    color:#fff !important;
    background:#b51212 !important;
    border-color:#b51212 !important;
}
.cwp-project-delete:disabled{
    opacity:.6;
    cursor:wait;
}
.cwp-participant-view .cwp-project-delete{display:none !important;}



/* v1.0.87 beta - werkzaamheden toevoegen popup compacter, zonder intern scrollen op desktop */
.cwp-modal-box:has(.cwp-task-create-form){
    width:min(760px,96vw);
    max-height:96vh;
    padding:16px 18px;
    overflow:auto;
}
.cwp-modal-box:has(.cwp-task-create-form) > .cwp-close{
    top:7px;
    right:11px;
    font-size:23px;
    line-height:1;
}
.cwp-modal-box:has(.cwp-task-create-form) #cwp-modal-content > h2{
    margin:0 0 8px;
    padding-right:28px;
    font-size:28px;
    line-height:1.15;
}
.cwp-task-create-form{
    font-size:13px;
    line-height:1.25;
}
.cwp-task-create-form label{
    margin:7px 0 3px;
    font-size:13px;
    line-height:1.2;
}
.cwp-task-create-form input,
.cwp-task-create-form select,
.cwp-task-create-form textarea{
    min-height:34px;
    padding:6px 9px;
    font-size:13px;
    line-height:1.25;
    border-radius:7px;
}
.cwp-task-create-form textarea[name="description"]{
    height:82px;
    min-height:82px;
    max-height:82px;
    resize:none;
}
.cwp-task-create-form .cwp-form-grid{
    gap:10px;
}
.cwp-task-create-form .cwp-external-form-block{
    margin-top:10px;
    padding:9px 11px;
    border-radius:9px;
}
.cwp-task-create-form .cwp-checkline{
    font-size:13px;
    line-height:1.2;
}
.cwp-task-create-form .cwp-external-fields{
    margin-top:8px;
    padding-top:7px;
}
.cwp-task-create-form .cwp-external-fields .cwp-checkline{
    margin-top:8px!important;
    font-size:11px;
}
.cwp-task-create-form .cwp-plan-field{
    margin-top:5px;
}
.cwp-task-create-form .cwp-form-actions{
    margin-top:10px;
}
.cwp-task-create-form .cwp-form-actions .cwp-btn{
    padding:8px 18px;
    font-size:13px;
}
@media(max-height:760px) and (min-width:783px){
    .cwp-modal-box:has(.cwp-task-create-form){padding:12px 16px;max-height:98vh}
    .cwp-modal-box:has(.cwp-task-create-form) #cwp-modal-content > h2{font-size:24px;margin-bottom:5px}
    .cwp-task-create-form{font-size:12px}
    .cwp-task-create-form label{margin:5px 0 2px;font-size:12px}
    .cwp-task-create-form input,.cwp-task-create-form select,.cwp-task-create-form textarea{min-height:31px;padding:5px 8px;font-size:12px}
    .cwp-task-create-form textarea[name="description"]{height:62px;min-height:62px;max-height:62px}
    .cwp-task-create-form .cwp-external-form-block{margin-top:7px;padding:7px 9px}
    .cwp-task-create-form .cwp-external-fields{margin-top:6px;padding-top:5px}
    .cwp-task-create-form .cwp-form-actions{margin-top:7px}
}
@media(max-width:782px){
    .cwp-modal-box:has(.cwp-task-create-form){max-height:94vh;padding:14px 15px}
    .cwp-modal-box:has(.cwp-task-create-form) #cwp-modal-content > h2{font-size:24px}
    .cwp-task-create-form .cwp-form-grid{grid-template-columns:1fr;gap:4px}
}


/* v1.0.96 - werkzaamheden volle breedte: rechter samenvattingszijbalk verwijderd */
.cwp-view-panel[data-cwp-view="work"] .cwp-grid{
    grid-template-columns:minmax(0,1fr)!important;
}
.cwp-view-panel[data-cwp-view="work"] .cwp-right{
    display:none!important;
}
.cwp-view-panel[data-cwp-view="work"] .cwp-work-column{
    width:100%;
    min-width:0;
}

/* v1.0.97 - leesbaardere werkzaamheden-tabellen */
.cwp-view-panel[data-cwp-view="work"] .cwp-tablewrap{
    overflow-x:auto;
    overflow-y:visible;
}

/* Hoofdtabel: minder kolommen, meer ruimte voor de inhoud. */
.cwp-view-panel[data-cwp-view="work"] .cwp-primary-task-table{
    width:100%;
    min-width:860px;
    table-layout:fixed;
}
.cwp-view-panel[data-cwp-view="work"] .cwp-primary-task-table th,
.cwp-view-panel[data-cwp-view="work"] .cwp-primary-task-table td{
    box-sizing:border-box;
    white-space:normal;
    overflow-wrap:anywhere;
    word-break:normal;
}
.cwp-view-panel[data-cwp-view="work"] .cwp-primary-task-table th:nth-child(1),
.cwp-view-panel[data-cwp-view="work"] .cwp-primary-task-table td:nth-child(1){
    width:48px!important;
    min-width:48px!important;
}
.cwp-view-panel[data-cwp-view="work"] .cwp-primary-task-table th:nth-child(2),
.cwp-view-panel[data-cwp-view="work"] .cwp-primary-task-table td:nth-child(2){
    width:170px!important;
    min-width:150px!important;
}
.cwp-view-panel[data-cwp-view="work"] .cwp-primary-task-table th:nth-child(3),
.cwp-view-panel[data-cwp-view="work"] .cwp-primary-task-table td:nth-child(3){
    width:auto!important;
    min-width:330px!important;
}
.cwp-view-panel[data-cwp-view="work"] .cwp-primary-task-table th:nth-child(4),
.cwp-view-panel[data-cwp-view="work"] .cwp-primary-task-table td:nth-child(4){
    width:165px!important;
    min-width:150px!important;
    white-space:normal!important;
}
.cwp-view-panel[data-cwp-view="work"] .cwp-primary-task-table th:nth-child(5),
.cwp-view-panel[data-cwp-view="work"] .cwp-primary-task-table td:nth-child(5){
    width:185px!important;
    min-width:175px!important;
}

/* Werkzaamheid niet meer afkappen op twee regels. */
.cwp-view-panel[data-cwp-view="work"] .cwp-work-cell .cwp-work-cell-inner{
    gap:5px;
}
.cwp-view-panel[data-cwp-view="work"] .cwp-work-cell .cwp-work-snippet{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    padding-right:0!important;
}
.cwp-view-panel[data-cwp-view="work"] .cwp-work-cell .cwp-work-preview{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    padding-right:0!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
    white-space:normal!important;
    line-height:1.45;
}
.cwp-view-panel[data-cwp-view="work"] .cwp-work-cell .cwp-work-title{
    display:block!important;
    margin:0 0 3px!important;
    font-size:14px;
    line-height:1.35;
}
.cwp-view-panel[data-cwp-view="work"] .cwp-work-cell .cwp-work-description{
    display:block!important;
    color:#59616a;
    font-size:12px;
    line-height:1.5;
}
.cwp-view-panel[data-cwp-view="work"] .cwp-work-cell .cwp-more-info{
    position:static!important;
    display:inline-block!important;
    float:none!important;
    margin-top:5px!important;
    padding:0!important;
    background:transparent!important;
    line-height:1.3!important;
}

/* Status blijft netjes, zonder in de datumkolom te schuiven. */
.cwp-view-panel[data-cwp-view="work"] .cwp-primary-task-table .cwp-status-cell{
    white-space:normal!important;
}
.cwp-view-panel[data-cwp-view="work"] .cwp-primary-task-table .cwp-status{
    display:inline-flex!important;
    max-width:100%;
    white-space:normal!important;
    line-height:1.25;
}

/* Datums compact en logisch gegroepeerd. */
.cwp-view-panel[data-cwp-view="work"] .cwp-primary-task-table .cwp-last-update{
    white-space:normal!important;
    line-height:1.35;
}
.cwp-view-panel[data-cwp-view="work"] .cwp-primary-task-table .cwp-last-update small{
    display:block;
    margin-top:4px;
    max-width:none;
    line-height:1.3;
}
.cwp-view-panel[data-cwp-view="work"] .cwp-primary-task-table .cwp-created-meta{
    color:#8a9199;
    font-size:10px;
}

/* Ook in de externe tabel de werkzaamheid volledig leesbaar maken. */
.cwp-view-panel[data-cwp-view="work"] .cwp-external-table .cwp-work-cell{
    min-width:300px;
}
.cwp-view-panel[data-cwp-view="work"] .cwp-external-table .cwp-work-snippet,
.cwp-view-panel[data-cwp-view="work"] .cwp-external-table .cwp-work-preview{
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
}

@media(max-width:900px){
    .cwp-view-panel[data-cwp-view="work"] .cwp-primary-task-table{
        min-width:790px;
    }
    .cwp-view-panel[data-cwp-view="work"] .cwp-primary-task-table th:nth-child(2),
    .cwp-view-panel[data-cwp-view="work"] .cwp-primary-task-table td:nth-child(2){width:145px!important;min-width:145px!important}
    .cwp-view-panel[data-cwp-view="work"] .cwp-primary-task-table th:nth-child(4),
    .cwp-view-panel[data-cwp-view="work"] .cwp-primary-task-table td:nth-child(4){width:145px!important;min-width:145px!important}
    .cwp-view-panel[data-cwp-view="work"] .cwp-primary-task-table th:nth-child(5),
    .cwp-view-panel[data-cwp-view="work"] .cwp-primary-task-table td:nth-child(5){width:165px!important;min-width:165px!important}
}


/* v1.0.98 - linker navigatiebalk verwijderd voor maximale werkbreedte */
.cwp-sidebar{
    display:none!important;
}
.cwp-wrap{
    margin-left:0!important;
    width:100%!important;
    max-width:none!important;
}
.cwp-main{
    flex:1 1 100%!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
}
body.toplevel_page_cwp-projectbeheer #wpcontent{
    padding-left:0!important;
}
@media (min-width: 783px){
    .cwp-main{
        padding-left:20px!important;
        padding-right:20px!important;
    }
}
