.user-name{color:var(--text);text-decoration:none}.manage-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.manage-tab{display:inline-block;padding:9px 14px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);text-decoration:none;font-size:13px;font-weight:600}.manage-tab.selected{background:var(--accent-soft);color:#1758b8;border-color:#b9d2ff}.btn{display:inline-block;border:1px solid var(--border);background:#fff;color:var(--text);padding:9px 12px;border-radius:8px;cursor:pointer;font:600 13px Inter,"Segoe UI",Arial,sans-serif;text-decoration:none}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-size:14px;font-weight:700}.btn.small{padding:7px 10px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-head h2{margin:0}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:11px 10px;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle}th{background:#f9fafb;color:#4b5563;font-size:12px}tr[data-href]{cursor:pointer}tbody tr:hover{background:#f9fbff}.employee-cell{display:flex;align-items:center;gap:10px;white-space:nowrap}.employee-photo{width:34px;height:34px;border-radius:50%;object-fit:cover}.initials{display:grid;place-items:center;background:#eaf2ff;color:#1758b8;font-weight:bold}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700}.green{background:#e7f7ee;color:#146c3d}.gray{background:#f3f4f6;color:#4b5563}.edit-link{padding:8px;text-decoration:none}label{display:block;font-size:12px;font-weight:700;color:#4b5563;margin-bottom:12px}input,select{display:block;width:100%;padding:9px 10px;border:1px solid #c9ced6;border-radius:8px;margin-top:5px;font:14px Inter,"Segoe UI",Arial,sans-serif;color:var(--text);background:#fff}input[type=checkbox]{width:auto;margin:0}.check{display:flex;align-items:center;gap:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.search-form{display:flex;gap:8px;align-items:end;margin-bottom:12px}.search-form label{margin:0;max-width:360px;flex:1}.login-card{max-width:460px}.login-card .btn{margin-bottom:14px}dialog{width:min(760px,calc(100% - 28px));max-height:92vh;overflow:auto;border:1px solid var(--border);border-radius:12px;padding:24px;color:var(--text);box-shadow:0 20px 60px #11182733}dialog::backdrop{background:#11182766}.modal-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.error{color:#a52222;background:#fff0f0;padding:12px;border-radius:8px}.notice{color:#146c3d;background:#e7f7ee;padding:12px;border-radius:8px}details{margin-top:20px}summary{cursor:pointer;color:#1758b8;font-size:14px}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:360px;font-size:11px}.card .muted,dialog .muted{font-size:12px}@media(max-width:720px){.form-row{grid-template-columns:1fr}.user{max-width:48%;flex-shrink:1}.manage-tab{padding:8px}.content{min-width:0}.topbar .user-name{overflow-wrap:anywhere}}
.manage-tabs{gap:8px;margin:0 0 16px}.manage-tab{border-radius:9px;padding:9px 13px;font-weight:700;color:#4b5563}.manage-tab.selected{background:var(--accent);border-color:var(--accent);color:#fff}.employee-photo{width:42px;height:42px;border:1px solid var(--border);background:#edf2f7}.initials{font-weight:800;color:#64748b}.edit-link{border:1px solid var(--border);background:#fff;border-radius:7px;width:30px;height:30px;display:grid;place-items:center;padding:0}.search-form{margin:0 0 0 auto;align-items:center}.search-form input{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:720px){.section-head{flex-wrap:wrap}.search-form{order:3;width:100%;margin:0}.search-form label{max-width:none}}
.manage-home>p{color:#64748b}.manage-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.manage-home-item{display:grid;grid-template-columns:1fr auto;gap:3px 8px;padding:15px;border:1px solid var(--border);border-radius:9px;color:var(--text);text-decoration:none;background:#fff}.manage-home-item:hover,.manage-home-item:focus-visible{border-color:var(--accent);background:#f7faff}.manage-home-item strong{font-size:14px}.manage-home-item span:nth-child(2){grid-column:1;color:#64748b;font-size:12px}.manage-home-item span:last-child{grid-column:2;grid-row:1/3;align-self:center;color:#64748b}.manage-setting-list{margin-top:12px}.manage-setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);min-height:46px}.manage-setting-row:last-child{border-bottom:0}.manage-setting-row strong{font-size:13px}.manage-setting-row small{display:block;color:#64748b;margin-top:3px}.manage-setting-row .btn{flex-shrink:0}@media(max-width:950px){.manage-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.manage-home-grid{grid-template-columns:1fr}}
.smart-pager.sf-pager,.planning-list-footer.sf-pager,.bil-pager.sf-pager{display:grid;grid-template-columns:minmax(160px,1fr) auto auto;align-items:center;gap:10px;justify-content:stretch;font-size:12px;color:#64748b}.sf-pager>span{margin:0;white-space:nowrap}.sf-pager .sf-pager-nav{display:flex;align-items:center;gap:6px}.sf-pager>label,.sf-pager>form{margin:0;display:flex;align-items:center;gap:6px;white-space:nowrap}.sf-pager>label select,.sf-pager>form select{width:auto;margin:0;padding:7px 9px}.sf-pager>form label{display:flex;align-items:center;gap:6px;margin:0;white-space:nowrap}.sf-pager>form .btn{white-space:nowrap}@media(max-width:760px){.smart-pager.sf-pager,.planning-list-footer.sf-pager,.bil-pager.sf-pager{grid-template-columns:1fr auto}.sf-pager>span{grid-column:1/-1}.sf-pager>form,.sf-pager>label{justify-self:end}}@media(max-width:480px){.smart-pager.sf-pager,.planning-list-footer.sf-pager,.bil-pager.sf-pager{grid-template-columns:1fr}.sf-pager>span{grid-column:1}.sf-pager>form,.sf-pager>label{justify-self:start}}
.manage-policy-actions{display:flex;gap:6px;flex-wrap:wrap}.manage-policy-actions .btn{white-space:nowrap}
.initials{font-size:19px}
.employee-signature-field{display:grid;gap:6px}.employee-signature-field textarea{display:block;width:100%;min-height:110px;resize:vertical;line-height:1.5}
/* Beheer phase 1: grouped navigation; existing forms and actions retain their own styles. */
.management-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.management-title h1{margin:0;font-weight:600}.management-groups{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.management-groups .manage-tab{font-weight:500;border-radius:8px;padding:11px 16px}.management-groups .manage-tab.selected{background:var(--accent);border-color:var(--accent);color:#fff}.management-subtabs{display:flex;flex-wrap:wrap;gap:18px;padding-bottom:10px;border-bottom:1px solid var(--border);margin-bottom:20px}.management-subtabs a{padding:8px 2px;border-bottom:2px solid transparent;text-decoration:none;color:var(--muted);font-size:13px}.management-subtabs a[aria-current=page]{color:var(--accent);border-bottom-color:var(--accent)}.management-section-title{font-size:18px;font-weight:600;margin-bottom:18px}.planning-admin-layout.planning-admin-single{display:block;max-width:1040px}.management-planning-compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1100px;align-items:start;margin-bottom:18px}.management-planning-compact>.card{margin:0}.management-planning-compact input[type=checkbox]{display:inline-block;vertical-align:middle;margin-right:6px}.management-planning-compact .card>p{font-size:13px}.management-navigation~.planning-mail-settings{max-width:1040px}@media(max-width:1000px){.management-planning-compact{grid-template-columns:1fr}}@media(max-width:600px){.management-groups .manage-tab{padding:9px 10px}.management-subtabs{gap:12px}}
.company-profile-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:18px;max-width:1300px;align-items:start}.company-profile-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 16px}.company-profile-fields label{font-weight:500}.company-profile-actions{display:flex;justify-content:flex-end;border-top:1px solid var(--border);padding-top:14px;margin-top:16px}.company-profile-sample{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:20px;margin:16px 0;overflow-wrap:anywhere}.company-profile-sample img{max-width:180px;max-height:100px}.company-logo-upload{position:relative;overflow:hidden;font-weight:500}.company-logo-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;margin:0}.company-logo-upload:focus-within{outline:3px solid var(--accent);outline-offset:3px}@media(max-width:1000px){.company-profile-grid{grid-template-columns:1fr}}@media(max-width:600px){.company-profile-fields{grid-template-columns:1fr}}

.company-logo-panel{border:1px solid var(--border);border-radius:8px;padding:16px;margin-top:20px}.company-logo-panel legend{font-weight:600}.company-logo-panel .company-logo-upload{display:inline-flex;width:auto;padding:10px 16px;cursor:pointer}.company-logo-panel img{max-width:220px;max-height:110px;object-fit:contain}.company-logo-panel [hidden]{display:none!important}

.supplier-api-inrichting .management-subtabs a[aria-current=page]{color:var(--text)}

.api-map-grid{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,2.5fr);gap:16px;align-items:start}.api-map-grid>.card{min-width:0}.api-map-grid td{overflow-wrap:anywhere}.api-map-table{min-width:640px}.api-map-table td:first-child{width:25%}.api-map-table td:nth-child(2){width:22%}.api-map-table select,.api-map-table textarea{max-width:100%;font-size:12px}.api-map-table textarea{width:100%;box-sizing:border-box;margin-top:6px}.api-map-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.api-map-actions label{margin:0}@media(max-width:1100px){.api-map-grid{grid-template-columns:1fr}}

.transip-inbox > .card > table > tbody > tr > td { vertical-align: top; }

[data-transip-connection] textarea{display:block;width:100%;box-sizing:border-box;margin-top:5px;min-height:130px;padding:10px;border:1px solid var(--border);border-radius:8px;resize:vertical;font-family:monospace}

.supplier-subscription-proposal form{max-width:850px;margin-top:20px}.supplier-subscription-proposal label:not(.check){display:block;margin:12px 0}.supplier-subscription-proposal input:not([type=hidden]):not([type=checkbox]),.supplier-subscription-proposal select{display:block;width:100%;box-sizing:border-box;margin-top:5px}