/* Prisma theme. Palette and logo reference: https://prisma-scholen.nl/.
   System fonts keep the interface local; the site's licensed Stolzl font is not bundled. */
:root{--ink:#112f49;--muted:#52677b;--line:#dfe7ee;--green:#1e659e;--bg:#f5f8fb;--pale:#eaf3fb;--prisma-blue:#267dc1;--prisma-orange:#ea560d;--prisma-yellow:#fedd24}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body::before{content:"";position:fixed;z-index:20;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#112f49 0 40%,#267dc1 40% 68%,#ea560d 68% 86%,#fedd24 86%)}
.brand.prisma-brand{display:flex;flex-direction:column;align-items:flex-start;gap:9px;letter-spacing:0;max-width:100%;padding:8px 0 4px}
.prisma-brand img{display:block;width:100%;max-width:210px;height:auto}
.prisma-brand .platform-label{color:var(--muted);font-size:11px;line-height:1.4;letter-spacing:.25px;font-weight:500}
.login .prisma-brand img{max-width:265px}.login .prisma-brand{gap:12px}.login{max-width:620px;margin:52px auto}.login>.eyebrow{margin-top:36px}.login h1{font-size:42px;line-height:1.16;letter-spacing:-1.4px;max-width:500px}.login .card{border-top:4px solid var(--prisma-blue);box-shadow:0 12px 32px #112f4909}
button,.button{background:var(--green);border-radius:8px;min-height:42px}button:hover,.button:hover{background:#164c78}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--prisma-blue);outline-offset:3px}
aside{border-right-color:var(--line)}.workspace-sidebar{padding-top:26px}.sidebar-top{align-items:center}.org{background:#f5f8fc;border-color:var(--line)}.workspace-sidebar .org{margin-top:22px}.workspace-sidebar .org>div{font-size:12px}
#workspace-navigation a.active{box-shadow:inset 3px 0 var(--prisma-blue)}#workspace-navigation a:hover{background:#f1f6fb}nav a{color:#3d5368}nav a.active{background:var(--pale);color:var(--green)}
header{border-bottom-color:var(--line)}header .eyebrow{color:#52677b}.pilot{background:#fff6ce;color:#71571b}.card{border-color:var(--line);border-radius:12px}h1,h2,h3{color:var(--ink)}h1{font-weight:700;letter-spacing:-.8px}h2{font-weight:650}.card p{max-width:80ch}
.service-card{border-top-color:var(--prisma-blue)}.service-card:nth-child(5n+2){border-top-color:var(--prisma-orange)}.service-card:nth-child(5n+3){border-top-color:var(--prisma-yellow)}.service-card:nth-child(5n+4){border-top-color:#112f49}.service-card:nth-child(5n+5){border-top-color:#3aa935}.service-card span{color:var(--green)}.service-card:hover{box-shadow:0 6px 20px #112f4912;border-bottom-color:#b5cde0}.service-card h2,.service-card h3{margin-top:8px}.metrics strong{color:var(--ink)}th{background:#f3f7fb;color:#52677b}input,select,textarea{border-color:#bdcbd8}label{color:#344f65}.date strong{color:var(--green)}.slot{background:#eaf3fb;border-color:#c7dcec}.supplier-hero{border-top-color:var(--prisma-blue)}.supplier-monogram{background:var(--pale);color:var(--green)}
@media(max-width:760px){.login{margin:24px auto}.login h1{font-size:34px}.prisma-brand img{max-width:185px}.login .prisma-brand img{max-width:235px}.brand.prisma-brand{flex-shrink:1}.workspace-sidebar{padding-top:20px}}
/* Compact workspaces: retain readable controls and expose detail on demand. */
.workspace{padding-left:26px;padding-right:26px}.workspace>header.workspace-topbar{min-height:62px;height:auto;margin-bottom:18px}.workspace h1{font-size:27px}.workspace>.card,.workspace>.columns>.card,.workspace .metrics .card{padding:16px;margin-bottom:14px}.workspace>.card>h2{margin-bottom:10px}.workspace>p,.workspace>.card>p{margin-bottom:12px}.workspace .list-item{padding:10px 0}.workspace th,.workspace td{padding:9px 10px}.workspace .metrics{gap:12px}.workspace .metrics strong{font-size:27px;margin-top:4px}.workspace .columns{gap:16px}.workspace .service-card{padding:16px}.workspace .filters{gap:10px;margin-bottom:14px}.workspace .empty{padding:24px 16px}.workspace .page-title{margin-bottom:14px}.workspace .section-head{margin-bottom:10px}
.page-tabs{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid var(--line);margin:14px 0}.page-tabs a{padding:8px 12px;margin:0;font-size:13px;border-radius:6px 6px 0 0}.page-tabs a[aria-current=page]{background:var(--pale);box-shadow:inset 0 -3px var(--prisma-blue);color:var(--green)}.compact-pagination{display:flex;justify-content:flex-end;gap:20px;margin-top:10px}.compact-pagination a{padding:6px}.account-rights{border-top:1px solid var(--line);padding-top:14px}.account-rights fieldset{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px}.account-rights fieldset label{margin:0}.compact-location>summary{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;gap:12px;align-items:center;cursor:pointer;list-style:none}.compact-location>summary::before{content:none}.compact-location>summary>strong::before{content:'▸ ';color:var(--green)}.compact-location[open]>summary>strong::before{content:'▾ '}.compact-location[open]>summary{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:12px}.workspace>.compact-location{margin-bottom:8px;padding:12px 16px}.compact-config{margin:8px 0 12px}.compact-config>summary{cursor:pointer;font-weight:600;padding:6px 0}.compact-config[open]>summary{margin-bottom:10px}#account-editor{scroll-margin-top:16px}.workspace-sidebar .org{margin-top:12px;margin-bottom:14px}.workspace-sidebar .nav-group{margin-bottom:6px}#workspace-navigation a{padding-top:7px;padding-bottom:7px}
@media(max-width:760px){.workspace{padding-left:14px;padding-right:14px}.workspace h1{font-size:24px}.compact-location>summary{grid-template-columns:1fr}.compact-location>summary .location-codes{display:none}.workspace .filters{flex-wrap:wrap}.workspace .filters label{min-width:160px}.workspace .page-tabs a{min-height:42px}.workspace>.card{padding:14px}}
.compact-location>summary,.workspace>details.card:not([open])>summary,#workspace-navigation .nav-folder>summary{margin-bottom:0}.compact-location>summary{font-size:13px}.workspace>.compact-location{padding-top:10px;padding-bottom:10px}
.category-workspace{display:grid;grid-template-columns:minmax(260px,38%) minmax(0,1fr);gap:16px;align-items:start}.category-workspace>.card{padding:16px;min-width:0}.category-tree{max-height:calc(100dvh - 190px);overflow:auto}.category-department{font-size:11px;text-transform:uppercase;letter-spacing:.7px;margin:16px 0 6px;color:var(--muted)}.category-branch>summary{display:flex;align-items:center;gap:4px;margin:0;font-weight:650}.category-branch>summary::before{content:'▸';font-size:12px}.category-branch[open]>summary::before{content:'▾'}.category-tree-link{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;flex:1;color:var(--ink);font-size:13px}.category-tree-link[aria-current=page]{background:var(--pale);color:var(--green);box-shadow:inset 3px 0 var(--prisma-blue)}.category-tree td{padding:0 0 0 22px;border:0}.category-tree td a{display:flex}.category-tree table{margin:0}.category-properties{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px 16px;margin:16px 0 22px}.category-properties dt{color:var(--muted)}.category-properties dd{margin:0;overflow-wrap:anywhere}.category-settings{position:sticky;top:16px;scroll-margin-top:16px}.category-settings h3{font-size:14px}.category-settings p{margin-bottom:12px}.category-settings form{margin-bottom:16px}@media(max-width:760px){.category-workspace{grid-template-columns:1fr}.category-tree{max-height:45dvh}.category-settings{position:static}.category-tree-link{min-height:42px}}
.account-preview-banner{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fff5df;border:1px solid #e5c46a;border-radius:8px;padding:10px 14px;margin:14px 0}.account-preview-banner form{margin:0}.account-actions{white-space:nowrap}.account-actions form{display:inline-block;margin-right:10px}.account-actions button{font-size:12px;padding:7px 10px}.workspace td.account-actions a{display:inline-block}@media(max-width:760px){.account-preview-banner{align-items:flex-start;flex-direction:column}}
.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.month-day-name{text-align:center;font-size:12px;color:var(--muted)}.month-cell{border:1px solid var(--line);border-radius:6px;min-height:52px;padding:5px 8px;color:var(--ink);background:#fff}.month-cell.outside-month{opacity:.55}.month-cell.today{border-color:var(--prisma-blue);background:var(--pale)}.month-cell small{font-size:11px}.planning-backlog{display:grid;gap:7px}.planning-job{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:6px;padding:9px 12px;cursor:grab}.planning-job>div{min-width:0;overflow-wrap:anywhere}.planning-job button{font-size:12px;padding:7px 10px}.plan-drop-over{outline:3px dashed var(--prisma-blue);outline-offset:-3px;background:var(--pale)}.planning-dialog{width:min(500px,94vw);max-height:90dvh;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:18px;color:var(--ink)}.planning-dialog::backdrop{background:#112f4980}.planning-dialog .section-head button{background:#edf1f5;color:var(--ink)}.planning-dialog p{overflow-wrap:anywhere}.ticket-sidebar .card>h2{margin-bottom:10px}@media(max-width:760px){.month-cell{padding:4px;min-height:48px}.month-cell small{font-size:9px}.month-planner .section-head{gap:8px}.month-planner h2{font-size:14px}.planning-job{align-items:flex-start}}

/* Diensten: vaste afdelingskleuren, kleine illustraties en compacte dienstregels. */
.department-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:12px;margin:18px 0 24px}
.department-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--department-color);border-radius:10px;padding:12px;color:var(--ink);text-decoration:none;min-width:0}
.department-card:hover,.department-card.selected{border-color:var(--department-color);box-shadow:0 3px 12px #112f4910}
.department-card.selected{outline:2px solid var(--department-color);outline-offset:1px}
.department-art{display:block;flex:0 0 78px;height:130px;border-radius:8px;background-image:url('/services-departments-v1.png');background-repeat:no-repeat;background-size:500% 100%}
.department-copy{min-width:0}.department-copy h2{font-size:17px;margin:0 0 6px;line-height:1.2}
.department-copy p{font-size:13px;line-height:1.45;margin:0 0 6px}.department-copy small{font-size:11px;color:var(--muted);display:block}
.department-action{display:block;margin-top:9px;font-size:12px;font-weight:700;color:var(--department-color)}
.department-services{scroll-margin-top:24px}.department-heading{border-left:4px solid var(--department-color);padding-left:14px;margin-bottom:14px}.department-heading h2{margin:3px 0;font-size:23px}.department-heading p{margin:4px 0}
.service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:22px}
.service-list-item{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:13px 15px;color:var(--ink);text-decoration:none}
.service-list-item:hover{border-color:var(--department-color);background:#f8fafc}.service-list-item h3{margin:0 0 5px;font-size:16px}.service-list-item p{margin:0;font-size:13px;line-height:1.45}
.service-list-item>span{flex:0 0 auto;color:var(--department-color);font-size:12px;font-weight:700}
@media(max-width:1000px){.service-list{grid-template-columns:1fr}}
@media(max-width:560px){.department-grid{grid-template-columns:1fr;gap:9px}.department-art{flex-basis:60px;height:100px}.department-card{padding:10px}.service-list-item{align-items:flex-start}.service-list-item>span{font-size:0}.service-list-item>span span{font-size:20px}}
.department-panel-0{--department-color:#267dc1;--department-position:0%}.department-panel-1{--department-color:#167c77;--department-position:25%}.department-panel-2{--department-color:#bd502f;--department-position:50%}.department-panel-3{--department-color:#8a6600;--department-position:75%}.department-panel-4{--department-color:#7254a0;--department-position:100%}
.department-art{background-position:var(--department-position) center}
.workspace nav.department-grid .department-card{white-space:normal;color:var(--ink);font-weight:400}
.workspace nav.department-grid .department-copy p{font-weight:400}.workspace nav.department-grid .department-copy small{font-weight:400}
.rie-test-banner p{margin:6px 0}.rie-test-banner small{display:block}.rie-detail-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px}.rie-facts>div{display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,2fr);gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.rie-facts dt{font-weight:600}.rie-facts dd{margin:0;overflow-wrap:anywhere}.rie-table td{vertical-align:top;white-space:normal;max-width:400px}.rie-date-warning{color:#875100;font-weight:700}@media(max-width:900px){.rie-detail-grid{grid-template-columns:1fr}.rie-facts>div{grid-template-columns:1fr}}
/* Soft Prisma colors: color identifies a section, dark text keeps it readable. */
:root{--pastel-blue:#eaf3fb;--pastel-orange:#fff0e5;--pastel-yellow:#fff8da;--pastel-mint:#edf6e9;--pastel-lilac:#f1eef9;--bg:#f7f9fc;--line:#d9e4ed}
.workspace-sidebar .org{background:var(--pastel-blue);border-color:#d1e2f0}
.metrics .card:nth-child(4n+1){background:var(--pastel-blue)}.metrics .card:nth-child(4n+2){background:var(--pastel-orange)}.metrics .card:nth-child(4n+3){background:var(--pastel-yellow)}.metrics .card:nth-child(4n+4){background:var(--pastel-mint)}
.ticket-sidebar-compact{background:#fbfdff;border-color:#cfdfeb}.ticket-sidebar-compact>.card h2{color:#285b7a}
.ticket-communication{border-top:3px solid #cbdfee}.ticket-compose-tabs button[aria-selected=true]{background:#dcecf8;color:#173e5c}
.ticket-main>.card:first-child:not(.ticket-communication){border-top:3px solid #d6e5f1}
.workspace details>summary{display:flex;align-items:center;gap:8px;list-style:none;min-height:36px;padding:8px 11px;border:1px solid #dce6ee;border-radius:7px;background:#f3f7fb;font-size:12px;line-height:1.5;font-weight:650;cursor:pointer;overflow-wrap:anywhere}
.workspace details>summary::-webkit-details-marker{display:none}
.workspace details>summary:before{content:'›';font-size:19px;line-height:1;flex:0 0 10px;text-align:center;transform-origin:center}
.workspace details[open]>summary:before{transform:rotate(90deg)}
.workspace details[open]>summary{background:#eaf2f9;border-color:#bbd1e2;margin-bottom:10px}
.workspace details details>summary{background:#f8fafc;font-size:11px;min-height:32px}
.disclosure-hint{display:inline-block;font-size:11px;font-weight:400;line-height:1.5;color:#526c80;margin-left:auto;max-width:56%;letter-spacing:0}
.workspace>.card:has(>details),.ticket-main>.card:has(>details){padding:12px 16px}
.workspace details label{margin-bottom:10px}.workspace details .list-item{padding:8px 0}
.ticket-work-tools>h2{margin-bottom:4px}.ticket-work-tools>.muted{margin-bottom:12px}
.work-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-items:start}
.workspace .work-tool{min-width:0;border:1px solid #d8e3eb;border-radius:8px;overflow:hidden;background:#fff}
.workspace .work-tool>summary{border:0;border-radius:0;align-items:center;padding:11px;gap:8px;min-height:64px;background:var(--pastel-blue)}
.workspace .work-tool:nth-child(5n+2)>summary{background:var(--pastel-orange)}.workspace .work-tool:nth-child(5n+3)>summary{background:var(--pastel-mint)}.workspace .work-tool:nth-child(5n+4)>summary{background:var(--pastel-lilac)}.workspace .work-tool:nth-child(5n+5)>summary{background:var(--pastel-yellow)}
.workspace .work-tool[open]{grid-column:1/-1}.workspace .work-tool[open]>summary{margin-bottom:0;border-bottom:1px solid #d8e3eb}
.work-tool summary>span:last-child{flex:1;min-width:0}.work-tool summary strong{display:block;font-size:12px}.work-tool summary small{font-size:10px;font-weight:400;margin-top:3px;line-height:1.4}
.tool-icon{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;color:#3b647f;font-size:19px;background:#ffffff99;border-radius:6px}
.disclosure-body{padding:12px}.work-tool form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.work-tool form label{margin:0;font-size:11px}.work-tool form input,.work-tool form select,.work-tool form textarea{padding:8px;font-size:12px;margin-top:4px}.work-tool form label:has(textarea){grid-column:1/-1}.work-tool form button{justify-self:start;grid-column:1/-1;margin-top:5px;padding:8px 12px;font-size:12px}.work-tool p{font-size:12px;margin-bottom:10px}.work-tool .disclosure-body>.card{border:0;margin:0;padding:0;max-width:none}.work-tool .disclosure-body>.card h2{display:none}
.audit-date{white-space:nowrap}.ticket-audit td{vertical-align:top;font-size:12px}.audit-pagination{display:flex;justify-content:space-between;gap:12px;margin-top:10px;font-size:11px}
@media(max-width:650px){.work-tools-grid{grid-template-columns:1fr}.work-tool form{grid-template-columns:1fr}.disclosure-hint{flex-basis:100%;max-width:100%;margin-left:18px}.workspace details>summary:has(.disclosure-hint){flex-wrap:wrap;gap:2px 8px}.workspace details>summary:has(.disclosure-hint):before{align-self:start;margin-top:2px}.disclosure-body{padding:10px}}