/* BizzKitt customer portal. Same paper, ink, whitespace and line-icon language. */
.portal-body{background:#fbfaf7;color:#141519;font-size:14px;--muted:#5b6971;--line:#e3e7e6;--paper:#fbfaf7}
.p-demo-bar{height:33px;display:flex;align-items:center;justify-content:center;gap:12px;background:#edf0ee;color:#637169;border-bottom:1px solid #dfe5e1;font-size:10px;padding:5px 20px;text-align:center}.p-demo-bar strong{font-weight:600;color:#3f5049;white-space:nowrap}
.p-layout{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:calc(100vh - 33px)}
.p-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:35px 19px 20px;border-right:1px solid var(--line);background:#fafbf9;overflow-y:auto;z-index:20}
.p-brand-row{display:flex;justify-content:space-between;align-items:center;padding:0 12px 34px}.p-brand-row .brand{font-size:25px}.p-brand-row .brand-mark{font-size:18px}
.p-company{display:flex;gap:11px;align-items:center;margin:0 8px 25px;padding:0 0 23px;border-bottom:1px solid var(--line)}.p-company>span{background:#e9ede9;color:#40594d;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:17px;font-weight:500}.p-company div{min-width:0}.p-company strong{display:block;font-size:12px;font-weight:600;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-company small{display:block;font-size:10px;color:var(--muted)}
.p-nav-link{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.4;padding:12px 13px;margin:3px 0;border-radius:9px;color:#67757d;min-height:42px}.p-nav-link.active{color:#14291e;background:#e9eee8;font-weight:500}.p-nav-link.active>.icon{stroke-width:1.8}.p-nav-link>span:not(.p-nav-count){flex:1}.p-nav-count{display:grid;place-items:center;min-width:19px;height:19px;border-radius:5px;background:#e3e9df;color:#485540;font-size:10px}.p-nav-group{margin:23px 13px 8px;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#84918a}
.p-sidebar-bottom{margin-top:auto;padding-top:28px}.p-side-promise{padding:18px 11px 20px;display:flex;gap:10px;border-bottom:1px solid var(--line);color:#718075}.p-side-promise p{font-size:11px;line-height:1.5;max-width:133px}.p-user{display:flex;align-items:center;gap:10px;padding:20px 5px 0}.p-user>div{flex:1;min-width:0}.p-user strong{font-size:11px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis}.p-user small{font-size:10px;color:var(--muted)}.p-user-avatar{height:31px;width:31px;display:grid;place-items:center;border-radius:50%;background:#eae9e4;color:#625e50;font-size:10px}
.p-work{min-width:0}.p-topbar{height:77px;padding:0 43px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fafbf980}.p-topbar>div{display:flex;align-items:center;gap:13px}.p-breadcrumb{display:flex;align-items:center;gap:14px;font-size:11px;color:#829087}.p-breadcrumb>span{color:#c1c9c3}.p-breadcrumb strong{font-weight:400;color:#293a31}.p-topbar-tools{gap:20px!important}.p-topbar-tools .btn{font-size:11px;min-height:34px;gap:7px;padding:8px 14px}.p-topbar-divider{height:18px;border-left:1px solid var(--line)}
.p-icon-button{background:none;border:0;padding:7px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;cursor:pointer;color:#69786e;min-height:32px;min-width:32px}.p-icon-link{display:inline-flex;align-items:center;justify-content:center;position:relative;padding:7px;border-radius:7px;min-width:32px;min-height:32px;color:#4c5d52}.p-unread{position:absolute;right:6px;top:5px;width:5px;height:5px;border-radius:50%;background:#63765c;border:1px solid white}
.p-content{max-width:1400px;padding:40px 43px 0;margin:0 auto;outline:none;min-height:calc(100vh - 110px)}
.p-eyebrow{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#77877a;margin-bottom:15px;display:flex;gap:10px;align-items:center}
.p-welcome{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:1px 0 35px}.p-welcome h1{font-size:46px;letter-spacing:-.055em;line-height:1.12;margin:0 0 16px}.p-welcome p:not(.p-eyebrow){font-size:12px;max-width:470px;line-height:1.8}.p-welcome-mark{width:126px;height:126px;border-radius:50%;border:1px solid #e4e9e1;display:grid;place-items:center;background:radial-gradient(circle,#eef1e9 0,#f6f8f3 64%,#fbfaf7 72%);margin:0 34px}.p-welcome-mark>.icon{width:60px;height:60px;color:#627360;stroke-width:.8}
.p-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px}.p-heading h1{font-size:37px;letter-spacing:-.05em;margin-bottom:14px;line-height:1.2}.p-heading h1.p-result-title{font-size:34px;max-width:680px}.p-heading p:not(.p-eyebrow){font-size:13px;max-width:635px;line-height:1.75}.p-heading-actions{display:flex;align-items:center;gap:10px;flex:none}.p-heading .p-eyebrow{margin-bottom:12px}
.p-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 34px}.p-stats.three{grid-template-columns:repeat(3,minmax(0,1fr))}.p-stat{padding:21px 20px 18px;border:1px solid var(--line);border-radius:13px;background:#ffffff8c;min-width:0}.p-stat>div{display:flex;gap:8px;justify-content:space-between;align-items:flex-start;color:#697a6e;font-size:11px;line-height:1.5}.p-stat>div .icon{color:#8e9b90;width:16px;height:16px}.p-stat>strong{display:block;font-size:35px;line-height:1.2;font-weight:400;letter-spacing:-.04em;margin:13px 0 8px}.p-stat>small{font-size:9px;color:#829087;display:block;line-height:1.5}
.p-section{margin:0 0 27px}.p-card-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:21px}.p-card-head h2{font-size:17px;line-height:1.35;letter-spacing:-.025em;font-weight:400}.p-text-link{display:inline-flex;align-items:center;gap:7px;font-size:11px;line-height:1.4;color:#47594c}.p-text-link .icon{width:15px;height:15px;flex:none}.p-panel .p-card-head{margin-bottom:18px}.p-panel-sub{font-size:11px;line-height:1.7;margin-top:-8px;margin-bottom:17px}
.p-employee-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.p-employee-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:23px 23px 18px;display:flex;flex-direction:column;min-width:0}.p-employee-card h3{font-size:17px;margin:23px 0 9px;line-height:1.35;letter-spacing:-.025em}.p-employee-card>p{font-size:11px;min-height:36px;line-height:1.7}.p-avatar{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:12px;background:#f1f3ed;color:#6f7b62;border:1px solid #e9ece2;flex:none}.p-avatar .icon{height:22px;width:22px;stroke-width:1.4}.p-avatar.small{width:33px;height:33px;border-radius:9px}.p-avatar.small .icon{width:18px;height:18px}.p-between{display:flex;justify-content:space-between;align-items:center;gap:18px}.p-card-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:23px 0 18px;font-size:9px;color:#819085}.p-card-meta span{display:flex;gap:5px;align-items:center}.p-card-meta .icon{width:12px;height:12px}.p-card-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid var(--line);margin-top:auto}.p-card-bottom .btn{border:0;min-height:27px;padding:4px 9px;border-radius:7px}.p-card-bottom .btn .icon{height:14px;width:14px}
.p-badge{display:inline-flex;align-items:center;gap:5px;border:1px solid #e1e7df;background:#f0f5ed;color:#5c7458;padding:3px 7px;border-radius:6px;font-size:9px;line-height:1.5;white-space:nowrap}.p-badge>span{width:4px;height:4px;background:currentColor;border-radius:50%;flex:none}.p-badge.paused,.p-badge.disconnected,.p-badge.invited{color:#7b827b;background:#f3f4f1;border-color:#e6e8e2}.p-badge.pending,.p-badge.expired,.p-badge.processing,.p-badge.open{color:#937843;background:#faf5e9;border-color:#f0e8d3}.p-badge.failed,.p-badge.rejected{color:#967267;background:#faf0eb;border-color:#f0e0d8}.p-count{display:inline-grid;place-items:center;height:22px;min-width:22px;border-radius:6px;font-size:10px;color:#937843;background:#faf5e9;border:1px solid #f0e8d3}
.p-panel{background:#ffffffa8;border:1px solid var(--line);border-radius:14px;padding:25px 25px 23px;min-width:0;margin-bottom:25px}.p-main-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:22px;align-items:stretch}.p-main-grid>.p-panel{height:calc(100% - 25px)}.p-review-row{display:flex;align-items:center;gap:13px;padding:17px 0;border-bottom:1px solid var(--line)}.p-review-row:last-child{border-bottom:0;padding-bottom:3px}.p-review-row>div{flex:1;min-width:0}.p-review-row strong{font-size:11px;font-weight:500;line-height:1.5;display:block}.p-review-row p{font-size:10px;line-height:1.6;margin-top:3px}.p-review-row>.p-text-link{font-size:10px;white-space:nowrap}.p-dot{padding:0 3px}
.p-checklist{display:grid;gap:17px;margin:25px 0}.p-check-row{display:flex;align-items:center;gap:10px;color:#6a7a6e;font-size:11px}.p-check-row>span:not(.p-check-circle){flex:1}.p-check-row>.icon{width:12px;height:12px;color:#9aa79b}.p-check-circle{width:17px;height:17px;border:1px solid #dfe5dc;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.p-check-circle.done{background:#e9f0e4;border-color:#dce8d3;color:#748364}.p-check-circle .icon{width:10px;height:10px}.p-setup-panel>.btn{width:100%;font-size:11px;border-color:#dfe5dc;background:#fafbf8;margin-top:4px}
.p-table-scroll{overflow-x:auto;margin:0 -2px}.p-table{width:100%;border-collapse:collapse;font-size:11px;line-height:1.6;text-align:left}.p-table th{color:#8a968d;font-size:9px;font-weight:400;padding:0 15px 11px 0;border-bottom:1px solid var(--line);white-space:nowrap}.p-table td{padding:15px 15px 15px 0;border-bottom:1px solid #edf0eb;color:#78877c;font-size:10px;vertical-align:middle}.p-table td:first-child{min-width:160px;color:#3d4d41;max-width:350px}.p-table td:last-child,.p-table th:last-child{padding-right:0;text-align:right}.p-table tr:last-child td{border-bottom:0}.p-table td strong{display:block;font-size:11px;font-weight:400;color:#3c4c40}.p-table td small{display:block;font-size:9px;color:#8a978d;margin-top:3px}.p-table .btn{min-height:27px;font-size:9px;padding:5px 9px;border-radius:7px}.p-table-panel{padding:22px 25px 15px}.p-nowrap{white-space:nowrap}
.p-empty{padding:45px 20px;min-height:210px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:13px;grid-column:1/-1}.p-empty>.icon{color:#a5b39f;margin-bottom:6px}.p-empty h3{font-size:18px}.p-empty p{font-size:12px;max-width:420px}.p-empty h1{font-size:30px}.p-notice{display:flex;align-items:flex-start;gap:11px;margin:24px 0;padding:16px 20px;border:1px solid #e4e8df;border-radius:11px;background:#f0f3eb;color:#7a866c;font-size:11px;line-height:1.75}.p-notice .icon{margin-top:2px}.p-notice p{font-size:inherit;color:#718065}.p-small{font-size:10px;line-height:1.7;color:#809082;margin-top:12px}.p-notice .p-small{margin:0}
.p-filters{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 24px}.p-search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;background:white;padding:0 13px;max-width:340px;width:100%}.p-search>.icon{color:#99a499}.p-search input{border:0;background:transparent;font-size:12px;min-width:0;height:40px;flex:1;outline-offset:0}.p-filter-selects{display:flex;gap:10px;align-items:center;flex:1;justify-content:flex-end}.p-filter-selects select{max-width:210px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px 13px;font-size:11px;min-height:40px;text-overflow:ellipsis}
.p-detail-heading{display:flex;align-items:center;gap:18px;margin:0 0 30px}.p-detail-heading>.p-avatar{width:55px;height:55px;border-radius:16px}.p-detail-heading>div{flex:1}.p-detail-heading h1{font-size:33px;margin-bottom:8px}.p-detail-heading p{font-size:13px}.p-back{margin:0 0 25px}.p-back .icon{transform:rotate(180deg);height:12px;width:12px}.p-detail-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:22px;align-items:start}.p-detail-grid>.p-panel{margin:0}.p-task-checks{display:grid;gap:2px;margin-top:25px}.p-task-check{display:flex;align-items:flex-start;gap:13px;padding:19px 0;border-top:1px solid var(--line);font-size:12px;cursor:pointer}.p-task-check strong{font-size:12px;font-weight:400;display:block;line-height:1.65}.p-task-check small{font-size:10px;color:#94a08f;display:block;margin-top:6px}.p-task-check input{margin-top:5px;accent-color:#50674c;width:15px;height:15px;flex:none}.p-content .field,.p-dialog .field{margin:0 0 20px;gap:7px}.p-content .field>span,.p-dialog .field>span{font-size:11px;color:#778774}.p-content .field input,.p-content .field textarea,.p-content .field select,.p-dialog .field input,.p-dialog .field textarea,.p-dialog .field select{border:1px solid #dfe5db;background:#fff;border-radius:9px;font-size:12px;padding:11px 12px;width:100%;min-height:42px;color:#3e503c;line-height:1.65;box-shadow:none}.p-content .field textarea,.p-dialog .field textarea{min-height:118px;resize:vertical}.p-content .field textarea:read-only{background:#f7f9f4;color:#87957f}.p-form-footer{display:flex;gap:12px;justify-content:flex-end;align-items:center;padding:21px 0 0;grid-column:1/-1;margin:0 0 20px}.p-panel .p-form-footer{border-top:1px solid var(--line);margin:20px 0 0}.p-form-footer .btn{font-size:11px;gap:8px}.p-detail-grid>.p-form-footer{padding:5px 0 15px}.p-inline-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.p-result-editor{display:block;width:100%;border:1px solid #e2e7dd;background:#fdfefb;min-height:250px;padding:19px;border-radius:9px;line-height:1.85;font-size:13px;color:#41513b;resize:vertical;margin:22px 0}.p-result-editor:read-only{background:#f5f8f0}.p-context-label{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#919d8a;margin:24px 0 11px}.p-source-context p{font-size:12px;line-height:1.8}.p-source-context strong{font-size:12px;display:block;margin-bottom:10px;font-weight:500}.p-source-context .p-notice{margin:27px 0 0}.p-source-context .p-notice p{font-size:11px}
.p-plain-button{background:none;border:0;padding:0;cursor:pointer;text-align:left}.p-source-link{display:flex;align-items:center;gap:11px;color:#718167}.p-connections-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.p-connection{display:flex;flex-direction:column;margin-bottom:0;background:#fff}.p-provider-mark{width:38px;height:38px;display:grid;place-items:center;background:#f4f5f1;border:1px solid #e7e9e3;border-radius:10px;font-size:18px;letter-spacing:-.05em;color:#63725a}.p-connection h2{font-size:20px;margin:23px 0 12px}.p-connection>p{font-size:10px}.p-permissions{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0}.p-permissions span{font-size:9px;color:#88957e;border:1px solid #e4e9dc;border-radius:5px;padding:3px 6px}.p-connection .p-card-bottom .btn{font-size:11px;border:1px solid #dfe5d5;min-height:32px;padding:6px 12px}.p-connection .p-card-bottom .btn:not(.secondary){border-color:var(--ink)}
.p-chart{padding-top:10px}.p-chart-bars{height:170px;display:flex;align-items:flex-end;gap:5px;border-bottom:1px solid #e1e6d8;background:repeating-linear-gradient(to top,transparent 0,transparent 55px,#edf1e5 56px)}.p-bar-track{flex:1;height:100%;display:flex;align-items:flex-end;min-width:0}.p-bar{width:100%;background:#a6b198;border-radius:4px 4px 0 0;min-height:2px;transition:height .2s}.p-bar-track:nth-child(3n) .p-bar{background:#596d50}.p-chart-axis{display:flex;justify-content:space-between;font-size:10px;color:#8d9a82;margin-top:10px}.p-bars-list{display:grid;gap:30px;padding-top:12px}.p-bars-list .p-between{gap:20px;align-items:flex-start;font-size:11px;margin-bottom:13px}.p-bars-list .p-between strong{font-size:12px;font-weight:400}.p-bars-list .p-between span{max-width:175px;color:#687b59}.p-meter{height:6px;background:#eef2e7;border-radius:5px;overflow:hidden}.p-meter>span{display:block;height:100%;background:#82936e;border-radius:5px}.p-meter.large{height:8px;margin:20px 0 8px}
.p-plan>p{font-size:12px}.p-plan-price{font-size:44px;font-weight:400;letter-spacing:-.055em;line-height:1.2;margin:23px 0}.p-plan-price>span{font-size:12px;letter-spacing:0;color:#839573;margin-left:9px}.p-plan-details{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 0 28px}.p-plan-details>div{display:flex;flex-direction:column;gap:6px}.p-plan-details span{font-size:10px;color:#8a9b78}.p-plan-details strong{font-size:12px;font-weight:400}.p-plan .p-small{font-size:10px}.p-plan .p-inline-actions{margin-bottom:18px}.p-usage-number{font-size:38px;letter-spacing:-.05em;margin:32px 0 14px;line-height:1.3}.p-usage-number small{font-size:12px;letter-spacing:0;color:#859775}.p-divider{height:1px;background:var(--line);margin:28px 0}.p-panel>.p-divider+p{font-size:12px;line-height:1.8}.p-guarantee{border:1px solid #dfe6d4;background:#f0f4e9;border-radius:14px;padding:25px;display:flex;align-items:center;gap:20px;margin:30px 0}.p-guarantee>div{flex:1}.p-guarantee h2{font-size:20px;line-height:1.4;margin-bottom:9px}.p-guarantee p{font-size:12px;line-height:1.7}.p-guarantee small{font-size:10px;line-height:1.6;display:block;margin-top:6px;color:#8a9b78}.p-guarantee>.btn{max-width:220px;flex:none;white-space:normal}.p-danger-row{display:flex;justify-content:space-between;align-items:center;gap:40px;margin:30px 0 50px}.p-danger-row>p{font-size:11px;max-width:600px;line-height:1.75}.p-danger-row .btn{color:#8b7767;border-color:#e2dcd5;flex:none}
.p-tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);margin:0 0 28px;overflow:auto}.p-tabs>button{border:0;background:transparent;padding:0 0 13px;white-space:nowrap;font-size:12px;color:#839772;position:relative}.p-tabs>button.active{color:#314824}.p-tabs>button.active:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:#627d4e}.p-form-panel{max-width:880px;padding:30px}.p-form-panel .form-grid{gap:0 23px}.p-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 0;border-bottom:1px solid var(--line);font-size:13px;cursor:pointer}.p-toggle-row:last-of-type{border-bottom:0}.p-toggle-row span{max-width:85%}.p-switch{appearance:none;width:34px;height:20px;border:1px solid #d5dccb;background:#e7ecde;border-radius:20px;position:relative;flex:none;cursor:pointer;transition:background .15s}.p-switch:before{content:'';width:14px;height:14px;border-radius:50%;background:white;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #3c53221a;transition:transform .15s}.p-switch:checked{background:#819868;border-color:#819868}.p-switch:checked:before{transform:translateX(14px)}.p-form-panel .p-between{align-items:center}.p-form-panel .p-between p{font-size:12px;max-width:560px;margin-top:8px}.p-form-panel .p-between strong{font-weight:500;font-size:13px}.p-form-panel .p-between .btn{flex:none}.p-faq{border-top:1px solid var(--line);padding:19px 0;font-size:13px}.p-faq:first-of-type{border-top:0}.p-faq summary{cursor:pointer;font-size:13px;color:#465b34;line-height:1.7}.p-faq p{font-size:12px;line-height:1.85;padding:15px 15px 0}.p-ticket{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-top:1px solid var(--line);padding:18px 0;text-align:left;background:transparent;gap:12px}.p-ticket>div{min-width:0}.p-ticket strong{font-size:12px;font-weight:500;display:block;overflow-wrap:anywhere}.p-ticket small{font-size:10px;color:#8f9f7d;display:block;margin-top:6px}
.p-preview-footer{margin-top:50px;padding:20px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;color:#98a48d;font-size:9px;line-height:1.6}.p-preview-footer label{display:flex;align-items:center;gap:10px}.p-preview-footer select{font-size:9px;padding:4px 8px;border:1px solid var(--line);border-radius:5px;background:transparent;color:#8a9a7b}.p-preview-footer>span>span{margin:0 5px}.p-mobile-menu,.p-mobile-close,.p-mobile-scrim{display:none}
.p-backdrop{position:fixed;inset:0;background:#101b234a;backdrop-filter:blur(5px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:25px}.p-dialog{width:590px;max-width:100%;max-height:calc(100dvh - 50px);overflow:auto;background:#fafbf8;border:1px solid #e3e8dc;box-shadow:0 20px 80px #14250a1a;border-radius:20px;padding:29px 32px 20px}.p-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:27px}.p-dialog-head h2{font-size:27px;line-height:1.25;letter-spacing:-.045em;max-width:430px}.p-dialog>.p-dialog-copy{margin:23px 0}.p-dialog p{font-size:12px;line-height:1.85}.p-dialog .p-small{font-size:10px}.p-dialog .p-form-footer{margin:5px 0 0}.p-dialog .p-tabs{gap:25px}.p-dialog .p-tabs button{font-size:11px}.p-dropzone{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:28px;border:1px dashed #b9c9a4;background:#f4f8ec;border-radius:12px;margin:20px 0}.p-dropzone .icon{color:#92a777}.p-dropzone strong{font-size:14px;font-weight:500}.p-dropzone small{font-size:10px;text-align:center;color:#93a280;line-height:1.75}.p-dropzone input{font-size:11px;max-width:100%}.p-dropzone input::file-selector-button{padding:6px 12px;border-radius:5px;border:1px solid #cedbbf;background:#fff;color:#617c47;font:inherit;margin-right:10px}.p-permission-list{list-style:none;padding:0;display:grid;gap:20px;margin:22px 0}.p-permission-list>li{display:flex;gap:13px}.p-permission-list>li>.icon{color:#8eaa6e;margin-top:4px}.p-permission-list strong{font-size:12px;font-weight:500}.p-permission-list p{font-size:11px;line-height:1.8;margin-top:4px}.p-inline-error{color:#94604d;font-size:11px;line-height:1.75;margin-top:15px}.p-inline-error:empty{display:none}.p-preserve{white-space:pre-wrap;overflow-wrap:anywhere}
.p-state-page{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:65vh;gap:20px;text-align:center}.p-state-page>.icon{color:#9caf87}.p-state-page h1{font-size:34px;letter-spacing:-.04em;max-width:600px}.p-state-page p{font-size:13px;max-width:550px}.p-state-page small{font-size:10px}.p-spinner{width:26px;height:26px;border:2px solid #e0e8d8;border-top-color:#7e9863;border-radius:50%;animation:p-spin 1s linear infinite}.p-skeleton{width:80%;height:30px;background:#edf2e6;border-radius:7px;max-width:600px}.p-skeleton.short{width:50%}@keyframes p-spin{to{transform:rotate(360deg)}}
@media(min-width:1650px){.p-content{padding:48px 60px 0}.p-topbar{padding:0 60px}.p-welcome h1{font-size:50px}.p-stat{padding:24px}.p-employee-card h3{font-size:19px}.p-employee-card>p{font-size:12px}.p-nav-link{font-size:13px}}
@media(max-width:1250px){.p-layout{grid-template-columns:210px minmax(0,1fr)}.p-sidebar{padding:30px 13px 18px}.p-content{padding:30px 27px 0}.p-topbar{padding:0 27px}.p-main-grid{grid-template-columns:1.4fr 1fr;gap:15px}.p-stat{padding:18px 14px}.p-stat>div{font-size:10px}.p-stat>strong{font-size:31px}.p-stat>small{font-size:9px}.p-employee-card{padding:20px 17px 16px}.p-employee-card h3{font-size:16px}.p-employee-grid{gap:12px}.p-panel{padding:22px 19px}.p-review-row{gap:10px}.p-review-row>.p-text-link{max-width:88px;white-space:normal;font-size:9px}.p-review-row strong{font-size:10px}.p-review-row p{font-size:9px}.p-check-row{font-size:10px}.p-card-head h2{font-size:16px}.p-heading h1{font-size:33px}.p-heading p:not(.p-eyebrow){font-size:12px}.p-connections-grid{gap:13px}.p-badge{font-size:8px}.p-plan-price{font-size:39px}.p-plan .p-inline-actions .btn{font-size:10px}.p-guarantee{flex-wrap:wrap}.p-guarantee>div{min-width:60%}.p-guarantee>.btn{margin-left:62px}.p-tabs{gap:23px}}
@media(max-width:1050px){.p-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.p-employee-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.p-employee-card:last-child:nth-child(odd){grid-column:1/-1}.p-employee-card:last-child:nth-child(odd)>p{min-height:0}.p-main-grid{grid-template-columns:1fr}.p-connections-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.p-detail-grid{grid-template-columns:1fr}.p-detail-heading h1{font-size:28px}.p-detail-heading{align-items:flex-start}.p-welcome-mark{width:100px;height:100px;margin:0 0 0 10px}.p-welcome-mark>.icon{width:45px;height:45px}.p-welcome h1{font-size:39px}.p-heading{align-items:flex-start}.p-heading .btn{font-size:10px;padding:9px 13px}.p-plan-price{font-size:44px}.p-plan .p-inline-actions .btn{font-size:12px}.p-topbar-tools{gap:10px!important}.p-review-row strong{font-size:12px}.p-review-row p{font-size:10px}.p-review-row>.p-text-link{max-width:none;font-size:11px}.p-form-panel .form-grid{grid-template-columns:1fr}.p-filters{flex-wrap:wrap}.p-search{max-width:none}.p-filter-selects{justify-content:flex-start}.p-filter-selects select{flex:1;max-width:100%}.p-stats.three .p-stat>div{min-height:31px}.p-danger-row{flex-wrap:wrap;gap:20px}.p-breadcrumb{font-size:10px;gap:9px}.p-table td{font-size:11px}.p-table td strong{font-size:11px}.p-table td small{font-size:10px}}
@media(max-width:780px){.p-layout{display:block}.p-sidebar{position:fixed;left:0;top:0;bottom:0;height:100dvh;width:245px;transform:translateX(-100%);transition:transform .2s ease;z-index:100;padding:30px 18px 20px}.p-sidebar.is-open{transform:translateX(0)}.p-nav-link{font-size:13px}.p-mobile-menu,.p-mobile-close{display:inline-flex}.p-mobile-scrim{display:block;position:fixed;inset:0;background:#10251638;border:0;z-index:90}.p-topbar{height:68px;padding:0 21px;background:#fafbf9}.p-topbar>div{gap:8px}.p-topbar-tools>.btn{font-size:10px;padding:8px 12px}.p-topbar-tools>.p-topbar-divider{display:none}.p-content{padding:30px 25px 0}.p-demo-bar{height:auto;min-height:31px;font-size:8px;padding:6px 15px;gap:8px;line-height:1.6}.p-demo-bar strong{display:none}.p-welcome{padding-bottom:28px}.p-welcome h1{font-size:39px}.p-welcome-mark{display:none}.p-welcome p:not(.p-eyebrow){font-size:12px;max-width:470px}.p-badge{font-size:9px}.p-stat>div{font-size:11px}.p-stat>strong{font-size:32px}.p-stat{padding:21px}.p-stat>small{font-size:10px}.p-employee-card h3{font-size:18px}.p-employee-card>p{font-size:12px}.p-card-head h2{font-size:18px}.p-panel{padding:23px}.p-review-row strong{font-size:12px}.p-review-row>.p-text-link{font-size:10px}.p-panel-sub{font-size:12px}.p-check-row{font-size:12px}.p-checklist{gap:18px}.p-check-circle{width:19px;height:19px}.p-check-circle .icon{width:12px;height:12px}.p-heading h1{font-size:34px}.p-heading{gap:20px}.p-heading p:not(.p-eyebrow){font-size:12px}.p-table th{font-size:10px}.p-text-link{font-size:12px}.p-heading h1.p-result-title{font-size:30px}.p-preview-footer{font-size:8px;margin-top:40px}.p-topbar-tools .compact-select{font-size:10px}.p-tabs button{font-size:12px}.p-task-check strong{font-size:13px}.p-content .field input,.p-content .field textarea,.p-content .field select,.p-dialog .field input,.p-dialog .field textarea,.p-dialog .field select{font-size:16px}.p-content .field>span,.p-dialog .field>span{font-size:12px}}
@media(max-width:480px){.p-content{padding:25px 18px 0}.p-topbar{padding:0 13px}.p-breadcrumb>span,.p-breadcrumb{font-size:10px}.p-breadcrumb{gap:6px}.p-topbar-tools{gap:6px!important}.p-topbar-tools .btn{padding:8px 10px;font-size:9px;gap:4px}.p-topbar-tools .btn>.icon{width:12px}.p-topbar-tools>.p-icon-link{min-width:25px;padding:4px}.p-welcome h1{font-size:36px}.p-welcome p:not(.p-eyebrow){font-size:11px}.p-eyebrow{font-size:8px}.p-stats{gap:10px;margin-bottom:27px}.p-stat{padding:17px 15px}.p-stat>div{font-size:10px}.p-stat>strong{font-size:29px}.p-stat>small{font-size:8px}.p-stats.three{grid-template-columns:1fr}.p-stats.three .p-stat>div{min-height:0}.p-employee-grid,.p-connections-grid{grid-template-columns:1fr}.p-employee-card{padding:22px}.p-employee-card h3{font-size:19px}.p-employee-card>p{min-height:0;font-size:12px}.p-card-meta{font-size:10px}.p-panel{padding:21px 18px;border-radius:12px}.p-card-head{gap:12px}.p-card-head h2{font-size:16px}.p-card-head>.p-text-link{font-size:10px}.p-review-row{gap:9px;flex-wrap:wrap}.p-review-row>.p-text-link{font-size:9px;max-width:70px;white-space:normal}.p-review-row strong{font-size:11px}.p-review-row p{font-size:9px}.p-review-row>.p-badge{margin-left:42px}.p-review-row>.p-badge+.p-icon-link{margin-left:auto}.p-heading{display:block}.p-heading h1{font-size:31px;margin-bottom:12px}.p-heading-actions{margin-top:17px}.p-heading>.p-badge{margin-top:17px}.p-heading p:not(.p-eyebrow){font-size:12px}.p-detail-heading{flex-wrap:wrap;gap:13px}.p-detail-heading h1{font-size:26px;line-height:1.2}.p-detail-heading p{font-size:11px}.p-detail-heading>.p-avatar{width:46px;height:46px}.p-detail-heading>.p-badge{margin-left:59px}.p-result-editor{font-size:16px;padding:15px}.p-guarantee{padding:23px 19px;gap:15px}.p-guarantee>div{min-width:100%}.p-guarantee>.btn{margin-left:0;font-size:11px;max-width:none}.p-guarantee h2{font-size:23px}.p-plan-price{font-size:43px}.p-plan .p-inline-actions{gap:10px}.p-plan .p-inline-actions .btn{font-size:10px;padding:9px 13px}.p-plan-details{grid-template-columns:1fr;gap:18px}.p-plan-details>div{flex-direction:row;justify-content:space-between;gap:12px}.p-tabs{gap:20px}.p-tabs>button{font-size:11px}.p-form-panel .p-between{flex-wrap:wrap;gap:18px}.p-toggle-row{font-size:12px}.p-toggle-row span{max-width:79%}.p-preview-footer{align-items:flex-start;gap:12px}.p-preview-footer label{gap:5px;display:flex;flex-direction:column;align-items:flex-end}.p-dialog{padding:24px 21px 19px;border-radius:16px;max-height:calc(100dvh - 25px)}.p-backdrop{padding:12px}.p-dialog-head h2{font-size:25px}.p-dialog .p-tabs{gap:16px}.p-dialog .p-tabs button{font-size:10px}.p-dialog p{font-size:12px}.p-form-footer{flex-wrap:wrap}.p-form-footer .btn{font-size:11px;padding:10px 14px}.p-dropzone{padding:20px 12px}.p-usage-number{font-size:37px}.p-filters{gap:10px}.p-filter-selects{gap:8px;width:100%}.p-filter-selects select{width:50%;min-width:0;font-size:10px;padding:9px}.p-state-page h1{font-size:28px}.p-state-page p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.p-spinner{animation:none}.p-sidebar,.p-bar,.p-switch{transition:none}}
@media print{.p-sidebar,.p-topbar,.p-demo-bar,.p-preview-footer,.p-backdrop{display:none!important}.p-layout{display:block}.p-content{padding:0}.p-panel,.p-employee-card,.p-stat{break-inside:avoid}.p-content .btn,.p-content button{display:none}.p-table-scroll{overflow:visible}.p-main-grid{display:block}.p-heading h1{font-size:28px}}

.p-table-scroll{position:relative;max-width:100%}

/* 13-09-2026: herkenbare logo's bij koppelingen; letters als terugval */
.p-provider-mark{position:relative;overflow:hidden}.p-provider-mark img{width:26px;height:26px;object-fit:contain;position:absolute;inset:0;margin:auto;background:#fff;border-radius:6px}.p-provider-mark img+b{visibility:hidden}.p-provider-mark b{font-weight:400}

/* ---- Opgeruimd portaal (17-09-2026): postvak, contacten, aandachtlijst en de demobalk per branche ---- */
.bk-postvak{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:20px;align-items:start}
.bk-post-lijst{padding:6px 0;max-height:70vh;overflow:auto}
.bk-post-rij{display:block;width:100%;text-align:left;border:0;background:transparent;padding:13px 18px;border-bottom:1px solid var(--line);cursor:pointer;font:inherit;color:inherit}
.bk-post-rij:last-child{border-bottom:0}

.bk-post-rij.actief{background:#eef2ec}
.bk-post-kop{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.bk-post-kop strong{font-size:13px;font-weight:600}
.bk-post-kop small,.bk-rij-tijd{font-size:10px;color:var(--muted);white-space:nowrap}
.bk-post-meta{display:flex;gap:7px;align-items:center;margin:3px 0 4px;font-size:10px;color:var(--muted)}
.bk-post-preview{display:block;font-size:12px;color:#5d6a63;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.bk-post-preview em{font-style:normal;color:var(--muted)}
.bk-post-draad{display:flex;flex-direction:column;gap:14px;min-height:420px}
.bk-draad-kop{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:flex-start}
.bk-draad-kop strong{display:block;font-size:15px}
.bk-draad-kop small{font-size:11px;color:var(--muted)}
.bk-draad-knoppen{display:flex;gap:8px;flex-wrap:wrap}
.p-notice-line{display:flex;gap:8px;align-items:center;font-size:11px;color:#937843;background:#faf5e9;border:1px solid #f0e8d3;border-radius:9px;padding:8px 11px;margin:0}
.bk-bellen{display:flex;flex-direction:column;gap:10px;max-height:46vh;overflow:auto;padding-right:4px}
.bk-bel{max-width:80%;border-radius:14px;padding:10px 13px;background:#f2f4f1}
.bk-bel.uit{align-self:flex-end;background:#e9eee8}
.bk-bel small{display:block;font-size:10px;color:var(--muted);margin-bottom:4px}
.bk-bel p{margin:0;font-size:13px;line-height:1.55;white-space:pre-wrap}
.bk-concept{border:1px solid #e4ded0;background:#fcfaf4;border-radius:13px;padding:14px 16px}
.bk-concept small{display:block;font-size:10px;letter-spacing:.04em;color:#937843;margin-bottom:6px}
.bk-concept p{margin:0 0 12px;font-size:13px;line-height:1.6;white-space:pre-wrap}
.bk-concept textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px;font:inherit;font-size:13px;line-height:1.6;background:#fff;margin-bottom:12px}
.bk-concept-knoppen{display:flex;gap:8px;flex-wrap:wrap}
.bk-antwoord{display:flex;gap:10px;align-items:flex-end;border-top:1px solid var(--line);padding-top:14px;margin-top:auto}
.bk-antwoord textarea{flex:1;border:1px solid var(--line);border-radius:11px;padding:10px 12px;font:inherit;font-size:13px;resize:vertical;background:#fff}
.bk-aandacht{display:flex;flex-direction:column}
.bk-rij{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:12px 2px;cursor:pointer;font:inherit;color:inherit}
.bk-rij:last-child{border-bottom:0}

.bk-rij.stil{cursor:default}

.bk-rij-ic{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#eef1ec;color:#5c7458;flex:none}
.bk-rij-tekst{flex:1;min-width:0}
.bk-rij-tekst strong{display:block;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bk-rij-tekst small{display:block;font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bk-sub{font-size:12px;letter-spacing:.02em;margin:4px 0 0}
.p-inline-note{margin:0 0 30px;font-size:12px}
.field.wide{grid-column:1/-1}
.p-demo-bar{flex-wrap:wrap;height:auto;padding:9px 20px;font-size:11px}
.p-demo-bar .btn.small{padding:5px 12px;font-size:11px}
.p-demo-bar a{white-space:nowrap}
@media(max-width:900px){.bk-postvak{grid-template-columns:1fr}.bk-post-lijst{max-height:44vh}.bk-bel{max-width:92%}}

html[data-theme=dark] .bk-post-rij.actief{background:#141b21}
html[data-theme=dark] .bk-bel{background:#0f1418}
html[data-theme=dark] .bk-bel.uit{background:#1b242b}
html[data-theme=dark] .bk-concept{background:#171a16;border-color:#2a323a}
html[data-theme=dark] .bk-concept textarea,html[data-theme=dark] .bk-antwoord textarea{background:#0f1418;color:#e8ebe6;border-color:#2a323a}
html[data-theme=dark] .bk-rij-ic{background:#1b242b;color:#cfd8cd}

#p-rules-form textarea,#p-wish-form textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px 12px;font:inherit;font-size:13px;line-height:1.55;background:#fff;resize:vertical}
html[data-theme=dark] #p-rules-form textarea,html[data-theme=dark] #p-wish-form textarea{background:#0f1418;color:#e8ebe6;border-color:#2a323a}
@media(max-width:760px){.p-topbar-tools{gap:7px}.p-topbar-tools .btn.small{font-size:0;padding:9px 10px;gap:0}.p-topbar-tools .btn.small .icon{width:15px;height:15px}}

/* drop 56 (23-09-2026): de actiekaart toont wat er weggaat, met knoppen die zeggen wat er gebeurt */
.bk-actie{border:1px solid #e4ded0;background:#fcfaf4;border-radius:13px;padding:16px 18px;display:flex;flex-direction:column;gap:12px}
.bk-actie-status{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;color:#7a5f2b}
.bk-actie-status::before{content:"";width:7px;height:7px;border-radius:50%;background:#c9973f;flex:none}
.bk-actie-aan{margin:0;font-size:15px;line-height:1.5;color:var(--ink,#141519)}
.bk-actie-ond{color:#5a5c66;font-size:14px}
.bk-actie-body{white-space:pre-wrap;font-size:14px;line-height:1.6;color:var(--ink,#141519);background:#fff;border:1px solid var(--line,#e7e5de);border-radius:11px;padding:12px 14px;max-height:280px;overflow:auto}
.bk-actie textarea{width:100%;min-height:240px;border:1px solid var(--line,#e7e5de);border-radius:11px;padding:12px 14px;font:inherit;font-size:14px;line-height:1.6;background:#fff;resize:vertical}
.bk-actie .btn,.bk-concept .btn{min-height:44px;transition:transform 140ms cubic-bezier(.23,1,.32,1)}
.bk-actie .btn:active,.bk-concept .btn:active{transform:scale(.97)}
.bk-concept small{font-size:13px;letter-spacing:0}
.bk-actie-kader{white-space:pre-line;font-size:14px;line-height:1.6;margin:0 0 12px}
.bk-notitie{align-self:center;margin:2px 0;font-size:13px;color:#7c7e88}
html[data-theme=dark] .bk-actie{background:#171a16;border-color:#2a323a}
html[data-theme=dark] .bk-actie-aan{color:#e8ebe6}
html[data-theme=dark] .bk-actie-body,html[data-theme=dark] .bk-actie textarea{background:#0f1418;color:#e8ebe6;border-color:#2a323a}
@media (prefers-reduced-motion:reduce){.bk-actie .btn,.bk-concept .btn{transition:none}}

/* ---- Vertaalknop in Gesprekken (drop 69) ---- */
.bk-bel p,.bk-concept p,.bk-voorbeeld-bron,.bk-antwoord textarea,.bk-voorbeeld textarea{unicode-bidi:plaintext}
.bk-origineel{margin-top:6px}.bk-origineel summary{cursor:pointer;list-style:none;font-size:11px;color:var(--muted);min-height:24px;display:flex;align-items:center;gap:4px}.bk-origineel summary::-webkit-details-marker{display:none}.bk-origineel summary::before{content:"\203A";display:inline-block;transition:transform 150ms ease-out}.bk-origineel[open] summary::before{transform:rotate(90deg)}.bk-origineel p{margin:4px 0 0;font-size:12px;color:var(--muted)}
.bk-vertaling{margin:8px 0 0;padding:8px 10px;border-radius:9px;background:rgba(79,70,229,.07);font-size:13px;line-height:1.55;white-space:pre-wrap}.bk-vertaling span{display:block;font-size:11px;color:#4F46E5;margin-bottom:3px}
.bk-antwoord-veld{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.bk-antwoord-veld textarea{width:100%;box-sizing:border-box}.bk-antwoord-hint{font-size:11px;color:var(--muted)}
.bk-voorbeeld{border:1px solid #c7d2fe;background:#eef2ff;border-radius:13px;padding:14px 16px;margin-top:auto;display:flex;flex-direction:column;gap:8px}.bk-voorbeeld small{font-size:11px;color:#4F46E5}.bk-voorbeeld-bron{margin:0;font-size:12px;color:var(--muted);white-space:pre-wrap}.bk-voorbeeld textarea{border:1px solid #c7d2fe;border-radius:11px;padding:10px 12px;font:inherit;font-size:13px;line-height:1.55;resize:vertical;background:#fff;box-sizing:border-box;width:100%}
html[data-theme=dark] .bk-vertaling{background:rgba(129,140,248,.14)}html[data-theme=dark] .bk-vertaling span{color:#a5b4fc}html[data-theme=dark] .bk-voorbeeld{background:#171a2b;border-color:#3b3f6b}html[data-theme=dark] .bk-voorbeeld small{color:#a5b4fc}html[data-theme=dark] .bk-voorbeeld textarea{background:#0f1418;color:inherit;border-color:#3b3f6b}
.bk-actie-body{unicode-bidi:plaintext}.bk-actie .bk-vertaling{margin:6px 0 10px}
.bk-herkomst{color:var(--muted);font-size:12px}
.bk-2col{display:grid;grid-template-columns:1fr 2fr;gap:8px}.bk-2col input{width:100%;min-width:0}

/* ---- Verricht werk (drop 75) ---- */
.bk-werk{margin:14px 0 0;padding:14px 16px;border:1px solid var(--line,#E6E4DC);border-radius:13px;background:rgba(79,70,229,.035)}.bk-werk h3{display:flex;align-items:center;gap:6px;margin:0 0 10px;font-size:13px;font-weight:600}.bk-werk .bk-werk-lijst{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.bk-werk .bk-werk-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:10px;background:#fff;border:1px solid var(--line,#E6E4DC)}.bk-werk .bk-werk-item strong{display:block;font-size:13px}.bk-werk .bk-werk-item small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.bk-werk .bk-werk-item p{margin:6px 0 0;font-size:12px;color:var(--muted)}.bk-werk .bk-werk-fout{color:#b42318}.bk-werk .bk-werk-status{flex:0 0 auto;font-size:11px;padding:3px 8px;border-radius:999px;background:#ecfdf3;color:#067647;white-space:nowrap}.bk-werk .bk-werk-item.s-wacht .bk-werk .bk-werk-status{background:#fff7e6;color:#8a5a00}.bk-werk .bk-werk-item.s-afgewezen .bk-werk .bk-werk-status,.bk-werk .bk-werk-item.s-verlopen .bk-werk .bk-werk-status{background:#f2f2f0;color:#6E7091}.bk-werk .bk-werk-item.s-mislukt .bk-werk .bk-werk-status{background:#fef3f2;color:#b42318}.bk-werk .bk-werk-leeg{margin:0;font-size:12px;color:var(--muted)}
html[data-theme=dark] .bk-werk{background:rgba(129,140,248,.08)}html[data-theme=dark] .bk-werk .bk-werk-item{background:#0f1418;border-color:#2a2f3f}

/* ---- Werk: werkbord en resultaten (drop 76) ---- */
.bk-wb-tabs{margin-bottom:14px;flex-wrap:wrap}.bk-wb-tabs .p-count{margin-left:6px}.bk-wb-stats .p-stat strong{font-size:22px}
.bk-wb-bord{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}.bk-wb-kolom{background:var(--panel,#fff);border:1px solid var(--line,#E6E4DC);border-radius:14px;padding:12px;min-height:160px}.bk-wb-kolom h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:13px;font-weight:600;color:var(--muted)}.bk-wb-kolom.s-wacht h3{color:#8a5a00}.bk-wb-kolom.s-klaar h3{color:#067647}
.bk-wb-kaart{display:block;width:100%;text-align:left;font:inherit;color:inherit;background:#fff;border:1px solid var(--line,#E6E4DC);border-radius:11px;padding:10px 12px;margin:0 0 8px;cursor:pointer;transition:transform 140ms ease-out,box-shadow 140ms ease-out}.bk-wb-kaart:active{transform:scale(.985)}.bk-wb-kaart strong{display:block;font-size:13px;line-height:1.35}.bk-wb-kaart small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.bk-wb-kaart p{margin:6px 0 0;font-size:12px;color:var(--muted);line-height:1.45}.bk-wb-tijd{display:block;margin-top:6px;font-size:11px;color:var(--muted)}.bk-wb-kaart.s-wacht{border-color:#f3d9a4}.bk-wb-kaart.s-niet{opacity:.75}.bk-wb-leeg{margin:0;font-size:12px;color:var(--muted)}
.bk-wb-detail-kop{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:0 0 14px}.bk-wb-detail-kop h2{margin:4px 0 4px;font-size:22px;line-height:1.2}.bk-wb-blok{padding:12px 0;border-top:1px solid var(--line,#E6E4DC)}.bk-wb-blok small{display:block;font-size:11px;color:var(--muted);margin-bottom:6px}.bk-wb-blok p{margin:0;white-space:pre-wrap;line-height:1.55}.bk-wb-stappen{margin:0;padding-left:20px;line-height:1.55}.bk-wb-stappen li{margin:0 0 4px}.bk-wb-acties{margin:0;padding-left:20px;line-height:1.55}.bk-wb-uitvoer p{padding:12px 14px;border-radius:11px;background:rgba(79,70,229,.05);font-size:13px}.bk-wb-ontbreekt p{color:#8a5a00}
.bk-wb-resultaten{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.bk-wb-res{display:flex;align-items:center;gap:10px;text-align:left;font:inherit;color:inherit;background:#fff;border:1px solid var(--line,#E6E4DC);border-radius:12px;padding:10px 12px;cursor:pointer;transition:transform 140ms ease-out}.bk-wb-res:active{transform:scale(.985)}.bk-wb-res div{flex:1;min-width:0}.bk-wb-res strong{display:block;font-size:13px}.bk-wb-res small{display:block;color:var(--muted);font-size:11px}.bk-wb-res small b{color:var(--ink,#141519)}
@media (max-width:1100px){.bk-wb-bord{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.bk-wb-bord{grid-template-columns:1fr}}
html[data-theme=dark] .bk-wb-kolom,html[data-theme=dark] .bk-wb-kaart,html[data-theme=dark] .bk-wb-res{background:#0f1418;border-color:#2a2f3f}html[data-theme=dark] .bk-wb-uitvoer p{background:rgba(129,140,248,.1)}
.bk-wb-stats{grid-template-columns:repeat(5,minmax(0,1fr))}@media (max-width:1100px){.bk-wb-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.bk-wb-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---- Werkbord op schaal (drop 80): periodekeuze, compacte afgerond-lijst per dag, toon meer ---- */
.bk-wb-periode{display:flex;align-items:center;gap:6px;margin:0 0 12px;flex-wrap:wrap}.bk-wb-periode span{font-size:12px;color:var(--muted);margin-right:4px}.bk-wb-periode button{font:inherit;font-size:12px;padding:5px 10px;border-radius:999px;border:1px solid var(--line,#E6E4DC);background:#fff;color:inherit;cursor:pointer;transition:transform 140ms ease-out}.bk-wb-periode button:active{transform:scale(.97)}.bk-wb-periode button.active{background:var(--ink,#141519);color:#fff;border-color:var(--ink,#141519)}
.bk-wb-kolom h3 small{margin-left:auto;font-weight:400;font-size:11px;color:var(--muted)}.bk-wb-kolom.compact{max-height:70vh;overflow:auto;overscroll-behavior:contain}
.bk-wb-dag{margin:0 0 10px}.bk-wb-dag h4{display:flex;align-items:center;gap:6px;margin:0 0 4px;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.bk-wb-dag h4 span{font-weight:400;text-transform:none;letter-spacing:0}
.bk-wb-rij{display:flex;align-items:center;gap:10px;width:100%;text-align:left;font:inherit;color:inherit;background:#fff;border:1px solid var(--line,#E6E4DC);border-radius:9px;padding:7px 10px;margin:0 0 5px;cursor:pointer;transition:transform 140ms ease-out}.bk-wb-rij:active{transform:scale(.985)}.bk-wb-rij-tekst{flex:1;min-width:0}.bk-wb-rij-tekst strong{display:block;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bk-wb-rij-tekst small{display:block;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bk-wb-rij-tijd{flex:0 0 auto;font-size:11px;color:var(--muted)}.bk-wb-rij.s-niet{opacity:.7}.bk-wb-meer{padding:4px 0 2px}
html[data-theme=dark] .bk-wb-rij,html[data-theme=dark] .bk-wb-periode button{background:#0f1418;border-color:#2a2f3f}html[data-theme=dark] .bk-wb-periode button.active{background:#e7e9f2;color:#0f1418}
.bk-wb-bord{grid-template-columns:1fr 1fr 1.35fr .75fr}.bk-wb-rij-tekst strong{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}
@media (max-width:1100px){.bk-wb-bord{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.bk-wb-bord{grid-template-columns:1fr}}

/* ---- Werkbord drop 82: live werk + afgerond werk als lijst met archief ---- */
.bk-wb-live{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:640px){.bk-wb-live{grid-template-columns:1fr}}
.bk-wb-stats .p-stat small{display:block;margin-top:4px;font-size:11px;color:var(--muted)}.bk-wb-stats .p-stat small .p-text-link{font-size:11px}
.bk-wb-stand{margin-top:6px;font:inherit;font-size:14px;padding:6px 8px;border-radius:8px;border:1px solid var(--line,#E6E4DC);background:#fff;color:inherit;width:100%}
.bk-wb-historie{margin-top:16px}.bk-wb-balk{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.bk-wb-balk h3{margin:0;font-size:15px;display:flex;align-items:center;gap:8px}.bk-wb-balk .bk-wb-periode{margin:0}.bk-wb-zoek{font:inherit;font-size:13px;padding:6px 10px;border-radius:999px;border:1px solid var(--line,#E6E4DC);background:#fff;color:inherit;min-width:180px;margin-left:auto}
.bk-wb-bulk{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;margin:0 0 10px;border-radius:10px;background:var(--paper2,#F3F1EC);font-size:13px}
.bk-wb-tabelwrap{overflow-x:auto}.bk-wb-tabel{width:100%;border-collapse:collapse;font-size:13px}.bk-wb-tabel th{text-align:left;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:6px 8px;border-bottom:1px solid var(--line,#E6E4DC)}.bk-wb-tabel td{padding:8px;border-bottom:1px solid var(--line,#E6E4DC);vertical-align:top}.bk-wb-tabel tr:last-child td{border-bottom:0}
.bk-wb-tabel .sel{width:28px}.bk-wb-tabel .tit .p-text-link{font-weight:600;text-align:left}.bk-wb-tabel .tit small{display:block;color:var(--muted);font-size:11.5px;margin-top:2px}.bk-wb-tabel .bed{white-space:nowrap;text-align:right;width:90px}.bk-wb-tabel .dat{white-space:nowrap;color:var(--muted);width:120px}.bk-wb-tabel .sta{width:110px}.bk-wb-tabel .act{white-space:nowrap;width:70px;text-align:right}.bk-wb-tabel tr.s-niet .tit{opacity:.7}
.bk-wb-auto{margin:10px 0 0;color:var(--muted)}
.p-icon-btn{background:none;border:0;padding:4px;border-radius:6px;cursor:pointer;color:var(--muted);transition:transform 140ms ease-out}.p-icon-btn:active{transform:scale(.94)}
html[data-theme=dark] .bk-wb-stand,html[data-theme=dark] .bk-wb-zoek{background:#0f1418;border-color:#2a2f3f}html[data-theme=dark] .bk-wb-bulk{background:#1a2030}
.bk-wb-tabel .tit .p-text-link,.bk-wb-bulk .p-text-link,.bk-wb-stats .p-text-link,.bk-wb-auto .p-text-link{border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:none}.bk-wb-bulk .p-text-link,.bk-wb-stats .p-text-link{color:var(--muted);text-decoration:underline;font-size:12px}
.bk-wb-stand{font-size:13px}

/* ---- Kennisinterview (drop 83) ---- */
.bk-iv{margin-bottom:16px}.bk-iv h2{margin:0 0 4px}.bk-iv-balk{height:6px;border-radius:999px;background:var(--paper2,#F3F1EC);margin:12px 0 14px;overflow:hidden}.bk-iv-balk span{display:block;height:100%;background:var(--accent,#4F46E5);border-radius:999px;transition:width 220ms ease-out}
.bk-iv-vraag{padding:14px 16px;border:1px solid var(--line,#E6E4DC);border-radius:12px;margin-bottom:14px;background:#fff}.bk-iv-vraag h3{margin:2px 0 6px;font-size:17px}.bk-iv-reden{margin:0 0 6px;color:var(--muted);font-size:13px}.bk-iv-vb{margin:0 0 10px;font-size:13px;color:var(--muted)}.bk-iv-vraag textarea{width:100%;min-height:96px;resize:vertical;margin-bottom:10px}.bk-iv-vraag .p-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.bk-iv-lijst{list-style:none;margin:0;padding:0;display:grid;gap:6px}.bk-iv-lijst button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;font:inherit;color:inherit;background:none;border:1px solid var(--line,#E6E4DC);border-radius:10px;padding:8px 10px;cursor:pointer;transition:transform 140ms ease-out}.bk-iv-lijst button:active{transform:scale(.99)}.bk-iv-nr{flex:0 0 24px;height:24px;border-radius:50%;background:var(--paper2,#F3F1EC);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.bk-iv-tekst{flex:1;min-width:0}.bk-iv-tekst strong{display:block;font-size:13px;font-weight:600}.bk-iv-tekst small{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bk-iv-lijst li.s-beantwoord .bk-iv-nr{background:#E4F3EA;color:#1F6B3F}
.bk-iv-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0 0;border-color:var(--accent,#4F46E5)}.bk-iv-banner h2{margin:2px 0 4px}.bk-iv-banner .p-panel-sub{margin:0;max-width:60ch}@media (max-width:760px){.bk-iv-banner{flex-direction:column;align-items:flex-start}}
.p-badge.warn{background:#FFF4DB;color:#8A5A00}
html[data-theme=dark] .bk-iv-vraag,html[data-theme=dark] .bk-iv-lijst button{background:#0f1418;border-color:#2a2f3f}html[data-theme=dark] .bk-iv-balk,html[data-theme=dark] .bk-iv-nr{background:#1a2030}
.bk-iv h2,.bk-iv-banner h2{font-size:20px;letter-spacing:0;line-height:1.25}.bk-iv .p-text-link{border:0;background:none;padding:0;font:inherit;color:var(--muted);text-decoration:underline;cursor:pointer;font-size:13px}

/* ---- Corrigeren en leren (drop 86) ---- */
.bk-bel .bk-leer{display:inline-flex;align-items:center;gap:5px;margin-top:6px;font:inherit;font-size:12px;color:var(--muted);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;transition:transform 140ms ease-out}.bk-bel .bk-leer:active{transform:scale(.97)}
.p-check{display:flex;align-items:center;gap:8px;font-size:13px;margin:6px 0 4px}

/* ==== drop 88 (29-09-2026) — audit-herstel van het portaal. Indeling en uitstraling blijven; wat verandert:
   één letterfamilie (Instrument Sans, al zelf gehost), een leesbare schaal met 13px als ondergrens, één accent (indigo),
   knoppen die luisteren (scale .97, ease-out ≤ 300 ms, hover alleen met muis), raakvlakken van 44px, cijfers met tabular-nums,
   statistieken als één strook in plaats van losse kaartjes, resultaten als rijen, en een nachtmodus op dezelfde tokens.
   Alle regels staan onder .portal-body zodat ze boven de oudere regels (en hun media queries) uitkomen. Regels uit ONTWERP.md. ==== */
.portal-body{--p-bg:#F7F8F7;--p-side:#FAFBF9;--p-panel:#FFFFFF;--p-soft:#EFF1EF;--p-line:#E1E5E3;--p-line-strong:#C9D0CC;--p-ink:#141519;--p-text:#3A4048;--p-muted:#66717A;--p-accent:#4F46E5;--p-accent-ink:#3F37C9;--p-accent-soft:#EEF0FF;--p-ok-bg:#E6F4EA;--p-ok:#1E6B3A;--p-warn-bg:#FBF3E1;--p-warn:#8A5A00;--p-bad-bg:#FBEAE7;--p-bad:#A13224;--p-uit:cubic-bezier(.23,1,.32,1);
  --muted:var(--p-muted);--line:var(--p-line);--paper:var(--p-bg);--ink:var(--p-ink);--soft:var(--p-soft);--panel:var(--p-panel);--paper2:var(--p-soft);--accent:var(--p-accent);
  font-family:'Instrument Sans',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:15px;line-height:1.55;background:var(--p-bg);color:var(--p-ink);-webkit-font-smoothing:antialiased}
.portal-body p{color:var(--p-text)}
.portal-body small{font-size:13px}
.portal-body h1,.portal-body h2,.portal-body h3,.portal-body h4{color:var(--p-ink);font-weight:600;letter-spacing:-.02em;line-height:1.2}
.portal-body strong,.portal-body b{font-weight:600}
.portal-body :focus-visible{outline:2px solid var(--p-accent);outline-offset:3px;border-radius:4px}
.portal-body ::selection{background:var(--p-accent-soft)}

/* — knoppen: één systeem — */
.portal-body .btn{min-height:44px;padding:10px 20px;font-size:14px;font-weight:600;gap:8px;border-radius:100px;background:var(--p-ink);border-color:var(--p-ink);color:var(--p-bg);box-shadow:none;transform:none;transition:transform 140ms var(--p-uit),background-color 160ms ease,border-color 160ms ease,color 160ms ease}
.portal-body .btn.small{min-height:44px;padding:8px 16px;font-size:14px}
.portal-body .btn.secondary{background:var(--p-panel);color:var(--p-ink);border-color:var(--p-line-strong)}
.portal-body .btn:active{transform:scale(.97)}
.portal-body .btn:disabled{opacity:.5;transform:none}
.portal-body .btn .icon{width:16px;height:16px}
.portal-body .p-icon-button,.portal-body .p-icon-link,.portal-body .p-icon-btn{min-width:44px;min-height:44px;padding:10px;border-radius:12px;color:var(--p-text);transition:transform 140ms var(--p-uit),background-color 160ms ease}
.portal-body .p-icon-button:active,.portal-body .p-icon-link:active,.portal-body .p-icon-btn:active{transform:scale(.94)}
.portal-body .p-text-link{font-size:14px;font-weight:500;color:var(--p-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:var(--p-line-strong);gap:6px;min-height:44px;padding:8px 0;margin:-8px 0;box-sizing:border-box;background:none;border:0;padding:0;font-family:inherit;cursor:pointer;transition:color 160ms ease,text-decoration-color 160ms ease}
.portal-body .p-text-link .icon{width:16px;height:16px}
.portal-body .p-plain-button{font:inherit;color:inherit}
@media(hover:hover) and (pointer:fine){
  .portal-body .btn:hover{background:#2A2D36;border-color:#2A2D36;transform:none}
  .portal-body .btn.secondary:hover{background:var(--p-soft);border-color:var(--p-line-strong)}
  .portal-body .p-icon-button:hover,.portal-body .p-icon-link:hover,.portal-body .p-icon-btn:hover{background:var(--p-soft);color:var(--p-ink)}
  .portal-body .p-text-link:hover{color:var(--p-accent-ink);text-decoration-color:currentColor}
  .portal-body .p-nav-link:hover{background:var(--p-soft);color:var(--p-ink)}
  .portal-body .bk-post-rij:hover,.portal-body .bk-rij:hover{background:var(--p-soft)}
  .portal-body .bk-rij.stil:hover{background:transparent}
}

/* — zijbalk en bovenbalk — */
.portal-body .p-sidebar{background:var(--p-side);border-right-color:var(--p-line);padding:28px 16px 20px}
.portal-body .p-brand-row{padding:0 12px 26px}.portal-body .p-brand-row .brand{min-height:44px;display:inline-flex;align-items:center}
.portal-body .p-company{margin:0 6px 22px;padding-bottom:20px;border-bottom-color:var(--p-line)}
.portal-body .p-company>span{background:var(--p-soft);color:var(--p-ink);font-size:16px;width:36px;height:36px;border-radius:10px}
.portal-body .p-company strong{font-size:14px;max-width:150px}
.portal-body .p-company small{font-size:13px;color:var(--p-muted)}
.portal-body .p-nav-link{font-size:14px;line-height:1.35;padding:11px 14px;margin:2px 0;min-height:44px;border-radius:10px;color:var(--p-text);transition:background-color 160ms ease,color 160ms ease}
.portal-body .p-nav-link.active{background:var(--p-soft);color:var(--p-ink);font-weight:600}
.portal-body .p-nav-link.active>.icon{stroke-width:1.9;color:var(--p-accent)}
.portal-body .p-nav-count{min-width:22px;height:22px;padding:0 6px;border-radius:999px;font-size:13px;font-weight:600;background:var(--p-accent-soft);color:var(--p-accent-ink);font-variant-numeric:tabular-nums}
.portal-body .p-nav-group{font-size:13px;letter-spacing:0;text-transform:none;color:var(--p-muted);margin:20px 14px 6px}
.portal-body .p-side-promise{color:var(--p-muted);border-bottom-color:var(--p-line);padding:16px 10px 18px}
.portal-body .p-side-promise p{font-size:13px;line-height:1.5;max-width:160px}
.portal-body .p-user{padding:18px 4px 0}
.portal-body .p-user strong{font-size:14px;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.3}.portal-body .p-user .p-icon-button{min-width:40px;padding:8px}
.portal-body .p-user small{font-size:13px}
.portal-body .p-user-avatar{width:34px;height:34px;font-size:13px;font-weight:600;background:var(--p-soft);color:var(--p-ink)}
.portal-body .p-topbar{height:72px;background:var(--p-side);border-bottom-color:var(--p-line)}
.portal-body .p-breadcrumb{font-size:14px;color:var(--p-muted);gap:10px}
.portal-body .p-breadcrumb>span{color:var(--p-line-strong);font-size:14px}
.portal-body .p-breadcrumb strong{color:var(--p-ink);font-weight:600}
.portal-body .p-topbar-tools{gap:12px!important}
.portal-body .p-topbar-tools .btn{font-size:14px;min-height:44px;padding:8px 18px}
.portal-body .p-topbar-divider{border-left-color:var(--p-line)}
.portal-body .p-topbar .compact-select,.portal-body .p-preview-footer select{font-size:14px;min-height:44px;padding:6px 10px;border:1px solid var(--p-line);border-radius:10px;background:var(--p-panel);color:var(--p-ink)}
.portal-body .p-unread{background:var(--p-accent);border-color:var(--p-side);width:7px;height:7px;right:11px;top:10px}
.portal-body .p-demo-bar{font-size:13px;color:var(--p-text);background:var(--p-soft);border-bottom-color:var(--p-line);padding:10px 20px}
.portal-body .p-demo-bar strong{color:var(--p-ink)}.portal-body .p-demo-bar a,.portal-body .p-demo-bar .btn{min-height:44px;display:inline-flex;align-items:center}
.portal-body .p-preview-footer{font-size:13px;color:var(--p-muted);border-top-color:var(--p-line)}

/* — koppen — */
.portal-body .p-content{padding:36px 43px 24px}
.portal-body .p-eyebrow,.portal-body .p-context-label{font-size:13px;letter-spacing:0;text-transform:none;color:var(--p-muted);margin-bottom:12px;font-weight:500}
.portal-body .p-welcome{padding:0 0 30px}
.portal-body .p-welcome h1{font-size:44px;letter-spacing:-.035em;line-height:1.1;margin:0 0 14px;font-weight:600}
.portal-body .p-welcome p:not(.p-eyebrow){font-size:15px;line-height:1.6;max-width:56ch}
.portal-body .p-welcome-mark{display:none}
.portal-body .p-heading{margin-bottom:26px}
.portal-body .p-heading h1{font-size:34px;letter-spacing:-.03em;margin-bottom:10px;line-height:1.15}
.portal-body .p-heading h1.p-result-title{font-size:30px}
.portal-body .p-heading p:not(.p-eyebrow){font-size:15px;line-height:1.6;max-width:62ch}
.portal-body .p-heading .p-eyebrow{margin-bottom:10px}
.portal-body .p-heading .btn{font-size:14px;padding:8px 18px}
.portal-body .p-detail-heading h1{font-size:30px;margin-bottom:6px}
.portal-body .p-detail-heading p{font-size:15px}
.portal-body .p-detail-heading>.p-avatar{border-radius:16px}
.portal-body .p-back{margin:0 0 22px}
.portal-body .p-back .icon{width:14px;height:14px}

/* — statistieken: één strook, geen losse kaartjes — */
.portal-body .p-stats,.portal-body .p-stats.three{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--p-line);border:1px solid var(--p-line);border-radius:16px;overflow:hidden;margin:0 0 30px}.portal-body .bk-wb-stats{grid-template-columns:repeat(5,minmax(0,1fr))}
.portal-body .p-stat{border:0;border-radius:0;background:var(--p-panel);padding:20px 22px 18px;display:flex;flex-direction:column}
.portal-body .p-stat>div{font-size:14px;color:var(--p-text);line-height:1.4;gap:10px}
.portal-body .p-stat>div .icon{width:18px;height:18px;color:var(--p-muted)}
.portal-body .p-stat>strong{font-size:34px;font-weight:500;letter-spacing:-.025em;line-height:1.15;margin:12px 0 6px;font-variant-numeric:tabular-nums;color:var(--p-ink)}
.portal-body .p-stat>small{font-size:13px;color:var(--p-muted);line-height:1.45;margin-top:auto}
.portal-body .bk-wb-stats .p-stat strong{font-size:28px}
.portal-body .bk-wb-stats .p-stat small{font-size:13px;margin-top:4px}
.portal-body .bk-wb-stats .p-stat small .p-text-link,.portal-body .bk-wb-bulk .p-text-link{font-size:13px;color:var(--p-text)}
.portal-body .bk-wb-stand{margin-top:10px;font-size:14px;min-height:44px;padding:8px 12px;border-radius:10px;border:1px solid var(--p-line-strong);background:var(--p-panel);color:var(--p-ink)}

/* — panelen, kaarten, lijsten — */
.portal-body .p-panel,.portal-body .p-connection,.portal-body .p-employee-card{background:var(--p-panel);border-color:var(--p-line);border-radius:16px;box-shadow:none}
.portal-body .p-section{margin-bottom:26px}
.portal-body .p-card-head{margin-bottom:18px;gap:16px;align-items:baseline}
.portal-body .p-card-head h2{font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.3}
.portal-body .p-panel-sub{font-size:14px;line-height:1.6;color:var(--p-text);margin:-6px 0 16px}
.portal-body .p-inline-note{font-size:14px}
.portal-body .p-small{font-size:13px;line-height:1.55;color:var(--p-muted)}
.portal-body .p-notice{font-size:14px;line-height:1.6;color:var(--p-text);background:var(--p-soft);border-color:var(--p-line);border-radius:12px;padding:14px 18px}
.portal-body .p-notice p{color:var(--p-text)}
.portal-body .p-notice-line{font-size:14px;color:var(--p-warn);background:var(--p-warn-bg);border-color:transparent;border-radius:10px;padding:10px 12px}
.portal-body .p-review-row{gap:14px;padding:16px 0;border-bottom-color:var(--p-line)}
.portal-body .p-review-row strong{font-size:14px;font-weight:600}
.portal-body .p-review-row p{font-size:13px;line-height:1.5}
.portal-body .p-review-row>.p-text-link{font-size:14px;max-width:none;white-space:nowrap}
.portal-body .p-check-row{font-size:14px;color:var(--p-text);gap:12px}
.portal-body .p-check-circle{width:20px;height:20px;border-color:var(--p-line-strong)}
.portal-body .p-check-circle.done{background:var(--p-accent-soft);border-color:transparent;color:var(--p-accent-ink)}
.portal-body .p-checklist{gap:14px;margin:20px 0}
.portal-body .p-setup-panel>.btn{font-size:14px;background:var(--p-panel);border-color:var(--p-line-strong)}
.portal-body .p-badge{font-size:13px;line-height:1.4;padding:4px 10px;border-radius:999px;font-weight:500;background:var(--p-ok-bg);color:var(--p-ok);border-color:transparent}
.portal-body .p-badge.paused,.portal-body .p-badge.disconnected,.portal-body .p-badge.invited,.portal-body .p-badge.off{background:var(--p-soft);color:var(--p-text)}
.portal-body .p-badge.pending,.portal-body .p-badge.expired,.portal-body .p-badge.processing,.portal-body .p-badge.open,.portal-body .p-badge.warn{background:var(--p-warn-bg);color:var(--p-warn)}
.portal-body .p-badge.failed,.portal-body .p-badge.rejected{background:var(--p-bad-bg);color:var(--p-bad)}
.portal-body .p-badge>span{width:6px;height:6px}
.portal-body .p-count{height:24px;min-width:24px;font-size:13px;font-weight:600;border-radius:999px;background:var(--p-accent-soft);color:var(--p-accent-ink);border-color:transparent;font-variant-numeric:tabular-nums}
.portal-body .p-avatar{background:var(--p-soft);border-color:transparent;color:var(--p-ink);border-radius:12px}
.portal-body .p-avatar .icon{stroke-width:1.5}
.portal-body .p-provider-mark{background:var(--p-soft);border-color:var(--p-line);color:var(--p-ink)}
.portal-body .p-divider{background:var(--p-line)}

/* tabellen */
.portal-body .p-table{font-size:14px;line-height:1.5}
.portal-body .p-table th{font-size:13px;font-weight:500;color:var(--p-muted);padding:0 16px 10px 0;border-bottom-color:var(--p-line);text-transform:none;letter-spacing:0}
.portal-body .p-table td{font-size:14px;color:var(--p-text);padding:14px 16px 14px 0;border-bottom-color:var(--p-line)}
.portal-body .p-table td:first-child,.portal-body .p-table td strong{color:var(--p-ink)}
.portal-body .p-table td strong{font-size:14px;font-weight:600}
.portal-body .p-table td small{font-size:13px;color:var(--p-muted)}
.portal-body .p-table .btn{min-height:44px;font-size:14px;padding:6px 14px}
.portal-body .p-table-panel{padding:22px 25px 14px}

/* formulieren */
.portal-body .p-content .field,.portal-body .p-dialog .field{margin:0 0 18px;gap:8px}
.portal-body .p-content .field>span,.portal-body .p-dialog .field>span{font-size:14px;color:var(--p-text);font-weight:500}
.portal-body .p-content .field input,.portal-body .p-content .field textarea,.portal-body .p-content .field select,.portal-body .p-dialog .field input,.portal-body .p-dialog .field textarea,.portal-body .p-dialog .field select,.portal-body .bk-concept textarea,.portal-body .bk-antwoord textarea,.portal-body .bk-actie textarea,.portal-body .bk-voorbeeld textarea,.portal-body #p-rules-form textarea,.portal-body #p-wish-form textarea,.portal-body .bk-iv-vraag textarea,.portal-body .bk-werk-opdracht textarea{border:1px solid var(--p-line-strong);background:var(--p-panel);color:var(--p-ink);border-radius:10px;font-size:15px;line-height:1.55;padding:10px 14px;min-height:44px;transition:border-color 160ms ease}
.portal-body .p-content .field input:focus-visible,.portal-body .p-content .field textarea:focus-visible,.portal-body .p-dialog .field input:focus-visible,.portal-body .p-dialog .field textarea:focus-visible,.portal-body .bk-concept textarea:focus-visible,.portal-body .bk-antwoord textarea:focus-visible,.portal-body .bk-actie textarea:focus-visible{outline:2px solid var(--p-accent);outline-offset:1px;border-color:var(--p-accent)}
.portal-body .p-content .field textarea:read-only{background:var(--p-soft);color:var(--p-text)}
.portal-body .p-result-editor{font-size:15px;line-height:1.7;color:var(--p-ink);background:var(--p-panel);border-color:var(--p-line-strong);border-radius:12px}
.portal-body .p-result-editor:read-only{background:var(--p-soft)}
.portal-body .p-search{border-color:var(--p-line-strong);background:var(--p-panel);border-radius:10px;min-height:44px}
.portal-body .p-search input{font-size:15px;height:44px;color:var(--p-ink)}
.portal-body .p-filter-selects select{font-size:14px;min-height:44px;border-color:var(--p-line-strong);border-radius:10px;background:var(--p-panel);color:var(--p-ink)}
.portal-body .p-form-footer .btn{font-size:14px}
.portal-body .p-source-context p{font-size:15px;line-height:1.65}
.portal-body .p-source-context strong{font-size:15px}
.portal-body .p-source-context .p-notice p{font-size:14px}
.portal-body .p-task-check{font-size:15px;padding:16px 0;border-top-color:var(--p-line)}
.portal-body .p-task-check strong{font-size:15px;line-height:1.5}
.portal-body .p-task-check small{font-size:13px;color:var(--p-muted)}
.portal-body .p-task-check input{width:18px;height:18px;accent-color:var(--p-accent);margin-top:4px}
.portal-body .p-tabs{gap:24px;border-bottom-color:var(--p-line);margin-bottom:24px}
.portal-body .p-tabs>button{font-size:14px;color:var(--p-muted);padding:0 2px 12px;min-height:44px;font-weight:500;transition:color 160ms ease}
.portal-body .p-tabs>button.active{color:var(--p-ink);font-weight:600}
.portal-body .p-tabs>button.active:after{background:var(--p-accent)}
.portal-body .p-toggle-row{font-size:15px;padding:18px 0;border-bottom-color:var(--p-line)}
.portal-body .p-switch{width:40px;height:24px;border-color:var(--p-line-strong);background:var(--p-soft);transition:background-color 150ms ease,border-color 150ms ease}
.portal-body .p-switch:before{width:18px;height:18px;transition:transform 150ms var(--p-uit)}
.portal-body .p-switch:checked{background:var(--p-accent);border-color:var(--p-accent)}
.portal-body .p-switch:checked:before{transform:translateX(16px)}
.portal-body .p-form-panel .p-between p{font-size:14px}
.portal-body .p-form-panel .p-between strong{font-size:15px}
.portal-body .p-faq{font-size:15px;border-top-color:var(--p-line)}
.portal-body .p-faq summary{font-size:15px;color:var(--p-ink);min-height:44px;display:flex;align-items:center}
.portal-body .p-faq p{font-size:15px;line-height:1.65}
.portal-body .p-ticket{border-top-color:var(--p-line);padding:16px 0;min-height:44px}
.portal-body .p-ticket strong{font-size:15px}
.portal-body .p-ticket small{font-size:13px;color:var(--p-muted)}
.portal-body .p-check{font-size:14px}
.portal-body .p-inline-error{font-size:14px;color:var(--p-bad)}
.portal-body .p-permission-list strong{font-size:15px}
.portal-body .p-permission-list p{font-size:14px;line-height:1.6}
.portal-body .p-permission-list>li>.icon{color:var(--p-accent)}
.portal-body .p-dropzone{border-color:var(--p-line-strong);background:var(--p-soft);border-radius:12px}
.portal-body .p-dropzone .icon{color:var(--p-muted)}
.portal-body .p-dropzone strong{font-size:15px}
.portal-body .p-dropzone small{font-size:13px;color:var(--p-muted)}
.portal-body .p-dropzone input{font-size:14px}
.portal-body .p-dropzone input::file-selector-button{min-height:40px;padding:6px 14px;border-radius:999px;border:1px solid var(--p-line-strong);background:var(--p-panel);color:var(--p-ink);font:inherit;font-weight:600}

/* werknemers */
.portal-body .p-employee-card{padding:22px 22px 18px}
.portal-body .p-employee-card h3{font-size:18px;margin:18px 0 6px;font-weight:600}
.portal-body .p-employee-card>p{font-size:14px;line-height:1.55;min-height:0}
.portal-body .p-card-meta{font-size:13px;color:var(--p-muted);margin:16px 0 14px}
.portal-body .p-card-meta .icon{width:14px;height:14px}
.portal-body .p-card-bottom{padding-top:14px;border-top-color:var(--p-line)}
.portal-body .p-card-bottom .btn{min-height:44px;min-width:44px;padding:8px;border-radius:12px;border:1px solid var(--p-line)}
.portal-body .p-card-bottom .btn .icon{width:16px;height:16px}
.portal-body .p-employee-card .bk-werk-strook{margin-top:14px;padding-top:14px;border-top:1px solid var(--p-line);gap:10px}
.portal-body .p-employee-card .bk-werk-cijfer{font-size:14px;opacity:1;color:var(--p-muted)}
.portal-body .p-employee-card .bk-werk-cijfer strong{color:var(--p-ink);font-variant-numeric:tabular-nums}
.portal-body .p-employee-card .bk-werk-modes{border-color:var(--p-line-strong);border-radius:999px;background:var(--p-panel)}
.portal-body .p-employee-card .bk-werk-modes button{font-size:14px;font-weight:500;min-height:44px;padding:8px 14px;color:var(--p-text);transition:background-color 160ms ease,color 160ms ease}
.portal-body .p-employee-card .bk-werk-modes button.on{background:var(--p-accent);color:#fff;font-weight:600}
.portal-body .p-employee-card .bk-werkt-in{font-size:14px;opacity:1;color:var(--p-muted);line-height:1.5}
.portal-body .p-employee-card .bk-werk-lijst{font-size:14px;margin-top:4px}
.portal-body .p-employee-card .bk-werk-lijst>p{margin:14px 0 4px!important;font-size:14px;color:var(--p-ink)}
.portal-body .p-employee-card .bk-werk-item{padding:10px 0;border:0;border-bottom:1px solid var(--p-line);border-radius:0;background:transparent;font-size:14px;line-height:1.45;flex-wrap:wrap}.portal-body .p-employee-card .bk-werk-item>select{max-width:100%!important;flex:1 1 100%;margin:4px 0 0 28px;width:auto}
.portal-body .p-employee-card .bk-werk-item:last-child{border-bottom:0}
.portal-body .p-employee-card .bk-werk-item b{font-size:15px;font-weight:600;color:var(--p-ink);margin-bottom:2px}
.portal-body .p-employee-card .bk-werk-item small{font-size:13px;opacity:1;color:var(--p-muted)}
.portal-body .p-employee-card .bk-werk-item p{font-size:14px;color:var(--p-text)}
.portal-body .p-employee-card .bk-werk-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--p-accent);flex:none;margin:0}
.portal-body .p-employee-card .bk-werk-item label{gap:10px!important;line-height:1.4}
.portal-body .p-employee-card .bk-werk-item select,.portal-body .p-employee-card .bk-werk-bron select,.portal-body .p-employee-card .bk-werk-bron input{font:inherit;font-size:14px;min-height:40px;padding:6px 10px;border:1px solid var(--p-line-strong);border-radius:10px;background:var(--p-panel);color:var(--p-ink)}
.portal-body .p-employee-card .bk-werk-bron small{font-size:13px;color:var(--p-muted)}
.portal-body .p-employee-card .bk-werk-item .acties{gap:8px;margin-top:10px}
.portal-body .p-employee-card .bk-werk-meer summary{font-size:14px;color:var(--p-accent-ink);min-height:40px}
.portal-body .p-employee-card .bk-werk-blok{margin:4px 0 12px 0}
.portal-body .p-employee-card .bk-werk-blok small{font-size:13px;opacity:1;color:var(--p-muted)}
.portal-body .p-employee-card .bk-werk-blok ol,.portal-body .p-employee-card .bk-werk-blok ul,.portal-body .p-employee-card .bk-werk-tekst{font-size:14px;color:var(--p-text)}
.portal-body .p-employee-card .bk-werk-uitvoer{font-size:14px;background:var(--p-soft);border-color:var(--p-line);color:var(--p-ink)}
.portal-body .p-employee-card .bk-werk-acties li{font-size:14px;background:var(--p-panel);border-color:var(--p-line)}
.portal-body .p-employee-card .bk-actie-app{font-size:13px;opacity:1;color:var(--p-muted)}
.portal-body .p-employee-card .bk-actie-stand{font-size:13px;background:var(--p-soft);color:var(--p-text)}
.portal-body .p-employee-card .bk-actie-stand[data-stand=uitgevoerd]{background:var(--p-ok-bg);color:var(--p-ok)}
.portal-body .p-employee-card .bk-actie-stand[data-stand=mislukt]{background:var(--p-bad-bg);color:var(--p-bad)}
.portal-body .p-employee-card .bk-doc-kaart{background:var(--p-panel);border-color:var(--p-line);border-radius:12px}
.portal-body .p-employee-card .bk-doc-kaart small{font-size:13px;opacity:1;color:var(--p-muted)}
.portal-body .p-employee-card .bk-werk-item small[style*="color:#6E7091"]{color:var(--p-muted)!important}
.portal-body .bk-werk-opdracht h3{font-size:20px}
.portal-body .bk-werk-opdracht .p-panel-sub{font-size:14px}
.portal-body .bk-ertussen{font-size:15px;color:var(--p-text)}
.portal-body .bk-ertussen-link{color:var(--p-ink);min-height:44px}

/* koppelingen */
.portal-body .p-connection h2{font-size:20px;margin:18px 0 8px}
.portal-body .p-connection>p{font-size:14px;line-height:1.55}
.portal-body .p-permissions span{font-size:13px;color:var(--p-text);border-color:var(--p-line);border-radius:999px;padding:4px 10px}
.portal-body .p-connection .p-card-bottom .btn{font-size:14px;min-height:44px;padding:8px 16px;border-radius:100px;border-color:var(--p-line-strong)}
.portal-body .p-connection .p-card-bottom .btn:not(.secondary){border-color:var(--p-ink)}
.portal-body .p-source-link{color:var(--p-ink);font-size:14px;min-height:44px}

/* grafieken, abonnement, gebruik */
.portal-body .p-chart-axis{font-size:13px;color:var(--p-muted)}
.portal-body .p-bar{background:var(--p-accent-soft);transition:none}
.portal-body .p-bar-track:nth-child(3n) .p-bar{background:var(--p-accent)}
.portal-body .p-bars-list .p-between{font-size:14px}
.portal-body .p-bars-list .p-between strong{font-size:15px}
.portal-body .p-bars-list .p-between span{color:var(--p-text)}
.portal-body .p-meter{background:var(--p-soft)}
.portal-body .p-meter>span{background:var(--p-accent)}
.portal-body .p-plan>p{font-size:15px}
.portal-body .p-plan-price{font-size:42px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--p-ink)}
.portal-body .p-plan-price>span{font-size:14px;color:var(--p-muted)}
.portal-body .p-plan-details span{font-size:13px;color:var(--p-muted)}
.portal-body .p-plan-details strong{font-size:15px;font-weight:500}
.portal-body .p-plan .p-inline-actions .btn{font-size:14px}
.portal-body .p-usage-number{font-size:38px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--p-ink)}
.portal-body .p-usage-number small{font-size:14px;color:var(--p-muted)}
.portal-body .p-panel>.p-divider+p{font-size:15px}
.portal-body .p-guarantee{background:var(--p-soft);border-color:var(--p-line);border-radius:16px}
.portal-body .p-guarantee h2{font-size:20px}
.portal-body .p-guarantee p{font-size:15px}
.portal-body .p-guarantee small{font-size:13px;color:var(--p-muted)}
.portal-body .p-danger-row>p{font-size:14px;line-height:1.6}
.portal-body .p-danger-row .btn{color:var(--p-bad);border-color:var(--p-line-strong);background:var(--p-panel)}
.portal-body .p-cap-summary,.portal-body .p-cap-compact,.portal-body .p-cap-auto{background:var(--p-panel);border-color:var(--p-line)}
.portal-body .p-cap-summary small,.portal-body .p-cap-summary p,.portal-body .p-cap-title p,.portal-body .p-cap-compact p,.portal-body .cap-warning p{font-size:14px}
.portal-body .p-cap-summary strong{font-variant-numeric:tabular-nums;color:var(--p-ink)}

/* postvak en gesprekken */
.portal-body .bk-post-lijst{padding:4px 0}
.portal-body .bk-post-rij{padding:14px 18px;border-bottom-color:var(--p-line);transition:background-color 160ms ease}
.portal-body .bk-post-rij.actief{background:var(--p-accent-soft)}
.portal-body .bk-post-kop strong{font-size:15px}
.portal-body .bk-post-kop small,.portal-body .bk-rij-tijd{font-size:13px}
.portal-body .bk-post-meta{font-size:13px;margin:4px 0 6px}
.portal-body .bk-post-preview{font-size:14px;color:var(--p-text)}
.portal-body .bk-draad-kop strong{font-size:17px}
.portal-body .bk-draad-kop small{font-size:14px}
.portal-body .bk-herkomst{font-size:13px}
.portal-body .bk-bel{background:var(--p-soft);border-radius:14px;padding:12px 14px}
.portal-body .bk-bel.uit{background:var(--p-accent-soft)}
.portal-body .bk-bel small{font-size:13px}
.portal-body .bk-bel p{font-size:15px;color:var(--p-ink)}
.portal-body .bk-bel .bk-leer{font-size:13px;min-height:44px;padding:8px 0;margin:-2px 0 -8px}
.portal-body .bk-concept{background:var(--p-warn-bg);border-color:transparent;border-radius:14px;padding:16px 18px}
.portal-body .bk-concept small{font-size:13px;color:var(--p-warn);font-weight:600}
.portal-body .bk-concept p{font-size:15px;color:var(--p-ink)}
.portal-body .bk-actie{background:var(--p-warn-bg);border-color:transparent}
.portal-body .bk-actie-status{font-size:14px;color:var(--p-warn)}
.portal-body .bk-actie-status::before{background:var(--p-warn)}
.portal-body .bk-actie-aan,.portal-body .bk-actie-body,.portal-body .bk-actie-kader{font-size:15px;color:var(--p-ink)}
.portal-body .bk-actie-ond{font-size:14px;color:var(--p-text)}
.portal-body .bk-actie-body{background:var(--p-panel);border-color:var(--p-line)}
.portal-body .bk-notitie{font-size:14px;color:var(--p-muted)}
.portal-body .bk-antwoord{border-top-color:var(--p-line)}
.portal-body .bk-antwoord-hint{font-size:13px}
.portal-body .bk-origineel summary{font-size:13px;min-height:44px}
.portal-body .bk-origineel p{font-size:14px}
.portal-body .bk-vertaling{font-size:15px;background:var(--p-accent-soft);color:var(--p-ink)}
.portal-body .bk-vertaling span{font-size:13px;color:var(--p-accent-ink);font-weight:600}
.portal-body .bk-voorbeeld{background:var(--p-accent-soft);border-color:transparent}
.portal-body .bk-voorbeeld small{font-size:13px;color:var(--p-accent-ink);font-weight:600}
.portal-body .bk-voorbeeld-bron{font-size:14px}
.portal-body .bk-werk{background:var(--p-soft);border-color:var(--p-line);border-radius:14px}
.portal-body .bk-werk h3{font-size:15px}
.portal-body .bk-werk .bk-werk-item{background:var(--p-panel);border-color:var(--p-line)}
.portal-body .bk-werk .bk-werk-item strong{font-size:14px}
.portal-body .bk-werk .bk-werk-item small,.portal-body .bk-werk .bk-werk-item p{font-size:13px}
.portal-body .bk-werk-status{font-size:13px}
.portal-body .bk-werk-leeg{font-size:14px}
.portal-body .bk-rij{gap:14px;padding:14px 4px;border-bottom-color:var(--p-line);transition:background-color 160ms ease;min-height:56px}
.portal-body .bk-rij-ic{width:36px;height:36px;border-radius:10px;background:var(--p-soft);color:var(--p-ink)}
.portal-body .bk-rij-tekst strong{font-size:15px}
.portal-body .bk-rij-tekst small{font-size:13px}
.portal-body .bk-sub{font-size:14px}

/* werkbord en resultaten */
.portal-body .bk-wb-resultaten{display:block}
.portal-body .bk-wb-res{width:100%;border:0;border-top:1px solid var(--p-line);border-radius:0;background:transparent;padding:14px 4px;gap:14px;transition:background-color 160ms ease}
.portal-body .bk-wb-res:first-child{border-top:0;padding-top:4px}
.portal-body .bk-wb-res:last-child{padding-bottom:4px}
.portal-body .bk-wb-res strong{font-size:15px;margin-bottom:2px}
.portal-body .bk-wb-res small{font-size:14px;color:var(--p-muted);line-height:1.5}
.portal-body .bk-wb-res small b{color:var(--p-ink);font-variant-numeric:tabular-nums}
.portal-body .bk-wb-res:active{transform:none}
.portal-body .bk-wb-tabs{margin-bottom:16px}
.portal-body .bk-wb-kolom{background:var(--p-panel);border-color:var(--p-line);border-radius:16px;padding:14px}
.portal-body .bk-wb-kolom h3{font-size:14px;color:var(--p-text)}
.portal-body .bk-wb-kolom.s-wacht h3{color:var(--p-warn)}
.portal-body .bk-wb-kolom.s-klaar h3{color:var(--p-ok)}
.portal-body .bk-wb-kolom h3 small{font-size:13px}
.portal-body .bk-wb-kaart{background:var(--p-panel);border-color:var(--p-line);border-radius:12px;padding:12px 14px;transition:transform 140ms var(--p-uit),background-color 160ms ease}
.portal-body .bk-wb-kaart strong{font-size:15px}
.portal-body .bk-wb-kaart small,.portal-body .bk-wb-tijd,.portal-body .bk-wb-rij-tijd{font-size:13px}
.portal-body .bk-wb-kaart p{font-size:14px}
.portal-body .bk-wb-kaart.s-wacht{border-color:#E8C77E}
.portal-body .bk-wb-leeg{font-size:14px}
.portal-body .bk-wb-detail-kop h2{font-size:22px}
.portal-body .bk-wb-blok{border-top-color:var(--p-line);font-size:15px}
.portal-body .bk-wb-blok small{font-size:13px}
.portal-body .bk-wb-uitvoer p{font-size:15px;background:var(--p-accent-soft);color:var(--p-ink)}
.portal-body .bk-wb-periode span{font-size:14px}
.portal-body .bk-wb-periode button{font-size:14px;min-height:44px;padding:6px 14px;background:var(--p-panel);border-color:var(--p-line-strong);color:var(--p-ink);transition:transform 140ms var(--p-uit),background-color 160ms ease,color 160ms ease}
.portal-body .bk-wb-periode button.active{background:var(--p-ink);color:var(--p-bg);border-color:var(--p-ink)}
.portal-body .bk-wb-dag h4{font-size:13px;text-transform:none;letter-spacing:0;color:var(--p-muted)}
.portal-body .bk-wb-rij{background:var(--p-panel);border-color:var(--p-line);padding:10px 12px;min-height:44px}
.portal-body .bk-wb-rij-tekst strong{font-size:14px}
.portal-body .bk-wb-rij-tekst small{font-size:13px}
.portal-body .bk-wb-balk h3{font-size:18px}
.portal-body .bk-wb-zoek{font-size:14px;min-height:44px;padding:8px 16px;border-color:var(--p-line-strong);background:var(--p-panel);color:var(--p-ink)}
.portal-body .bk-wb-bulk{font-size:14px;background:var(--p-soft);border-radius:12px;padding:10px 14px}
.portal-body .bk-wb-tabel{font-size:14px}
.portal-body .bk-wb-tabel th{font-size:13px;font-weight:500;text-transform:none;letter-spacing:0;color:var(--p-muted);padding:8px 10px;border-bottom-color:var(--p-line)}
.portal-body .bk-wb-tabel td{padding:10px;border-bottom-color:var(--p-line);vertical-align:middle;color:var(--p-text)}
.portal-body .bk-wb-tabel .tit .p-text-link{color:var(--p-ink);text-decoration:none;font-weight:600;font-size:14px;line-height:1.4}
.portal-body .bk-wb-tabel .tit small{font-size:13px;color:var(--p-muted)}
.portal-body .bk-wb-tabel .bed{font-variant-numeric:tabular-nums;color:var(--p-ink)}
.portal-body .bk-wb-tabel .dat{font-variant-numeric:tabular-nums}
.portal-body .bk-wb-tabel .act{width:100px}
.portal-body .bk-wb-tabel input[type=checkbox]{width:18px;height:18px;accent-color:var(--p-accent)}
.portal-body .bk-wb-auto{font-size:13px;color:var(--p-muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.portal-body .bk-wb-auto .p-text-link{font-size:13px;color:var(--p-text)}
.portal-body .bk-wb-meer .btn{min-height:44px}

/* kennisbank en interview */
.portal-body .bk-iv h2,.portal-body .bk-iv-banner h2{font-size:20px}
.portal-body .bk-iv-balk{background:var(--p-soft)}
.portal-body .bk-iv-vraag{background:var(--p-panel);border-color:var(--p-line);border-radius:14px;padding:16px 18px}
.portal-body .bk-iv-vraag h3{font-size:18px}
.portal-body .bk-iv-reden,.portal-body .bk-iv-vb{font-size:14px}
.portal-body .bk-iv-lijst{grid-template-columns:minmax(0,1fr)}.portal-body .bk-iv-lijst li,.portal-body .bk-iv-lijst button{min-width:0;max-width:100%}.portal-body .bk-iv-lijst button{border-color:var(--p-line);border-radius:12px;padding:10px 12px;min-height:44px;transition:transform 140ms var(--p-uit),background-color 160ms ease}
.portal-body .bk-iv-nr{width:26px;flex-basis:26px;height:26px;font-size:13px;background:var(--p-soft);color:var(--p-ink)}
.portal-body .bk-iv-tekst strong{font-size:14px}
.portal-body .bk-iv-tekst small{font-size:13px}
.portal-body .bk-iv-lijst li.s-beantwoord .bk-iv-nr{background:var(--p-ok-bg);color:var(--p-ok)}
.portal-body .bk-iv .p-text-link{font-size:14px;color:var(--p-text)}
.portal-body .bk-iv-banner{border-color:var(--p-accent)}

/* lege en wachtende toestanden, dialogen */
.portal-body .p-empty>.icon{color:var(--p-muted)}
.portal-body .p-empty h3{font-size:20px}
.portal-body .p-empty h1{font-size:30px}
.portal-body .p-empty p{font-size:15px;max-width:46ch}
.portal-body .p-state-page h1{font-size:32px}
.portal-body .p-state-page p{font-size:15px}
.portal-body .p-state-page small{font-size:13px}
.portal-body .p-state-page>.icon{color:var(--p-muted)}
.portal-body .p-spinner{border-color:var(--p-line);border-top-color:var(--p-accent)}
.portal-body .p-skeleton{background:var(--p-soft)}
.portal-body .p-backdrop{background:rgba(20,21,25,.45);backdrop-filter:blur(4px)}
.portal-body .p-dialog{background:var(--p-panel);border-color:var(--p-line);border-radius:20px;box-shadow:0 24px 80px rgba(20,21,25,.18);color:var(--p-ink);transform-origin:center}
.portal-body .p-dialog-head h2{font-size:26px;letter-spacing:-.03em}
.portal-body .p-dialog p{font-size:15px;line-height:1.6}
.portal-body .p-dialog .p-small{font-size:13px}
.portal-body .p-dialog .p-tabs button{font-size:14px}
.portal-body .bk-vel,.portal-body .bk-doc-venster{color:var(--p-ink)}
.portal-body .bk-vel{background:var(--p-panel)}
.portal-body .bk-vel>p,.portal-body .bk-vel-stand,.portal-body .bk-vel-grens,.portal-body .bk-stand small,.portal-body .bk-app-rij small{color:var(--p-text)}
.portal-body .bk-stand,.portal-body .bk-app-rij,.portal-body .bk-vel-leeg{background:var(--p-panel);border-color:var(--p-line)}
.portal-body .bk-stand.aan{border-color:var(--p-accent);background:var(--p-accent-soft)}
.portal-body .bk-tekstknop{color:var(--p-accent-ink)}
.portal-body .bk-werk-kat{transition:transform 140ms var(--p-uit)}
.portal-body .bk-werk-kat:active{transform:scale(.94)}

/* — kleinere schermen — */
@media(min-width:1650px){.portal-body .p-nav-link{font-size:15px}.portal-body .p-employee-card>p{font-size:15px}.portal-body .p-employee-card h3{font-size:19px}}
@media(max-width:1250px){.portal-body .p-stat{padding:18px 18px 16px}.portal-body .p-stat>strong{font-size:30px}.portal-body .p-heading h1{font-size:32px}.portal-body .p-review-row>.p-text-link{white-space:normal;max-width:none}}
@media(max-width:1050px){.portal-body .p-heading .btn{font-size:14px;padding:8px 16px}.portal-body .p-detail-heading h1{font-size:28px}.portal-body .p-welcome h1{font-size:40px}}
@media(max-width:780px){
  .portal-body .p-content{padding:26px 22px 120px}
  .portal-body .p-topbar{height:64px;background:var(--p-side)}
  .portal-body .p-topbar>div:first-child{flex:1;min-width:0;gap:4px}
  .portal-body .p-breadcrumb{min-width:0;overflow:hidden;white-space:nowrap;gap:6px}
  .portal-body .p-breadcrumb strong{overflow:hidden;text-overflow:ellipsis}
  .portal-body .p-topbar-tools{gap:6px!important;flex:none}
  .portal-body .p-topbar .compact-select{min-height:44px;padding:4px 4px;font-size:14px;max-width:58px}
  .portal-body .p-topbar-tools .btn.small{font-size:0;gap:0;padding:10px;min-width:44px;min-height:44px}
  .portal-body .p-topbar-tools .btn.small .icon{width:18px;height:18px}
  .portal-body .p-demo-bar{font-size:13px;padding:10px 16px;line-height:1.5}
  .portal-body .p-welcome{padding-bottom:26px}
  .portal-body .p-welcome h1{font-size:38px}
  .portal-body .p-heading h1{font-size:32px}
  .portal-body .p-stats,.portal-body .p-stats.three{grid-template-columns:1fr}
  .portal-body .p-stat{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label number" "sub number";align-items:center;column-gap:16px;padding:14px 18px}
  .portal-body .p-stat>div{grid-area:label;font-size:14px}
  .portal-body .p-stat>div .icon{display:none}
  .portal-body .p-stat>strong{grid-area:number;font-size:28px;margin:0;text-align:right}
  .portal-body .p-stat>small{grid-area:sub;margin:2px 0 0}
  .portal-body .bk-wb-stats .p-stat{display:flex;flex-direction:column;align-items:stretch}
  .portal-body .bk-wb-stats .p-stat>strong{text-align:left;margin:8px 0 4px}
  .portal-body .bk-wb-stats .p-stat>div .icon{display:block}
  .portal-body .p-employee-card{padding:20px}
  .portal-body .p-panel{padding:20px}
  .portal-body .p-card-head h2{font-size:19px}
  .portal-body .p-review-row>.p-text-link{font-size:14px}
  .portal-body .bk-post-lijst{max-height:44vh}
  .portal-body .bk-postvak{gap:16px}
  .portal-body .p-preview-footer{font-size:13px}
  .portal-body .bk-werk-kat{bottom:20px}
}
@media(max-width:480px){
  .portal-body .p-content{padding:22px 16px 120px}
  .portal-body .p-breadcrumb{font-size:0}
  .portal-body .p-breadcrumb>span{font-size:0}
  .portal-body .p-breadcrumb strong{font-size:14px}
  .portal-body .p-topbar{padding:0 12px}
  .portal-body .p-topbar-tools>.p-icon-link{min-width:44px;padding:10px}
  .portal-body .p-welcome h1{font-size:34px}
  .portal-body .p-welcome p:not(.p-eyebrow){font-size:15px}
  .portal-body .p-eyebrow{font-size:13px}
  .portal-body .p-stats{gap:1px;margin-bottom:24px}
  .portal-body .p-stat>strong{font-size:26px}
  .portal-body .p-stat>small{font-size:13px}
  .portal-body .p-employee-card{padding:18px}
  .portal-body .p-employee-card h3{font-size:18px}
  .portal-body .p-employee-card>p{font-size:14px}
  .portal-body .p-card-meta{font-size:13px}
  .portal-body .p-panel{padding:18px 16px;border-radius:14px}
  .portal-body .p-card-head h2{font-size:18px}
  .portal-body .p-card-head>.p-text-link{font-size:14px}
  .portal-body .p-review-row>.p-text-link{font-size:14px;max-width:none}
  .portal-body .p-review-row strong{font-size:14px}
  .portal-body .p-review-row p{font-size:13px}
  .portal-body .p-heading h1{font-size:30px}
  .portal-body .p-heading p:not(.p-eyebrow){font-size:15px}
  .portal-body .p-detail-heading h1{font-size:26px}
  .portal-body .p-detail-heading p{font-size:14px}
  .portal-body .p-result-editor{font-size:16px}
  .portal-body .p-guarantee>.btn{font-size:14px}
  .portal-body .p-plan .p-inline-actions .btn{font-size:14px;padding:8px 14px}
  .portal-body .p-tabs>button{font-size:14px}
  .portal-body .p-toggle-row{font-size:15px}
  .portal-body .p-dialog-head h2{font-size:24px}
  .portal-body .p-dialog .p-tabs button{font-size:14px}
  .portal-body .p-dialog p{font-size:15px}
  .portal-body .p-form-footer .btn{font-size:14px}
  .portal-body .p-filter-selects select{font-size:14px}
  .portal-body .p-state-page h1{font-size:28px}
  .portal-body .p-state-page p{font-size:15px}
  .portal-body .p-content .field input,.portal-body .p-content .field textarea,.portal-body .p-content .field select,.portal-body .p-dialog .field input,.portal-body .p-dialog .field textarea,.portal-body .p-dialog .field select{font-size:16px}
  .portal-body .bk-wb-tabel .dat{width:auto}
}

/* — nachtmodus: dezelfde tokens, andere waarden — */
html[data-theme=dark] .portal-body{--p-bg:#0F1418;--p-side:#12181D;--p-panel:#161C22;--p-soft:#1D242B;--p-line:#2A323A;--p-line-strong:#3A444E;--p-ink:#E8EBE6;--p-text:#C7CED2;--p-muted:#95A0A8;--p-accent:#8B87F0;--p-accent-ink:#B4B1F8;--p-accent-soft:#252A4D;--p-ok-bg:#163326;--p-ok:#7FD6A0;--p-warn-bg:#3A2E12;--p-warn:#F0C674;--p-bad-bg:#3E1E1A;--p-bad:#F1A094;color-scheme:dark}
html[data-theme=dark] .portal-body .btn{background:var(--p-ink);color:#0F1418;border-color:var(--p-ink)}
html[data-theme=dark] .portal-body .btn.secondary{background:var(--p-panel);color:var(--p-ink);border-color:var(--p-line-strong)}
html[data-theme=dark] .portal-body .bk-wb-periode button.active{background:var(--p-ink);color:#0F1418}
html[data-theme=dark] .portal-body .p-employee-card .bk-werk-modes button.on{background:var(--p-accent);color:#0F1418}
html[data-theme=dark] .portal-body .p-backdrop{background:rgba(0,0,0,.6)}
html[data-theme=dark] .portal-body .p-dialog{box-shadow:0 24px 80px rgba(0,0,0,.5)}
html[data-theme=dark] .portal-body .bk-wb-kaart.s-wacht{border-color:#8A6A1F}
html[data-theme=dark] .portal-body .p-provider-mark img{background:#fff}
html[data-theme=dark] .portal-body .bk-post-rij.actief{background:var(--p-accent-soft)}
html[data-theme=dark] .portal-body .bk-concept,html[data-theme=dark] .portal-body .bk-actie{background:var(--p-warn-bg);border-color:transparent}
html[data-theme=dark] .portal-body .bk-actie-aan,html[data-theme=dark] .portal-body .bk-actie-body{color:var(--p-ink)}
html[data-theme=dark] .portal-body .bk-werk-kat{box-shadow:0 6px 20px rgba(0,0,0,.4)}
html[data-theme=dark] .portal-body ::selection{background:#3A3F7A}
@media(hover:hover) and (pointer:fine){html[data-theme=dark] .portal-body .btn:hover{background:#FFFFFF;border-color:#FFFFFF}}

@media(prefers-reduced-motion:reduce){
  .portal-body .btn,.portal-body .p-icon-button,.portal-body .p-icon-link,.portal-body .p-icon-btn,.portal-body .bk-wb-kaart,.portal-body .bk-wb-periode button,.portal-body .bk-iv-lijst button,.portal-body .bk-werk-kat,.portal-body .p-switch:before{transition:none}
  .portal-body .btn:active,.portal-body .p-icon-button:active,.portal-body .p-icon-link:active,.portal-body .p-icon-btn:active,.portal-body .bk-werk-kat:active{transform:none}
}
@media print{.portal-body{background:#fff;color:#000}}

/* ==== drop 89 (29-09-2026) — nagemeten in de echte werkruimte ==== */
/* Standenschakelaar paste niet in een smalle kaart ("Uit" viel weg): drie gelijke delen die altijd binnen de kaart blijven. */
.portal-body .p-employee-card .bk-werk-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;flex-basis:100%}
.portal-body .p-employee-card .bk-werk-modes button{min-width:0;padding:8px 6px;text-align:center;line-height:1.25;overflow-wrap:anywhere}
/* Naam onderin de zijbalk liep over het maanicoon: vaste kolommen, naam kapt netjes af. */
.portal-body .p-user{display:grid;grid-template-columns:34px minmax(0,1fr) 40px 40px;align-items:center;gap:6px}
.portal-body .p-user>div{min-width:0}
.portal-body .p-user strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.portal-body .p-user .p-icon-button{min-width:40px;width:40px;padding:8px}
/* Kennisinterview-banner raakte de cijferstrook. */
.portal-body .bk-iv-banner{margin-bottom:24px}
/* ==== drop 91 (30-09-2026): antwoordveld onder een gesprek op telefoons ====
   Tekstveld over de volle breedte, knop eronder links, zodat de assistentknop (rechtsonder, vast) er nooit over valt. */
.portal-body .p-content{padding-bottom:104px} /* ruimte voor de vaste assistentknop, ook op desktop */
@media(max-width:780px){
  .portal-body .bk-antwoord{flex-direction:column;align-items:stretch;gap:10px}
  .portal-body .bk-antwoord-veld{flex:none;width:100%}
  .portal-body .bk-antwoord-veld textarea{min-height:96px;font-size:16px}
  .portal-body .bk-antwoord>.btn{align-self:flex-start;min-height:44px;padding:10px 20px}
}
/* drop 123 (audit L4, ONTWERP §4): alle hover-regels van het portaal achter (hover:hover), in hun oude volgorde */
@media(hover:hover) and (pointer:fine){
.p-nav-link:hover{background:#f0f2ef;color:var(--ink)}
.p-icon-button:hover{background:#eaf0e9}
.p-icon-link:hover{background:#eef2ed}
.p-text-link:hover{text-decoration:underline;text-underline-offset:4px}
.p-source-link:hover{text-decoration:underline;text-underline-offset:3px}
.p-bar:hover{background:#394e32}
.bk-post-rij:hover{background:#f4f6f3}
.bk-rij:hover{background:#f6f8f5}
.bk-rij.stil:hover{background:transparent}
html[data-theme=dark] .bk-post-rij:hover{background:#12181d}
html[data-theme=dark] .bk-rij:hover{background:#12181d}
.bk-wb-kaart:hover{box-shadow:0 6px 18px -12px rgba(20,21,25,.35)}
.p-icon-btn:hover{color:var(--ink,#141519);background:var(--paper2,#F3F1EC)}
html[data-theme=dark] .p-icon-btn:hover{background:#1a2030}
.bk-wb-tabel .tit .p-text-link:hover{text-decoration:underline}
.bk-bel .bk-leer:hover{color:var(--ink,#141519)}
}