:root{--ink:#163126;--green:#1d5c43;--lime:#b9e44d;--paper:#f5f4ef;--white:#fff;--muted:#68766e;--line:#dfe5df;--danger:#a43a35;--shadow:0 20px 50px rgba(22,49,38,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.demo-ribbon{background:#ddecad;color:#29481c;text-align:center;font-size:12px;font-weight:700;padding:8px}.site-header{height:82px;padding:0 max(5vw,24px);display:flex;align-items:center;gap:36px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-size:23px;font-weight:850;letter-spacing:-.03em}.brand small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-top:1px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;background:var(--lime);border-radius:11px;color:var(--ink);font-size:22px;font-weight:900;transform:rotate(-3deg)}.site-header nav{display:flex;gap:28px;margin-left:auto}.site-header nav a{color:var(--ink);text-decoration:none;font-size:14px;font-weight:650}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:var(--green);color:#fff;padding:14px 20px;font:inherit;font-weight:750;text-decoration:none;cursor:pointer;box-shadow:0 8px 18px rgba(29,92,67,.16)}.button.small{padding:11px 15px;font-size:13px}.button.full{width:100%;margin-top:13px}.outline{padding:12px 16px;border:1px solid var(--line);background:#fff;border-radius:10px;color:var(--ink);font-weight:700;cursor:pointer}.text-link{border:0;background:none;color:var(--green);font-weight:750;text-decoration:none;cursor:pointer}.hero{min-height:650px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;padding:80px max(7vw,30px);gap:40px;background:radial-gradient(circle at 85% 45%,#dbe8df 0,transparent 28%),linear-gradient(135deg,#f8f7f2,#eef3ed)}.eyebrow{display:block;color:var(--green);font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}.hero h1{font-family:Georgia,serif;font-size:clamp(46px,6vw,78px);line-height:1.02;letter-spacing:-.045em;margin:0 0 25px}.hero h1 em{font-weight:400;color:var(--green)}.hero-copy>p{font-size:19px;line-height:1.6;max-width:590px;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:30px}.trust{display:flex;gap:22px;margin-top:35px;font-size:12px;color:var(--muted);font-weight:650}.hero-visual{display:grid;place-items:center}.availability-card{position:relative;width:min(430px,90%);background:#fff;padding:28px;border-radius:24px;box-shadow:var(--shadow);transform:rotate(1.5deg)}.live-dot{display:inline-block;width:8px;height:8px;background:#54b96b;border-radius:50%;margin-right:7px;box-shadow:0 0 0 5px #e4f5e8}.trailer-art{height:210px;margin:24px 0;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#e6ede8,#cadbd0);font-size:150px;color:var(--green)}.availability-card>strong{display:block;font-size:20px}.availability-card p{color:var(--muted)}.mini-calendar{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px}.mini-calendar span{width:35px;height:35px;display:grid;place-items:center;font-size:11px;border-radius:8px}.mini-calendar .selected{background:var(--green);color:#fff}.section{padding:95px max(6vw,28px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.section h2,.steps h2,.panel h2{font-family:Georgia,serif;font-size:38px;margin:0}.section-heading p{max-width:410px;color:var(--muted);line-height:1.55}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:35px 0 25px}.filters button{border:1px solid var(--line);background:#fff;padding:9px 14px;border-radius:999px;color:var(--muted);font-weight:700;cursor:pointer}.filters button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.catalogue{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.item-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.2s}.item-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.item-image{height:190px;display:grid;place-items:center;font-size:115px;color:var(--green)}.item-content{padding:23px}.item-content h3{font-size:20px;margin:0 0 7px}.item-content>p{color:var(--muted);font-size:14px;line-height:1.5;min-height:63px}.specs{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12px;color:var(--muted);padding:15px 0;border-block:1px solid var(--line)}.item-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:17px}.price strong{font-size:23px}.price small{display:block;color:var(--muted)}.steps{background:var(--ink);color:#fff;padding:90px max(6vw,28px)}.steps .eyebrow{color:var(--lime)}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#426053;margin-top:45px}.step-grid article{padding:34px;background:var(--ink)}.step-grid b{color:var(--lime);font-size:12px}.step-grid h3{font-size:18px}.step-grid p{color:#b8c5be;line-height:1.55;font-size:14px}footer{padding:45px max(6vw,28px);display:flex;justify-content:space-between;align-items:center;background:#fff}footer p{color:var(--muted);font-size:12px}dialog{border:0;border-radius:20px;padding:0;width:min(720px,calc(100% - 28px));box-shadow:0 30px 90px rgba(0,0,0,.28);color:var(--ink)}dialog::backdrop{background:rgba(12,31,23,.65);backdrop-filter:blur(4px)}dialog form,dialog>div{padding:38px;position:relative}.dialog-close{position:absolute;right:18px;top:16px;border:0;background:#edf1ed;border-radius:50%;width:34px;height:34px;font-size:21px;cursor:pointer}dialog h2{font-family:Georgia,serif;font-size:34px;margin:0 0 25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:block;font-size:12px;font-weight:750;margin:12px 0;color:var(--ink)}input,select,textarea{width:100%;border:1px solid #cfd9d2;border-radius:9px;background:#fbfcfa;padding:12px;margin-top:7px;font:inherit;color:var(--ink)}.check{display:flex;gap:10px;align-items:flex-start;line-height:1.45}.check input{width:auto;margin:2px 0}.honeypot{position:absolute;left:-9999px}.availability-result{padding:12px 14px;background:#f1f4f1;border-radius:9px;color:var(--muted);font-size:13px}.availability-result.ok{background:#e5f3e8;color:#23623c}.availability-result.no{background:#f7e6e4;color:#8d302a}.price-box{display:grid;grid-template-columns:1fr auto;margin:16px 0 24px;padding:17px;border-radius:11px;background:var(--ink);color:#fff}.price-box strong{font-size:25px}.price-box small{grid-column:1/3;color:#bbcbc2;margin-top:5px}.form-error{color:var(--danger);font-size:13px;min-height:18px;margin-top:10px}.success-dialog{text-align:center;max-width:480px}.success-icon{display:grid;place-items:center;width:65px;height:65px;border-radius:50%;margin:0 auto 20px;background:#e2f2e5;color:var(--green);font-size:30px}.success-dialog strong{display:block;background:#f0f3f0;padding:12px;border-radius:8px;margin-top:18px}.loading{padding:35px;color:var(--muted)}
/* admin */.admin-body{display:grid;grid-template-columns:245px 1fr;min-height:100vh;background:#f1f3ef}.sidebar{background:var(--ink);padding:27px 20px;display:flex;flex-direction:column;color:#fff;position:sticky;top:0;height:100vh}.brand.light{color:#fff}.brand.light small{color:#acc0b5}.sidebar nav{display:grid;gap:7px;margin-top:50px}.sidebar nav button{border:0;background:transparent;color:#b8c8c0;text-align:left;padding:13px;border-radius:9px;font-weight:650}.sidebar nav button.active{background:#2b4b3e;color:#fff}.demo-box{margin-top:auto;padding:16px;border:1px solid #456255;border-radius:11px;font-size:12px}.demo-box p{color:#aebeb6;line-height:1.45;margin-bottom:0}.back-link{color:#b7c9c0;text-decoration:none;font-size:12px;margin-top:20px}.admin-main{padding:45px 4vw}.admin-header{display:flex;justify-content:space-between;align-items:center}.admin-header h1{font-family:Georgia,serif;font-size:42px;margin:0}.admin-header p{color:var(--muted)}.admin-actions{display:flex;gap:10px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:35px 0}.metrics article,.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px}.metrics span{font-size:12px;color:var(--muted);font-weight:700}.metrics strong{display:block;font-size:34px;margin:9px 0}.metrics small{color:var(--muted)}.admin-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:16px}.panel.wide{min-height:500px}.panel-head{display:flex;justify-content:space-between;align-items:start}.panel-head .filters{margin:0}.booking-row{display:grid;grid-template-columns:90px 1.3fr 1fr auto;gap:17px;align-items:center;padding:17px 5px;border-bottom:1px solid var(--line)}.booking-date{font-size:12px;color:var(--muted)}.booking-date strong{display:block;font-size:22px;color:var(--ink)}.booking-row h3{margin:0 0 4px;font-size:16px}.booking-row p{margin:0;color:var(--muted);font-size:12px}.status{font-size:11px;font-weight:800;padding:7px 9px;border-radius:99px;background:#eee}.status.new{background:#fff0cd;color:#795b10}.status.confirmed{background:#e2f2e6;color:#23623c}.status.collected{background:#ddeafa;color:#285c94}.status.maintenance{background:#eee4f3;color:#67437b}.row-actions select{padding:8px;margin:0}.occupancy{margin-top:25px;display:grid;gap:14px}.occupancy-row{display:grid;grid-template-columns:80px 1fr 45px;gap:10px;align-items:center;font-size:12px}.bar{height:9px;background:#edf0ed;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:#73b783;border-radius:99px}.legend{display:flex;gap:13px;flex-wrap:wrap;font-size:10px;color:var(--muted);margin-top:25px}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.green{background:#73b783}.orange{background:#e2a348}.red{background:#c95b54}
/* Pimvo zakelijke website */
.business-site{background:#f7f6f1}.business-hero{min-height:720px}.business-visual{display:grid}.solution-window{width:min(530px,95%);border:1px solid #cbd8d0;border-radius:22px;background:#fff;box-shadow:0 32px 70px rgba(22,49,38,.16);overflow:hidden;transform:rotate(1deg)}.window-top{display:flex;align-items:center;gap:7px;height:48px;padding:0 17px;background:#f1f3ef;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.window-top i{width:9px;height:9px;border-radius:50%;background:#cad2cd}.window-top span{margin-left:auto;margin-right:auto;font-weight:750}.solution-body{display:grid;grid-template-columns:125px 1fr;min-height:330px}.solution-body aside{display:flex;flex-direction:column;gap:20px;padding:24px 16px;background:var(--ink);color:#b7c7bf;font-size:11px}.solution-body aside b{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:var(--lime);color:var(--ink);font-size:20px;margin-bottom:20px}.solution-body>div{padding:35px 27px}.solution-body small{color:var(--green);font-weight:850;letter-spacing:.12em}.solution-body h3{font-family:Georgia,serif;font-size:30px;margin:8px 0 25px}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-metrics span{padding:12px 8px;border-radius:9px;background:#f0f3ef;color:var(--muted);font-size:9px}.mini-metrics b{display:block;color:var(--ink);font-size:21px}.fake-list{display:grid;gap:10px;margin-top:25px}.fake-list i{display:block;height:40px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(90deg,#dce7df 22%,transparent 22%)}.intro-section{background:#fff}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:45px}.service-grid article{padding:33px;border:1px solid var(--line);border-radius:16px;background:#fbfcfa}.service-grid article>span{color:var(--green);font-size:11px;font-weight:850}.service-grid h3{font-size:21px;margin:20px 0 10px}.service-grid p{color:var(--muted);line-height:1.6;margin:0}.business-process{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding:100px max(7vw,30px);background:var(--ink);color:#fff}.business-process h2{font-family:Georgia,serif;font-size:48px;margin:0 0 22px}.business-process p{color:#b8c5be;line-height:1.7;max-width:520px}.business-process ol{list-style:none;padding:0;margin:0}.business-process li{display:flex;gap:22px;padding:21px 0;border-bottom:1px solid #3f5a4f}.business-process li>b{color:var(--lime);font-size:11px}.business-process li span{color:#aebfb6;font-size:13px}.business-process li strong{display:block;color:#fff;font-size:17px;margin-bottom:5px}.demo-showcase{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:8vw}.demo-copy>p{color:var(--muted);line-height:1.7;font-size:17px}.demo-copy>small{display:block;color:var(--muted);margin-top:20px}.demo-preview{position:relative;padding:36px;border-radius:22px;background:#dce8df;box-shadow:var(--shadow)}.preview-label{font-size:10px;font-weight:850;letter-spacing:.14em;color:var(--green)}.preview-trailer{height:190px;display:grid;place-items:center;font-size:140px;color:var(--green)}.demo-preview h3{font-size:24px;margin:0}.demo-preview p{color:var(--muted)}.demo-preview>div:last-child{display:flex;align-items:center;justify-content:space-between;margin-top:25px;padding:15px;border-radius:10px;background:#fff;font-size:12px;font-weight:750}.contact-cta{text-align:center;padding:105px 24px;background:#e5efdf}.contact-cta h2{font-family:Georgia,serif;font-size:clamp(38px,5vw,60px);margin:0}.contact-cta p{max-width:630px;margin:20px auto 30px;color:var(--muted);line-height:1.65}@media(max-width:950px){.business-visual{display:none}.business-process,.demo-showcase{grid-template-columns:1fr}.demo-preview{margin-top:20px}}@media(max-width:620px){.service-grid{grid-template-columns:1fr}.business-process{padding:75px 24px}.business-process h2{font-size:38px}.demo-showcase{padding-block:70px}.demo-preview{padding:25px}.preview-trailer{height:130px;font-size:100px}}
@media(max-width:950px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-visual{display:none}.catalogue{grid-template-columns:repeat(2,1fr)}.step-grid{grid-template-columns:1fr 1fr}.admin-body{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;align-items:center}.sidebar nav,.demo-box,.back-link{display:none}.admin-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}}@media(max-width:620px){.site-header .button{display:none}.hero h1{font-size:43px}.trust{flex-direction:column;gap:8px}.section-heading{display:block}.catalogue,.form-grid,.metrics{grid-template-columns:1fr}.step-grid{grid-template-columns:1fr}.booking-row{grid-template-columns:65px 1fr}.booking-row .status,.booking-row .row-actions{grid-column:2}.admin-main{padding:28px 18px}.admin-header{display:block}.admin-actions{margin-top:20px;flex-wrap:wrap}}
/* Pimvo interactieve beheeronderdelen */
.admin-view{display:none}.admin-view.active{display:block}.view-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:35px 0 18px}.view-toolbar .filters{margin:0}.timeline{padding:10px 20px}.timeline-row{display:grid;grid-template-columns:105px 18px 1fr;gap:18px;min-height:115px}.timeline-date{text-align:right;padding-top:19px}.timeline-date b{display:block;font-size:15px}.timeline-date span{font-size:11px;color:var(--muted)}.timeline-row>i{position:relative;border-left:2px solid #dce4de}.timeline-row>i:before{content:"";position:absolute;left:-7px;top:24px;width:11px;height:11px;border-radius:50%;background:var(--green);border:2px solid #fff;box-shadow:0 0 0 2px var(--green)}.timeline-row.maintenance>i:before{background:#79538d;box-shadow:0 0 0 2px #79538d}.timeline-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:#fbfcfa}.timeline-card h3{margin:7px 0 4px;font-size:16px}.timeline-card p{margin:0;color:var(--muted);font-size:12px}.timeline-card select{margin:0;min-width:125px}.item-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:35px}.item-admin-card{display:grid;grid-template-columns:145px 1fr;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.item-admin-icon{display:grid;place-items:center;font-size:80px;color:var(--green)}.item-admin-body{padding:24px}.item-admin-body h2{font-family:Georgia,serif;font-size:25px;margin:0 0 9px}.item-admin-body>p{color:var(--muted);font-size:13px;line-height:1.5;min-height:58px}.item-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 0;border-block:1px solid var(--line);font-size:11px;color:var(--muted)}.item-facts b{color:var(--ink)}.item-admin-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:16px}.item-admin-actions button{font-size:12px}.admin-search{display:flex;align-items:center;gap:9px;width:min(480px,100%);margin:0;padding:0 13px;border:1px solid var(--line);border-radius:11px;background:#fff;font-size:20px}.admin-search input{border:0;background:transparent;margin:0;outline:0}.view-toolbar>span{color:var(--muted);font-size:13px;font-weight:700}.customer-grid{display:grid;gap:12px}.customer-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.customer-card summary{display:grid;grid-template-columns:48px minmax(180px,1.5fr) 130px 140px 22px;align-items:center;gap:15px;padding:19px 22px;cursor:pointer;list-style:none}.customer-card summary::-webkit-details-marker{display:none}.customer-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#dfece3;color:var(--green);font-size:18px;font-weight:850}.customer-card summary strong,.customer-card summary small{display:block}.customer-card summary small{color:var(--muted);font-size:11px;margin-top:4px}.customer-stat{font-size:11px;color:var(--muted)}.customer-stat b{display:block;color:var(--ink);font-size:14px}.customer-card summary>i{font-style:normal;transition:.2s}.customer-card[open] summary>i{transform:rotate(180deg)}.customer-detail{display:grid;grid-template-columns:1fr 1fr 2fr;gap:25px;padding:22px 70px;border-top:1px solid var(--line);background:#f8faf7}.customer-detail span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.customer-detail b{font-size:13px}.customer-history p{margin:0 0 8px;padding-bottom:8px;border-bottom:1px solid var(--line)}.customer-history p b,.customer-history p small{display:block}.customer-history p small{color:var(--muted);margin-top:3px}@media(max-width:1100px){.item-admin-grid{grid-template-columns:1fr}.customer-card summary{grid-template-columns:48px 1fr 110px 22px}.customer-card .customer-stat:nth-of-type(2){display:none}}@media(max-width:700px){.view-toolbar{align-items:stretch;flex-direction:column}.timeline{padding:0}.timeline-row{grid-template-columns:68px 12px 1fr;gap:10px}.timeline-card{align-items:flex-start;flex-direction:column}.item-admin-card{grid-template-columns:1fr}.item-admin-icon{height:130px}.customer-card summary{grid-template-columns:45px 1fr 20px;padding:16px}.customer-stat{display:none}.customer-detail{grid-template-columns:1fr;padding:20px}.admin-view .panel{padding:15px}}



/* PIMVO GUIDE PROFESSIONAL */

.guide-hero{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:30px;
    padding:32px;
    margin-bottom:22px;
    border-radius:24px;
    background:linear-gradient(135deg,#173f2c,#24563e);
    color:#fff;
}

.guide-hero h2{
    margin:5px 0 8px;
    font-size:clamp(30px,4vw,46px);
    color:#fff;
}

.guide-hero p{
    margin:0;
    max-width:680px;
    color:rgba(255,255,255,.78);
    line-height:1.6;
}

.guide-hero .eyebrow{
    color:#c8f173;
}

.guide-hero-badge{
    min-width:260px;
    padding:18px 20px;
    border:1px solid rgba(255,255,255,.15);
    border-radius:18px;
    background:rgba(255,255,255,.08);
}

.guide-hero-badge span{
    display:block;
    margin-bottom:6px;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.08em;
    opacity:.7;
}

.guide-hero-badge strong{
    line-height:1.45;
}

.guide-feature-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    margin-bottom:22px;
}

.guide-feature-card{
    display:grid;
    grid-template-columns:54px 1fr;
    gap:18px;
    padding:24px;
    border:1px solid #e1e7e2;
    border-radius:22px;
    background:#fff;
    box-shadow:0 8px 28px rgba(24,63,44,.06);
}

.guide-feature-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:54px;
    height:54px;
    border-radius:16px;
    background:#edf6e4;
    color:#204d37;
    font-size:24px;
    font-weight:800;
}

.guide-feature-card h3{
    margin:4px 0 8px;
    font-size:21px;
}

.guide-feature-card p{
    margin:0 0 14px;
    color:#66736b;
    line-height:1.55;
}

.guide-feature-card ul{
    margin:0;
    padding-left:18px;
    color:#35483e;
}

.guide-feature-card li{
    margin:7px 0;
}

.guide-panel{
    padding:28px;
    margin-bottom:22px;
    border:1px solid #e1e7e2;
    border-radius:22px;
    background:#fff;
    box-shadow:0 8px 28px rgba(24,63,44,.05);
}

.guide-section-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:25px;
    margin-bottom:24px;
}

.guide-section-head h3{
    margin:4px 0 0;
    font-size:25px;
}

.guide-section-head > p{
    max-width:460px;
    margin:0;
    color:#728078;
    line-height:1.55;
}

.guide-steps{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:12px;
}

.guide-steps article{
    padding:18px;
    border-radius:18px;
    background:#f6f8f5;
}

.guide-steps article > span{
    display:flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    margin-bottom:14px;
    border-radius:50%;
    background:#204d37;
    color:#fff;
    font-weight:800;
}

.guide-steps strong{
    display:block;
    margin-bottom:7px;
}

.guide-steps p{
    margin:0;
    color:#6c7871;
    font-size:13px;
    line-height:1.5;
}

.guide-status-flow{
    display:grid;
    grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
    align-items:center;
    gap:12px;
}

.guide-status{
    padding:18px;
    border-radius:17px;
    text-align:center;
}

.guide-status span{
    display:block;
    font-weight:800;
    margin-bottom:4px;
}

.guide-status small{
    opacity:.7;
}

.guide-status.new{
    background:#fff4d8;
}

.guide-status.confirmed{
    background:#e6f3e8;
}

.guide-status.collected{
    background:#e6eff8;
}

.guide-status.returned{
    background:#edf0ed;
}

.guide-arrow{
    font-size:24px;
    color:#9aaa9f;
}

.guide-cancel-note{
    margin-top:16px;
    padding:14px 18px;
    border-radius:15px;
    background:#fff1ef;
    color:#77423d;
}

.guide-cancel-note span{
    font-weight:800;
}

.guide-situations{
    display:grid;
    gap:10px;
}

.guide-situations details{
    border:1px solid #e1e7e2;
    border-radius:17px;
    background:#fafbf9;
    overflow:hidden;
}

.guide-situations summary{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    padding:17px 19px;
    cursor:pointer;
    list-style:none;
}

.guide-situations summary::-webkit-details-marker{
    display:none;
}

.guide-situations summary span{
    display:flex;
    flex-direction:column;
    gap:3px;
}

.guide-situations summary small{
    color:#748078;
}

.guide-situations details > div{
    padding:0 19px 17px;
    color:#526058;
}

.guide-situations details > div p{
    margin:7px 0;
}

.guide-quick-help{
    display:grid;
    grid-template-columns:240px 1fr;
    gap:28px;
    padding:28px;
    border-radius:22px;
    background:#edf3eb;
}

.guide-quick-help h3{
    margin:4px 0 0;
    font-size:24px;
}

.guide-help-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}

.guide-help-grid div{
    padding:14px 16px;
    border-radius:14px;
    background:#fff;
}

.guide-help-grid strong,
.guide-help-grid span{
    display:block;
}

.guide-help-grid span{
    margin-top:3px;
    color:#6d7971;
    font-size:13px;
}

@media(max-width:900px){
    .guide-hero{
        align-items:flex-start;
        flex-direction:column;
    }

    .guide-hero-badge{
        min-width:0;
        width:100%;
    }

    .guide-feature-grid{
        grid-template-columns:1fr;
    }

    .guide-steps{
        grid-template-columns:1fr;
    }

    .guide-status-flow{
        grid-template-columns:1fr;
    }

    .guide-arrow{
        transform:rotate(90deg);
        text-align:center;
    }

    .guide-section-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .guide-quick-help{
        grid-template-columns:1fr;
    }

    .guide-help-grid{
        grid-template-columns:1fr;
    }
}


/* PIMVO FACTUREN DEMO */

.finance-hero{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:30px;
    padding:30px;
    margin:34px 0 18px;
    border-radius:22px;
    background:linear-gradient(135deg,#173f2c,#275b42);
    color:#fff;
}

.finance-hero h2{
    margin:3px 0 8px;
    font-family:Georgia,serif;
    font-size:36px;
    color:#fff;
}

.finance-hero p{
    max-width:620px;
    margin:0;
    color:#c4d2ca;
    line-height:1.55;
}

.finance-hero .eyebrow{
    color:var(--lime);
}

.finance-demo-label{
    width:250px;
    padding:16px 18px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:15px;
    background:rgba(255,255,255,.07);
}

.finance-demo-label span,
.finance-demo-label strong{
    display:block;
}

.finance-demo-label span{
    margin-bottom:5px;
    color:var(--lime);
    font-size:10px;
    font-weight:850;
    letter-spacing:.13em;
    text-transform:uppercase;
}

.finance-demo-label strong{
    font-size:13px;
    line-height:1.45;
}

.finance-metrics{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:15px;
    margin-bottom:18px;
}

.finance-metrics article{
    padding:21px;
    border:1px solid var(--line);
    border-radius:15px;
    background:#fff;
}

.finance-metrics span{
    color:var(--muted);
    font-size:11px;
    font-weight:750;
}

.finance-metrics strong{
    display:block;
    margin:8px 0;
    font-size:27px;
}

.finance-metrics small{
    color:var(--muted);
}

.finance-toolbar{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:20px;
    margin-bottom:20px;
}

.finance-toolbar h2{
    margin:0;
}

.finance-tools{
    display:flex;
    gap:9px;
}

.finance-tools select,
.finance-tools input{
    width:auto;
    min-width:180px;
    margin:0;
}

.invoice-list{
    display:grid;
    gap:11px;
}

.invoice-card{
    display:grid;
    grid-template-columns:minmax(240px,1.5fr) 240px minmax(220px,auto);
    gap:25px;
    align-items:center;
    padding:20px;
    border:1px solid var(--line);
    border-radius:16px;
    background:#fbfcfa;
}

.invoice-topline{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:8px;
}

.invoice-number{
    color:var(--green);
    font-size:11px;
    font-weight:850;
    letter-spacing:.05em;
}

.invoice-card h3{
    margin:0 0 5px;
    font-size:17px;
}

.invoice-card p{
    margin:0 0 6px;
    color:var(--muted);
    font-size:12px;
}

.invoice-reference{
    color:#8a958f;
    font-size:10px;
}

.invoice-status{
    display:inline-flex;
    padding:6px 9px;
    border-radius:999px;
    font-size:10px;
    font-weight:850;
}

.invoice-status.open{
    background:#fff0cd;
    color:#795b10;
}

.invoice-status.paid{
    background:#e2f2e6;
    color:#23623c;
}

.invoice-money{
    display:grid;
    gap:5px;
    font-size:11px;
}

.invoice-money>div{
    display:flex;
    justify-content:space-between;
    gap:20px;
}

.invoice-money .invoice-total{
    margin-top:5px;
    padding-top:8px;
    border-top:1px solid var(--line);
}

.invoice-money .invoice-total strong{
    font-size:17px;
}

.invoice-money>small{
    margin-top:4px;
    color:var(--muted);
}

.invoice-actions{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}

.invoice-actions button{
    white-space:nowrap;
}

.finance-dialog{
    width:min(760px,calc(100% - 30px));
}

.invoice-document-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:25px;
}

.invoice-document-head h2{
    margin-bottom:3px;
}

.invoice-document-head p{
    margin:0;
    color:var(--muted);
}

.invoice-document-meta{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:25px;
    margin:26px 0;
    padding:20px;
    border-radius:14px;
    background:#f5f7f4;
}

.invoice-document-meta span,
.invoice-document-meta strong,
.invoice-document-meta small{
    display:block;
}

.invoice-document-meta span{
    margin-bottom:5px;
    color:var(--muted);
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.invoice-document-meta small{
    margin-top:3px;
    color:var(--muted);
}

.invoice-document-lines{
    display:grid;
}

.invoice-document-lines>div{
    display:flex;
    justify-content:space-between;
    gap:25px;
    padding:16px 2px;
    border-bottom:1px solid var(--line);
}

.invoice-document-lines span small{
    display:block;
    margin-top:4px;
    color:var(--muted);
}

.invoice-document-lines .grand-total{
    margin-top:8px;
    border-bottom:0;
    font-size:21px;
}

.invoice-paid-note,
.invoice-open-note{
    margin-top:18px;
    padding:14px 16px;
    border-radius:12px;
}

.invoice-paid-note{
    background:#e5f3e8;
    color:#23623c;
}

.invoice-open-note{
    background:#fff4d8;
    color:#795b10;
}

.invoice-dialog-actions{
    display:flex;
    justify-content:flex-end;
    gap:9px;
    margin-top:24px;
}

.invoice-demo-note{
    margin-top:18px;
    color:var(--muted);
    font-size:10px;
}

.terminal-screen{
    padding:22px;
    margin:20px 0;
    border-radius:14px;
    background:var(--ink);
    color:#fff;
    text-align:center;
}

.terminal-screen span,
.terminal-screen strong,
.terminal-screen small{
    display:block;
}

.terminal-screen strong{
    margin:7px 0;
    color:var(--lime);
    font-size:38px;
}

.terminal-screen small{
    color:#b5c7bd;
}

.terminal-contactless{
    display:grid;
    place-items:center;
    gap:8px;
    min-height:190px;
    padding:25px;
    margin-bottom:18px;
    border:1px solid var(--line);
    border-radius:16px;
    text-align:center;
    background:#f8faf7;
}

.terminal-contactless span{
    color:var(--muted);
    font-size:11px;
}

.terminal-waves{
    color:var(--green);
    font-size:42px;
    font-weight:850;
    transform:rotate(-90deg);
}

.payment-success>div{
    text-align:center;
}

.payment-success-icon{
    display:grid;
    place-items:center;
    width:70px;
    height:70px;
    margin:0 auto 18px;
    border-radius:50%;
    background:#e2f2e6;
    color:#23623c;
    font-size:34px;
    font-weight:850;
}

.payment-success-amount{
    display:block;
    margin:14px 0 8px;
    font-size:38px;
}

.payment-success-actions{
    display:flex;
    justify-content:center;
    gap:8px;
    flex-wrap:wrap;
    margin-top:24px;
}

@media(max-width:1000px){
    .finance-metrics{
        grid-template-columns:1fr 1fr;
    }

    .invoice-card{
        grid-template-columns:1fr;
    }

    .invoice-actions{
        justify-content:flex-start;
    }
}

@media(max-width:700px){
    .finance-hero,
    .finance-toolbar{
        flex-direction:column;
        align-items:stretch;
    }

    .finance-demo-label{
        width:auto;
    }

    .finance-metrics{
        grid-template-columns:1fr;
    }

    .finance-tools{
        flex-direction:column;
    }

    .finance-tools select,
    .finance-tools input{
        width:100%;
    }

    .invoice-document-meta{
        grid-template-columns:1fr;
    }
}


/* PIMVO FINANCE V2 */

.finance-v2-hero{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:30px;
    padding:30px;
    margin:34px 0 18px;
    border-radius:22px;
    background:linear-gradient(135deg,#173f2c,#275b42);
    color:#fff;
}

.finance-v2-hero h2{
    margin:4px 0 8px;
    color:#fff;
    font-family:Georgia,serif;
    font-size:38px;
}

.finance-v2-hero p{
    max-width:650px;
    margin:0;
    color:#c5d2cb;
}

.finance-v2-hero .eyebrow{
    color:var(--lime);
}

.finance-v2-demo{
    min-width:220px;
    padding:16px 18px;
    border:1px solid rgba(255,255,255,.15);
    border-radius:14px;
    background:rgba(255,255,255,.08);
}

.finance-v2-demo span,
.finance-v2-demo strong{
    display:block;
}

.finance-v2-demo span{
    margin-bottom:4px;
    color:var(--lime);
    font-size:10px;
    font-weight:850;
}

.finance-v2-metrics{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
    margin-bottom:18px;
}

.finance-v2-metrics article{
    padding:20px;
    border:1px solid var(--line);
    border-radius:15px;
    background:#fff;
}

.finance-v2-metrics span{
    color:var(--muted);
    font-size:11px;
    font-weight:700;
}

.finance-v2-metrics strong{
    display:block;
    margin-top:8px;
    font-size:27px;
}

.finance-v2-toolbar{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:20px;
    margin-bottom:22px;
}

.finance-v2-toolbar h2{
    margin:0;
}

.finance-v2-toolbar input{
    width:min(360px,100%);
    margin:0;
}

.finance-v2-list{
    display:grid;
    gap:14px;
}

.finance-v2-card{
    padding:22px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fbfcfa;
}

.finance-v2-card-head{
    display:flex;
    justify-content:space-between;
    gap:20px;
    align-items:flex-start;
    padding-bottom:17px;
}

.finance-reference{
    display:block;
    margin-bottom:6px;
    color:var(--green);
    font-size:10px;
    font-weight:850;
}

.finance-v2-card h3{
    margin:0 0 4px;
    font-size:18px;
}

.finance-v2-card p{
    margin:0;
    color:var(--muted);
    font-size:12px;
}

.finance-parts{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.finance-parts>section{
    padding:18px;
    border:1px solid var(--line);
    border-radius:14px;
    background:#fff;
}

.finance-part-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:12px;
}

.finance-part-head span{
    display:block;
    margin-bottom:4px;
    color:var(--muted);
    font-size:10px;
    font-weight:850;
    letter-spacing:.08em;
}

.finance-part-head strong{
    display:block;
    font-size:23px;
}

.finance-part-actions{
    margin-top:14px;
}

.fin-badge{
    display:inline-flex;
    padding:6px 9px;
    border-radius:999px;
    font-size:10px;
    font-weight:800;
    white-space:nowrap;
}

.fin-badge.ok{
    background:#e2f2e6;
    color:#23623c;
}

.fin-badge.wait{
    background:#fff0cd;
    color:#795b10;
}

.finance-pay-both{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:18px;
    margin-top:12px;
    padding:16px 18px;
    border-radius:14px;
    background:#edf3eb;
}

.finance-pay-both span,
.finance-pay-both strong,
.finance-pay-both small{
    display:block;
}

.finance-pay-both span{
    color:var(--muted);
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
}

.finance-pay-both strong{
    margin:4px 0;
    font-size:20px;
}

.finance-pay-both small{
    color:var(--muted);
}

.finance-return{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin-top:12px;
    padding:17px 18px;
    border-radius:14px;
    background:#f1f3f0;
}

.finance-return.pending small{
    display:block;
    margin-top:3px;
    color:var(--muted);
}

.finance-return-numbers{
    display:flex;
    flex-wrap:wrap;
    gap:22px;
}

.finance-return-numbers span{
    color:var(--muted);
    font-size:10px;
}

.finance-return-numbers b{
    display:block;
    margin-top:4px;
    color:var(--ink);
    font-size:15px;
}

.positive,
.positive b{
    color:#23623c!important;
}

.negative,
.negative b{
    color:#a43a35!important;
}

.finance-v2-dialog{
    width:min(720px,calc(100% - 28px));
}

.finance-terminal{
    margin:22px 0;
    padding:25px;
    border-radius:16px;
    background:var(--ink);
    color:#fff;
    text-align:center;
}

.finance-terminal span,
.finance-terminal strong,
.finance-terminal small{
    display:block;
}

.finance-terminal strong{
    margin:8px 0;
    color:var(--lime);
    font-size:40px;
}

.finance-payment-methods{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}

.finance-demo-note{
    margin-top:14px;
    text-align:center;
    color:var(--muted);
    font-size:10px;
}

.finance-held-box{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px;
    padding:17px;
    border-radius:13px;
    background:#edf3eb;
}

.finance-held-box strong{
    font-size:22px;
}

.finance-settlement-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px 15px;
}

.finance-settlement-preview{
    margin-top:20px;
    padding:17px;
    border-radius:14px;
    background:#f5f7f4;
}

.finance-settlement-preview>div{
    display:flex;
    justify-content:space-between;
    gap:20px;
    padding:7px 0;
}

.finance-settlement-preview .total{
    margin-top:7px;
    padding-top:13px;
    border-top:1px solid var(--line);
    font-size:18px;
}

.finance-history-summary{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-bottom:20px;
}

.finance-history-summary div{
    padding:16px;
    border-radius:12px;
    background:#f3f5f2;
}

.finance-history-summary span,
.finance-history-summary strong{
    display:block;
}

.finance-history-summary span{
    margin-bottom:5px;
    color:var(--muted);
    font-size:10px;
}

.finance-history-summary strong{
    font-size:20px;
}

.finance-history-list{
    display:grid;
    gap:8px;
    margin-bottom:20px;
}

.finance-history-row{
    display:flex;
    justify-content:space-between;
    gap:20px;
    align-items:center;
    padding:13px 0;
    border-bottom:1px solid var(--line);
}

.finance-history-row strong,
.finance-history-row small{
    display:block;
}

.finance-history-row small{
    margin-top:4px;
    color:var(--muted);
    font-size:10px;
}

@media(max-width:900px){

    .finance-v2-hero,
    .finance-v2-toolbar,
    .finance-return{
        flex-direction:column;
        align-items:stretch;
    }

    .finance-v2-metrics{
        grid-template-columns:1fr 1fr;
    }

    .finance-parts{
        grid-template-columns:1fr;
    }

    .finance-pay-both{
        flex-direction:column;
        align-items:stretch;
    }

}

@media(max-width:620px){

    .finance-v2-metrics{
        grid-template-columns:1fr;
    }

    .finance-settlement-grid,
    .finance-payment-methods,
    .finance-history-summary{
        grid-template-columns:1fr;
    }

}


/* =========================================================
   PIMVO PRO UI
   ========================================================= */

.pimvo-pro{
    --pro-bg:#f3f5f2;
    --pro-card:#ffffff;
    --pro-card-soft:#f8faf7;
    --pro-dark:#173126;
    --pro-green:#205b42;
    --pro-green-2:#2c6a4e;
    --pro-lime:#b9e44d;
    --pro-muted:#748078;
    --pro-line:#e1e7e2;
    --pro-shadow:0 12px 35px rgba(22,49,38,.065);
    --pro-shadow-hover:0 17px 42px rgba(22,49,38,.10);
}


/* =========================================================
   ALGEMEEN
   ========================================================= */

.pimvo-pro.admin-body{
    grid-template-columns:270px minmax(0,1fr);
    background:var(--pro-bg);
}

.pimvo-pro .admin-main{
    width:100%;
    max-width:1600px;
    margin:0 auto;
    padding:42px 4vw 70px;
}

.pimvo-pro .panel{
    border:1px solid var(--pro-line);
    border-radius:20px;
    box-shadow:var(--pro-shadow);
}

.pimvo-pro button{
    transition:
        transform .15s ease,
        box-shadow .15s ease,
        background .15s ease,
        border-color .15s ease;
}

.pimvo-pro .button:hover,
.pimvo-pro .outline:hover{
    transform:translateY(-1px);
}

.pimvo-pro .button{
    border-radius:11px;
}

.pimvo-pro .outline{
    border-radius:11px;
}

.pimvo-pro input,
.pimvo-pro select,
.pimvo-pro textarea{
    border-radius:11px;
    border-color:#d8e0da;
}

.pimvo-pro input:focus,
.pimvo-pro select:focus,
.pimvo-pro textarea:focus{
    outline:none;
    border-color:#79a68c;
    box-shadow:0 0 0 3px rgba(32,91,66,.08);
}


/* =========================================================
   SIDEBAR
   ========================================================= */

.pimvo-pro .sidebar{
    width:270px;
    padding:28px 20px 24px;
    background:
        radial-gradient(
            circle at 30% 0%,
            rgba(185,228,77,.07),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #173126 0%,
            #12271f 100%
        );
    border-right:1px solid rgba(255,255,255,.05);
}

.pimvo-pro .sidebar .brand{
    padding:0 8px;
}

.pimvo-pro .sidebar .brand-mark{
    box-shadow:0 7px 18px rgba(0,0,0,.15);
}

.pimvo-pro .sidebar nav{
    display:flex;
    flex-direction:column;
    gap:4px;
    margin-top:42px;
}

.pimvo-pro .nav-section-label{
    display:block;
    padding:0 12px 7px;
    color:#789186;
    font-size:9px;
    font-weight:850;
    letter-spacing:.16em;
    text-transform:uppercase;
}

.pimvo-pro .nav-section-space{
    margin-top:19px;
}

.pimvo-pro .sidebar nav button{
    display:flex;
    align-items:center;
    gap:12px;
    width:100%;
    padding:12px 13px;
    border:1px solid transparent;
    border-radius:11px;
    color:#afc0b7;
    font-size:13px;
    font-weight:700;
    cursor:pointer;
}

.pimvo-pro .sidebar nav button:hover{
    background:rgba(255,255,255,.055);
    color:#fff;
}

.pimvo-pro .sidebar nav button.active{
    border-color:rgba(185,228,77,.12);
    background:
        linear-gradient(
            90deg,
            rgba(185,228,77,.14),
            rgba(255,255,255,.045)
        );
    color:#fff;
    box-shadow:
        inset 3px 0 0 var(--pro-lime);
}

.pimvo-pro .nav-icon{
    display:grid;
    place-items:center;
    width:27px;
    height:27px;
    flex:0 0 27px;
    border-radius:8px;
    background:rgba(255,255,255,.07);
    color:#b9c9c0;
    font-size:14px;
}

.pimvo-pro .sidebar nav button.active .nav-icon{
    background:var(--pro-lime);
    color:var(--pro-dark);
}

.pimvo-pro .demo-box{
    margin-top:auto;
    padding:16px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:14px;
    background:rgba(255,255,255,.035);
}

.pimvo-pro .back-link{
    padding-left:5px;
}


/* =========================================================
   HEADER
   ========================================================= */

.pimvo-pro .admin-header{
    min-height:88px;
    margin-bottom:4px;
}

.pimvo-pro .admin-header h1{
    margin-top:3px;
    font-size:44px;
    letter-spacing:-.035em;
}

.pimvo-pro .admin-header p{
    margin:8px 0 0;
    font-size:14px;
}

.pimvo-pro .admin-actions{
    align-items:center;
}


/* =========================================================
   DASHBOARD METRICS
   ========================================================= */

.pimvo-pro .metrics{
    gap:14px;
    margin:32px 0 20px;
}

.pimvo-pro .metrics article{
    position:relative;
    overflow:hidden;
    min-height:137px;
    padding:22px;
    border:1px solid var(--pro-line);
    border-radius:18px;
    background:var(--pro-card);
    box-shadow:var(--pro-shadow);
}

.pimvo-pro .metrics article:after{
    content:"";
    position:absolute;
    right:-25px;
    bottom:-45px;
    width:105px;
    height:105px;
    border-radius:50%;
    background:rgba(32,91,66,.035);
}

.pimvo-pro .metrics span{
    position:relative;
    z-index:1;
    text-transform:uppercase;
    letter-spacing:.05em;
    font-size:10px;
}

.pimvo-pro .metrics strong{
    position:relative;
    z-index:1;
    margin:12px 0 7px;
    font-size:36px;
    letter-spacing:-.035em;
}

.pimvo-pro .metrics small{
    position:relative;
    z-index:1;
    font-size:11px;
}


/* =========================================================
   OVERZICHT
   ========================================================= */

.pimvo-pro .admin-grid{
    gap:18px;
}

.pimvo-pro .panel-head{
    align-items:center;
    margin-bottom:4px;
}

.pimvo-pro .panel-head h2{
    font-size:31px;
}

.pimvo-pro .panel-head .filters{
    padding:4px;
    border-radius:999px;
    background:#f4f6f3;
}

.pimvo-pro .panel-head .filters button{
    border:0;
    background:transparent;
}

.pimvo-pro .panel-head .filters button.active{
    background:var(--pro-dark);
    box-shadow:0 4px 12px rgba(22,49,38,.13);
}


/* =========================================================
   RESERVERINGEN
   ========================================================= */

.pimvo-pro .booking-list{
    margin-top:12px;
}

.pimvo-pro .booking-row{
    margin:5px 0;
    padding:17px 14px;
    border:1px solid transparent;
    border-bottom-color:var(--pro-line);
    border-radius:13px;
    transition:.15s ease;
}

.pimvo-pro .booking-row:hover{
    border-color:var(--pro-line);
    background:#f9faf8;
}

.pimvo-pro .booking-date strong{
    font-size:20px;
}

.pimvo-pro .booking-row h3{
    font-size:15px;
}

.pimvo-pro .status{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:83px;
    padding:7px 10px;
    font-weight:850;
}

.pimvo-pro .status.returned{
    background:#edf0ed;
    color:#526058;
}

.pimvo-pro .status.cancelled{
    background:#f8e7e5;
    color:#94463f;
}


/* =========================================================
   BEZETTING
   ========================================================= */

.pimvo-pro .occupancy-row{
    grid-template-columns:95px 1fr 43px;
}

.pimvo-pro .bar{
    height:8px;
}

.pimvo-pro .legend{
    padding-top:18px;
    border-top:1px solid var(--pro-line);
}


/* =========================================================
   PLANNING
   ========================================================= */

.pimvo-pro .view-toolbar{
    margin:32px 0 18px;
}

.pimvo-pro .timeline{
    padding:18px 16px 8px;
}

.pimvo-pro .timeline-card{
    border-radius:16px;
    background:#fff;
    box-shadow:0 5px 18px rgba(22,49,38,.035);
}

.pimvo-pro .timeline-card:hover{
    box-shadow:var(--pro-shadow);
}


/* =========================================================
   ARTIKELEN
   ========================================================= */

.pimvo-pro .item-admin-grid{
    gap:18px;
}

.pimvo-pro .item-admin-card{
    border-radius:20px;
    box-shadow:var(--pro-shadow);
    transition:.18s ease;
}

.pimvo-pro .item-admin-card:hover{
    transform:translateY(-2px);
    box-shadow:var(--pro-shadow-hover);
}

.pimvo-pro .item-admin-icon{
    min-height:100%;
}

.pimvo-pro .item-admin-body{
    padding:27px;
}

.pimvo-pro .item-facts{
    gap:10px;
    padding:16px 0;
}

.pimvo-pro .item-facts span{
    padding:8px 0;
}


/* =========================================================
   KLANTEN
   ========================================================= */

.pimvo-pro .customer-grid{
    gap:10px;
}

.pimvo-pro .customer-card{
    border-radius:17px;
    box-shadow:0 5px 18px rgba(22,49,38,.035);
    transition:.15s ease;
}

.pimvo-pro .customer-card:hover{
    box-shadow:var(--pro-shadow);
}

.pimvo-pro .customer-card summary{
    min-height:78px;
}

.pimvo-pro .customer-avatar{
    border-radius:13px;
}


/* =========================================================
   FINANCIEEL / BETALINGEN
   ========================================================= */

.pimvo-pro .finance-v2-hero{
    margin-top:31px;
    padding:31px;
    border-radius:22px;
    box-shadow:0 16px 35px rgba(23,49,38,.13);
}

.pimvo-pro .finance-v2-metrics{
    gap:14px;
}

.pimvo-pro .finance-v2-metrics article{
    position:relative;
    overflow:hidden;
    min-height:112px;
    border-radius:17px;
    box-shadow:var(--pro-shadow);
}

.pimvo-pro .finance-v2-metrics strong{
    letter-spacing:-.03em;
}

.pimvo-pro .finance-v2-card{
    padding:0;
    overflow:hidden;
    border-radius:19px;
    background:#fff;
    box-shadow:var(--pro-shadow);
}

.pimvo-pro .finance-v2-card-head{
    padding:21px 22px 17px;
    background:
        linear-gradient(
            180deg,
            #fff,
            #fbfcfa
        );
    border-bottom:1px solid var(--pro-line);
}

.pimvo-pro .finance-v2-card-head h3{
    font-size:18px;
}

.pimvo-pro .finance-parts{
    gap:0;
    padding:0;
}

.pimvo-pro .finance-parts>section{
    min-height:143px;
    padding:22px;
    border:0;
    border-radius:0;
}

.pimvo-pro .finance-parts>section:first-child{
    border-right:1px solid var(--pro-line);
}

.pimvo-pro .finance-part-head strong{
    margin-top:5px;
    font-size:27px;
    letter-spacing:-.035em;
}

.pimvo-pro .finance-part-actions .outline{
    width:100%;
}

.pimvo-pro .finance-pay-both{
    margin:0;
    padding:18px 22px;
    border-radius:0;
    border-top:1px solid #dfe8dc;
    background:#edf4e9;
}

.pimvo-pro .finance-pay-both .button{
    min-width:170px;
}

.pimvo-pro .finance-return{
    margin:0;
    padding:18px 22px;
    border-radius:0;
    border-top:1px solid var(--pro-line);
    background:#f6f8f5;
}

.pimvo-pro .finance-return.completed{
    background:#f0f5ef;
}

.pimvo-pro .finance-return-numbers{
    gap:30px;
}


/* =========================================================
   FINANCE DIALOGS
   ========================================================= */

.pimvo-pro .finance-v2-dialog{
    border-radius:22px;
}

.pimvo-pro .finance-terminal{
    position:relative;
    overflow:hidden;
    min-height:155px;
    display:grid;
    place-items:center;
}

.pimvo-pro .finance-terminal:after{
    content:"";
    position:absolute;
    width:140px;
    height:140px;
    right:-60px;
    top:-60px;
    border-radius:50%;
    background:rgba(185,228,77,.06);
}

.pimvo-pro .finance-terminal strong{
    position:relative;
    z-index:1;
    letter-spacing:-.04em;
}

.pimvo-pro .finance-settlement-preview{
    border:1px solid var(--pro-line);
}

.pimvo-pro .finance-settlement-preview .total{
    padding-top:15px;
}


/* =========================================================
   HANDLEIDING
   ========================================================= */

.pimvo-pro .guide-hero{
    margin-top:31px;
    box-shadow:0 16px 35px rgba(23,49,38,.13);
}

.pimvo-pro .guide-feature-card,
.pimvo-pro .guide-panel{
    box-shadow:var(--pro-shadow);
    transition:.18s ease;
}

.pimvo-pro .guide-feature-card:hover{
    transform:translateY(-2px);
    box-shadow:var(--pro-shadow-hover);
}

.pimvo-pro .guide-steps article{
    border:1px solid #e7ebe7;
}

.pimvo-pro .guide-situations details{
    transition:.15s ease;
}

.pimvo-pro .guide-situations details:hover{
    border-color:#cfd9d2;
}


/* =========================================================
   SCROLLBAR
   ========================================================= */

.pimvo-pro ::-webkit-scrollbar{
    width:9px;
    height:9px;
}

.pimvo-pro ::-webkit-scrollbar-track{
    background:#eef1ed;
}

.pimvo-pro ::-webkit-scrollbar-thumb{
    background:#bdc9c1;
    border-radius:20px;
    border:2px solid #eef1ed;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:1100px){

    .pimvo-pro .finance-v2-metrics{
        grid-template-columns:1fr 1fr;
    }

}

@media(max-width:950px){

    .pimvo-pro.admin-body{
        display:block;
    }

    .pimvo-pro .sidebar{
        position:relative;
        width:100%;
        height:auto;
        padding:17px 20px;
    }

    .pimvo-pro .sidebar nav{
        display:flex;
        flex-direction:row;
        overflow-x:auto;
        gap:6px;
        margin:18px 0 0;
        padding-bottom:4px;
    }

    .pimvo-pro .sidebar nav button{
        width:auto;
        min-width:max-content;
    }

    .pimvo-pro .nav-section-label{
        display:none;
    }

    .pimvo-pro .sidebar .demo-box,
    .pimvo-pro .sidebar .back-link{
        display:none;
    }

    .pimvo-pro .admin-main{
        padding-top:30px;
    }

}

@media(max-width:700px){

    .pimvo-pro .admin-header{
        display:block;
    }

    .pimvo-pro .admin-header h1{
        font-size:36px;
    }

    .pimvo-pro .metrics,
    .pimvo-pro .finance-v2-metrics{
        grid-template-columns:1fr;
    }

    .pimvo-pro .finance-parts{
        grid-template-columns:1fr;
    }

    .pimvo-pro .finance-parts>section:first-child{
        border-right:0;
        border-bottom:1px solid var(--pro-line);
    }

}


/* PIMVO UITGIFTE */

.handover-dialog{
    width:min(
        700px,
        calc(100% - 28px)
    );
    border-radius:23px;
}

.handover-header{
    margin:18px 0;
}

.handover-header>div{
    display:grid;
    grid-template-columns:70px 1fr;
    gap:15px;
    align-items:center;
    padding:17px;
    border-radius:15px;
    background:#f4f6f3;
}

.handover-header>div>span{
    display:grid;
    place-items:center;
    min-height:54px;
    border-radius:12px;
    background:var(--ink);
    color:#fff;
    font-size:15px;
    font-weight:800;
}

.handover-header strong,
.handover-header small{
    display:block;
}

.handover-header strong{
    margin-bottom:4px;
    font-size:17px;
}

.handover-header small{
    margin-top:2px;
    color:var(--muted);
    font-size:11px;
}


.handover-finance{
    margin-bottom:20px;
    padding:18px;
    border:1px solid var(--line);
    border-radius:16px;
    background:#fbfcfa;
}

.handover-finance-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin-bottom:14px;
}

.handover-finance-head h3{
    margin:0;
    font-size:18px;
}

.handover-finance-head .eyebrow{
    margin-bottom:4px;
}

.handover-ready{
    display:inline-flex;
    padding:7px 10px;
    border-radius:999px;
    background:#e2f2e6;
    color:#23623c;
    font-size:11px;
    font-weight:800;
}

.handover-money-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}

.handover-money-grid>div{
    padding:15px;
    border-radius:13px;
    background:#fff;
    border:1px solid var(--line);
}

.handover-money-grid span,
.handover-money-grid strong,
.handover-money-grid small{
    display:block;
}

.handover-money-grid span{
    color:var(--muted);
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
}

.handover-money-grid strong{
    margin:6px 0;
    font-size:22px;
}

.handover-money-grid small.ok{
    color:#23623c;
}

.handover-money-grid small.warning{
    color:#9a6810;
}


.handover-checks{
    display:grid;
    gap:8px;
    margin:22px 0;
}

.handover-checks>.eyebrow{
    margin-bottom:3px;
}

.handover-checks label{
    display:flex;
    align-items:flex-start;
    gap:13px;
    margin:0;
    padding:14px 15px;
    border:1px solid var(--line);
    border-radius:13px;
    background:#fbfcfa;
    cursor:pointer;
}

.handover-checks label:hover{
    border-color:#c1d2c6;
    background:#f4f8f3;
}

.handover-checks input{
    width:18px;
    height:18px;
    margin:2px 0 0;
    accent-color:var(--green);
}

.handover-checks label>span{
    flex:1;
}

.handover-checks strong,
.handover-checks small{
    display:block;
}

.handover-checks strong{
    font-size:13px;
}

.handover-checks small{
    margin-top:3px;
    color:var(--muted);
    font-size:10px;
    font-weight:400;
}


.handover-note{
    margin-top:20px;
}


.handover-row-action{
    min-width:120px;
    padding:8px 10px;
    font-size:10px;
}

.today-row.pickup{
    grid-template-columns:
        65px
        16px
        minmax(0,1fr)
        auto
        auto;
}


@media(max-width:700px){

    .handover-money-grid{
        grid-template-columns:1fr;
    }

    .today-row.pickup{
        grid-template-columns:
            50px
            12px
            1fr;
    }

    .today-row.pickup
    .handover-row-action{
        grid-column:3;
        justify-self:start;
        margin-bottom:8px;
    }

}


/* PIMVO OVERZICHT ZONDER AANDACHT */

.clean-dashboard-grid.single{
    grid-template-columns:1fr;
}

.clean-dashboard-grid.single .clean-today{
    width:100%;
}

.clean-attention,
.clean-attention-list,
.clean-alert{
    display:none !important;
}


/* PIMVO COMPLETE DOSSIER */

.booking-main-click{
    cursor:pointer;
}

.booking-main-click:hover h3{
    color:var(--green);
}

.dossier-link{
    padding:7px 5px;
    white-space:nowrap;
}

.dossier-dialog{
    width:min(1040px,calc(100% - 30px));
    max-height:92vh;
    overflow:auto;
    border-radius:24px;
}

.dossier-dialog>div{
    padding:34px;
}

.dossier-hero{
    display:flex;
    justify-content:space-between;
    gap:25px;
    align-items:flex-start;
    padding:5px 45px 22px 0;
}

.dossier-hero h2{
    margin:0 0 7px;
    font-family:Georgia,serif;
    font-size:35px;
}

.dossier-hero p{
    margin:0;
    color:var(--muted);
}

.dossier-summary{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    overflow:hidden;
    margin-bottom:20px;
    border:1px solid var(--line);
    border-radius:16px;
}

.dossier-summary>div{
    padding:17px;
    border-right:1px solid var(--line);
    background:#fafbf9;
}

.dossier-summary>div:last-child{
    border-right:0;
}

.dossier-summary span,
.dossier-summary strong,
.dossier-summary small{
    display:block;
}

.dossier-summary span{
    color:var(--muted);
    font-size:9px;
    font-weight:800;
    text-transform:uppercase;
}

.dossier-summary strong{
    margin:5px 0;
    font-size:14px;
}

.dossier-summary small{
    color:var(--muted);
}

.dossier-tabs{
    display:flex;
    gap:5px;
    margin-bottom:18px;
    padding:5px;
    border-radius:13px;
    background:#eef1ed;
}

.dossier-tabs button{
    flex:1;
    padding:10px;
    border:0;
    border-radius:9px;
    background:transparent;
    color:var(--muted);
    font-weight:750;
    cursor:pointer;
}

.dossier-tabs button.active{
    background:#fff;
    color:var(--ink);
    box-shadow:0 3px 10px rgba(22,49,38,.08);
}

.dossier-tab{
    display:none;
}

.dossier-tab.active{
    display:block;
}

.dossier-columns{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}

.dossier-card{
    padding:20px;
    border:1px solid var(--line);
    border-radius:16px;
    background:#fff;
}

.dossier-card h3{
    margin:0 0 15px;
    font-size:18px;
}

.dossier-card dl{
    margin:0;
}

.dossier-card dl>div{
    display:flex;
    justify-content:space-between;
    gap:20px;
    padding:9px 0;
    border-bottom:1px solid var(--line);
}

.dossier-card dl>div:last-child{
    border-bottom:0;
}

.dossier-card dt{
    color:var(--muted);
    font-size:11px;
}

.dossier-card dd{
    margin:0;
    font-size:11px;
    font-weight:750;
    text-align:right;
}

.dossier-card-head{
    display:flex;
    justify-content:space-between;
    gap:20px;
    align-items:center;
}

.dossier-notes{
    margin-top:14px;
}

.dossier-progress{
    display:grid;
    gap:13px;
}

.dossier-progress>div{
    display:flex;
    align-items:center;
    gap:11px;
    color:var(--muted);
}

.dossier-progress i{
    display:grid;
    place-items:center;
    width:29px;
    height:29px;
    border-radius:50%;
    background:#eef1ed;
    font-size:10px;
    font-style:normal;
    font-weight:850;
}

.dossier-progress .done{
    color:var(--green);
    font-weight:750;
}

.dossier-progress .done i{
    background:#e2f2e6;
    color:#23623c;
}

.dossier-form-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px 15px;
    margin-bottom:18px;
}

.dossier-finance-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    margin-bottom:14px;
}

.dossier-money-card{
    padding:22px;
    border:1px solid var(--line);
    border-radius:16px;
    background:#fafbf9;
}

.dossier-money-card span,
.dossier-money-card strong,
.dossier-money-card small{
    display:block;
}

.dossier-money-card span{
    color:var(--muted);
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
}

.dossier-money-card strong{
    margin:7px 0;
    font-size:29px;
}

.warning{
    color:#95650e;
}

.dossier-timeline{
    display:grid;
    margin-top:18px;
}

.dossier-timeline>div{
    display:grid;
    grid-template-columns:14px 1fr;
    gap:12px;
    min-height:66px;
}

.dossier-timeline i{
    width:9px;
    height:9px;
    margin-top:5px;
    border-radius:50%;
    background:var(--green);
    box-shadow:0 0 0 4px #e5f1e8;
}

.dossier-timeline span{
    padding-bottom:15px;
    border-bottom:1px solid var(--line);
}

.dossier-timeline strong,
.dossier-timeline small,
.dossier-timeline em{
    display:block;
}

.dossier-timeline small{
    margin-top:3px;
    color:var(--muted);
}

.dossier-timeline em{
    margin-top:5px;
    color:#95a099;
    font-size:9px;
    font-style:normal;
}

.dossier-footer{
    display:flex;
    justify-content:space-between;
    gap:20px;
    align-items:center;
    margin-top:20px;
    padding-top:20px;
    border-top:1px solid var(--line);
}

.danger-link{
    color:var(--danger);
}

.dossier-complete{
    display:inline-flex;
    padding:10px 13px;
    border-radius:10px;
    background:#e2f2e6;
    color:#23623c;
    font-weight:800;
}


/* RETOUR */

.return-dialog{
    width:min(650px,calc(100% - 28px));
}

.return-summary{
    display:flex;
    flex-direction:column;
    gap:4px;
    padding:16px;
    margin-bottom:18px;
    border-radius:13px;
    background:#f4f6f3;
}

.return-summary span{
    color:var(--muted);
    font-size:11px;
}

.return-checks{
    display:grid;
    gap:8px;
}

.return-checks label{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:14px;
    margin:0;
    border:1px solid var(--line);
    border-radius:12px;
    background:#fbfcfa;
}

.return-checks input{
    width:17px;
    margin-top:2px;
}

.return-checks strong,
.return-checks small{
    display:block;
}

.return-checks small{
    margin-top:3px;
    color:var(--muted);
    font-weight:400;
}


/* SETTINGS */

.settings-layout{
    display:grid;
    grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);
    gap:18px;
    margin-top:32px;
}

.settings-intro{
    color:var(--muted);
    line-height:1.55;
}

.settings-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:4px 15px;
    margin-top:20px;
}

.settings-options{
    display:grid;
    gap:8px;
    margin:20px 0;
}

.settings-switch{
    display:flex;
    gap:12px;
    align-items:flex-start;
    padding:13px;
    border:1px solid var(--line);
    border-radius:12px;
    background:#fafbf9;
}

.settings-switch input{
    width:18px;
    height:18px;
    margin:1px 0 0;
}

.settings-switch strong,
.settings-switch small{
    display:block;
}

.settings-switch small{
    margin-top:3px;
    color:var(--muted);
    font-weight:400;
}

.integration-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
    padding:14px 0;
    border-bottom:1px solid var(--line);
}

.integration-row span,
.integration-row strong,
.integration-row small{
    display:block;
}

.integration-row small{
    margin-top:3px;
    color:var(--muted);
}

.integration-row b{
    padding:6px 8px;
    border-radius:999px;
    background:#eef1ed;
    color:var(--muted);
    font-size:9px;
}

.settings-message{
    margin:12px 0;
    font-size:12px;
}

.settings-message.success{
    color:#23623c;
}

.settings-message.error{
    color:var(--danger);
}


/* ARTIKELBEWERKING */

.item-edit-dialog{
    width:min(650px,calc(100% - 28px));
}


@media(max-width:800px){

    .dossier-summary{
        grid-template-columns:1fr 1fr;
    }

    .dossier-summary>div:nth-child(2){
        border-right:0;
    }

    .dossier-summary>div{
        border-bottom:1px solid var(--line);
    }

    .dossier-columns,
    .dossier-finance-grid,
    .dossier-form-grid,
    .settings-layout,
    .settings-grid{
        grid-template-columns:1fr;
    }

    .dossier-tabs{
        overflow-x:auto;
    }

    .dossier-tabs button{
        min-width:110px;
    }

    .dossier-footer{
        align-items:stretch;
        flex-direction:column;
    }
}


/* PIMVO INSTANCE PLANNER */

#view-planning > .panel{
    padding:0;
    overflow:hidden;
}

#view-planning .timeline{
    display:block;
    padding:0;
}

.planner-shell{
    background:#fff;
}

.planner-toolbar{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:25px;
    padding:24px 25px 19px;
    border-bottom:1px solid var(--line);
}

.planner-toolbar h2{
    margin:0;
    font-family:Georgia,serif;
    font-size:27px;
}

.planner-nav{
    display:flex;
    gap:7px;
}

.planner-nav button{
    min-width:42px;
}

.planner-legend{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
    padding:12px 25px;
    border-bottom:1px solid var(--line);
    background:#fafbf9;
    color:var(--muted);
    font-size:10px;
}

.planner-legend span{
    display:flex;
    align-items:center;
    gap:5px;
}

.planner-legend i{
    width:9px;
    height:9px;
    border-radius:3px;
}

.planner-legend .available{
    background:#edf1ed;
}

.planner-legend .new{
    background:#e5b955;
}

.planner-legend .reserved{
    background:#64a17b;
}

.planner-legend .rented{
    background:#5d86b8;
}

.planner-legend .maintenance{
    background:#8b6a9c;
}

.planner-scroll{
    overflow-x:auto;
    overscroll-behavior-x:contain;
}

.planner-grid{
    display:grid;
    grid-template-columns:
        245px
        repeat(
            var(--planner-days),
            minmax(54px,1fr)
        );
    min-width:1100px;
}

.planner-corner{
    position:sticky;
    left:0;
    z-index:6;
    display:flex;
    align-items:flex-end;
    min-height:61px;
    padding:12px 17px;
    border-right:1px solid var(--line);
    border-bottom:1px solid var(--line);
    background:#f7f9f6;
    color:var(--muted);
    font-size:9px;
    font-weight:850;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.planner-day-head{
    min-height:61px;
    padding:9px 4px;
    border-right:1px solid #edf0ed;
    border-bottom:1px solid var(--line);
    background:#fafbf9;
    text-align:center;
}

.planner-day-head.weekend{
    background:#f5f6f3;
}

.planner-day-head.today{
    background:#eaf2e8;
}

.planner-day-head span,
.planner-day-head strong{
    display:block;
}

.planner-day-head span{
    color:var(--muted);
    font-size:9px;
    text-transform:capitalize;
}

.planner-day-head strong{
    margin-top:5px;
    font-size:17px;
}

.planner-row{
    display:contents;
}

.planner-instance{
    position:sticky;
    left:0;
    z-index:5;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:8px;
    min-height:68px;
    padding:10px 13px;
    border-right:1px solid var(--line);
    border-bottom:1px solid var(--line);
    background:#fff;
}

.planner-instance strong,
.planner-instance small{
    display:block;
}

.planner-instance strong{
    font-size:11px;
}

.planner-instance small{
    max-width:135px;
    margin-top:3px;
    overflow:hidden;
    color:var(--muted);
    font-size:8px;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.instance-state{
    padding:5px 7px;
    border-radius:999px;
    background:#edf1ed;
    color:#607068;
    font-size:8px;
    font-weight:850;
    white-space:nowrap;
}

.instance-state.reserved{
    background:#e2f2e6;
    color:#23623c;
}

.instance-state.rented{
    background:#ddeafa;
    color:#285c94;
}

.instance-state.maintenance{
    background:#eee4f3;
    color:#67437b;
}

.planner-cell{
    position:relative;
    min-height:68px;
    border-right:1px solid #edf0ed;
    border-bottom:1px solid var(--line);
    background:#fff;
}

.planner-cell.today{
    box-shadow:
        inset 2px 0 0 #b8d7be,
        inset -2px 0 0 #b8d7be;
}

.planner-cell.empty:hover{
    background:#f7f9f6;
}

.planner-cell.booked{
    cursor:pointer;
}

.planner-cell.booked:before{
    content:"";
    position:absolute;
    inset:8px 2px;
    border-radius:6px;
}

.planner-cell.booked.new:before{
    background:#f3d98f;
}

.planner-cell.booked.reserved:before{
    background:#acd0b7;
}

.planner-cell.booked.rented:before{
    background:#aac3df;
}

.planner-cell.booked.maintenance:before{
    background:#cab9d2;
}

.planner-cell.booked:hover:before{
    filter:brightness(.96);
}

.planner-cell.booked span{
    position:relative;
    z-index:2;
    display:block;
    max-width:100%;
    padding:13px 5px;
    overflow:hidden;
    color:#173126;
    font-size:8px;
    font-weight:800;
    white-space:nowrap;
    text-overflow:ellipsis;
}


/* FYSIEKE EXEMPLAREN BIJ ARTIKELEN */

.physical-instances{
    margin-top:18px;
    padding-top:16px;
    border-top:1px solid var(--line);
}

.physical-instances-head{
    display:flex;
    justify-content:space-between;
    margin-bottom:8px;
    color:var(--muted);
    font-size:9px;
    font-weight:850;
    text-transform:uppercase;
    letter-spacing:.07em;
}

.physical-instance-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    padding:9px 0;
    border-bottom:1px solid #edf0ed;
}

.physical-instance-row:last-child{
    border-bottom:0;
}

.physical-instance-row strong,
.physical-instance-row small{
    display:block;
}

.physical-instance-row strong{
    font-size:11px;
}

.physical-instance-row small{
    margin-top:2px;
    color:var(--muted);
    font-size:8px;
}

.instance-badge{
    padding:5px 7px;
    border-radius:999px;
    background:#edf1ed;
    color:#607068;
    font-size:8px;
    font-weight:850;
}

.instance-badge.reserved{
    background:#e2f2e6;
    color:#23623c;
}

.instance-badge.rented{
    background:#ddeafa;
    color:#285c94;
}

.instance-badge.maintenance{
    background:#eee4f3;
    color:#67437b;
}


/* OUD TIJDLIJN-UITERLIJK NIET MEER NODIG */

#view-planning .timeline-row{
    display:none;
}


@media(max-width:800px){

    .planner-toolbar{
        align-items:flex-start;
        flex-direction:column;
    }

    .planner-grid{
        grid-template-columns:
            190px
            repeat(
                var(--planner-days),
                50px
            );
    }

    .planner-instance{
        padding:8px;
    }

    .planner-instance .instance-state{
        display:none;
    }

}


/* PIMVO PHASE1 ASSETS */

.phase1-dialog{
    width:min(
        720px,
        calc(100% - 28px)
    );
    max-height:92vh;
    overflow:auto;
    border-radius:22px;
}

.phase1-return-dialog{
    width:min(
        830px,
        calc(100% - 28px)
    );
}

.phase1-switch{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:14px;
    margin:15px 0;
    border:1px solid var(--line);
    border-radius:12px;
    background:#fafbf9;
}

.phase1-switch input{
    width:18px;
    height:18px;
    margin:1px 0 0;
}

.phase1-switch strong,
.phase1-switch small{
    display:block;
}

.phase1-switch small{
    margin-top:3px;
    color:var(--muted);
    font-weight:400;
}

.phase1-instance-button{
    width:100%;
    border:0;
    background:transparent;
    color:var(--ink);
    text-align:left;
    cursor:pointer;
}

.phase1-instance-button:hover{
    background:#f6f8f5;
}

.phase1-asset-card{
    display:grid;
    grid-template-columns:54px 1fr auto;
    gap:15px;
    align-items:center;
    margin-bottom:15px;
    padding:15px;
    border:1px solid #dce6df;
    border-radius:14px;
    background:#f5f9f5;
}

.phase1-asset-icon{
    display:grid;
    place-items:center;
    width:50px;
    height:50px;
    border-radius:12px;
    background:#173126;
    color:#b9e44d;
    font-size:22px;
}

.phase1-asset-info span,
.phase1-asset-info strong,
.phase1-asset-info small{
    display:block;
}

.phase1-asset-info span{
    color:var(--muted);
    font-size:9px;
    font-weight:850;
    text-transform:uppercase;
}

.phase1-asset-info strong{
    margin:4px 0;
    font-size:15px;
}

.phase1-asset-info small{
    color:var(--muted);
}

.phase1-handover-photos{
    margin:18px 0;
    padding:17px;
    border:1px solid var(--line);
    border-radius:15px;
    background:#fbfcfa;
}

.phase1-section-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:20px;
    margin-bottom:13px;
}

.phase1-section-head h3{
    margin:2px 0 0;
}

.phase1-upload{
    display:grid;
    grid-template-columns:1fr 1fr auto;
    gap:8px;
    align-items:end;
}

.phase1-upload input{
    margin:0;
}

.phase1-photo-grid{
    display:grid;
    grid-template-columns:
        repeat(
            auto-fill,
            minmax(120px,1fr)
        );
    gap:9px;
    margin-top:13px;
}

.phase1-photo{
    margin:0;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:11px;
    background:#fff;
}

.phase1-photo img{
    display:block;
    width:100%;
    height:110px;
    object-fit:cover;
}

.phase1-photo figcaption{
    padding:7px;
    color:var(--muted);
    font-size:9px;
}

.phase1-no-photos{
    grid-column:1/-1;
    padding:15px;
    border-radius:10px;
    background:#f3f5f2;
    color:var(--muted);
    font-size:10px;
    text-align:center;
}

.phase1-asset-hero{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    padding:16px;
    margin-bottom:18px;
    border-radius:14px;
    background:#173126;
    color:#fff;
}

.phase1-asset-hero span,
.phase1-asset-hero strong,
.phase1-asset-hero small{
    display:block;
}

.phase1-asset-hero>div>span{
    color:#9db0a6;
    font-size:9px;
    font-weight:850;
    text-transform:uppercase;
}

.phase1-asset-hero strong{
    margin:4px 0;
    font-size:17px;
}

.phase1-asset-hero small{
    color:#c2cec7;
}

.phase1-return-section{
    margin:18px 0;
    padding:17px;
    border:1px solid var(--line);
    border-radius:15px;
}

.phase1-check{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:12px;
    margin:7px 0;
    border:1px solid var(--line);
    border-radius:11px;
    background:#fafbf9;
}

.phase1-check input{
    width:18px;
    height:18px;
    margin:1px 0 0;
}

.phase1-check strong,
.phase1-check small{
    display:block;
}

.phase1-check small{
    margin-top:3px;
    color:var(--muted);
    font-weight:400;
}

.phase1-cost-grid{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:8px 12px;
}

.phase1-calculation{
    display:grid;
    grid-template-columns:
        repeat(3,1fr);
    gap:9px;
    margin-top:16px;
}

.phase1-calculation>div{
    padding:13px;
    border-radius:11px;
    background:#f3f5f2;
}

.phase1-calculation span,
.phase1-calculation strong{
    display:block;
}

.phase1-calculation span{
    color:var(--muted);
    font-size:9px;
}

.phase1-calculation strong{
    margin-top:5px;
    font-size:18px;
}

.phase1-result-summary{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin:18px 0;
}

.phase1-result-summary>div{
    padding:15px;
    border-radius:12px;
    background:#f3f5f2;
}

.phase1-result-summary span,
.phase1-result-summary strong{
    display:block;
}

.phase1-result-summary span{
    color:var(--muted);
    font-size:9px;
}

.phase1-result-summary strong{
    margin-top:5px;
}

.phase1-result-amount{
    margin:14px 0;
    padding:20px;
    border-radius:14px;
    background:#edf4e9;
    text-align:center;
}

.phase1-result-amount.negative{
    background:#f8e9e6;
}

.phase1-result-amount span,
.phase1-result-amount strong{
    display:block;
}

.phase1-result-amount strong{
    margin-top:6px;
    font-size:31px;
}

.phase1-result-success{
    display:flex;
    gap:13px;
    align-items:center;
    margin:16px 0;
    padding:17px;
    border-radius:13px;
    background:#e5f3e8;
}

.phase1-result-success>span{
    display:grid;
    place-items:center;
    width:37px;
    height:37px;
    border-radius:50%;
    background:#2d6c48;
    color:#fff;
}

.phase1-result-success strong,
.phase1-result-success small{
    display:block;
}

.phase1-result-success small{
    margin-top:3px;
    color:#597266;
}

.phase1-dossier-asset{
    margin-top:14px;
}

.phase1-dossier-facts{
    display:grid;
    grid-template-columns:
        repeat(3,1fr);
    gap:9px;
    margin-top:14px;
}

.phase1-dossier-facts>span{
    padding:12px;
    border-radius:10px;
    background:#f4f6f3;
}

.phase1-dossier-facts small,
.phase1-dossier-facts b{
    display:block;
}

.phase1-dossier-facts small{
    color:var(--muted);
    font-size:9px;
}

.phase1-dossier-facts b{
    margin-top:4px;
    font-size:11px;
}

.full{
    width:100%;
}

@media(max-width:700px){

    .phase1-upload{
        grid-template-columns:1fr;
    }

    .phase1-cost-grid{
        grid-template-columns:1fr 1fr;
    }

    .phase1-calculation{
        grid-template-columns:1fr;
    }

    .phase1-result-summary,
    .phase1-dossier-facts{
        grid-template-columns:1fr;
    }

    .phase1-asset-card{
        grid-template-columns:45px 1fr;
    }

    .phase1-asset-card>.text-link{
        grid-column:2;
        justify-self:start;
    }

}

/* PIMVO KOPER DEMO BRAND */

/* ==========================================================
   PIMVO
   ANTRACIET + KOPER + WARM WIT
   ========================================================== */

:root{
    --ink:#24272b!important;
    --green:#24272b!important;
    --green-2:#35393e!important;
    --lime:#e8793a!important;

    --accent:#e8793a!important;
    --accent-dark:#c95f28!important;
    --accent-soft:#f9e9df!important;

    --paper:#f7f4ef!important;
    --white:#ffffff!important;

    --muted:#6e706f!important;
    --line:#e4dfd8!important;
    --soft:#f1ece6!important;
    --soft2:#ebe4dc!important;

    --danger:#b94a42!important;

    --shadow:
        0 18px 50px
        rgba(36,39,43,.10)!important;
}


/* ==========================================================
   ALGEMEEN
   ========================================================== */

html,
body{
    background:#f7f4ef!important;
    color:#24272b!important;
}

body{
    accent-color:#e8793a;
}

::selection{
    background:#f1c2a7;
    color:#24272b;
}

a{
    color:#c95f28;
}


/* ==========================================================
   LOGO / MERK
   ========================================================== */

.brand-mark,
.item-admin-icon{
    background:
        linear-gradient(
            135deg,
            #24272b,
            #41454a
        )!important;

    color:#fff!important;

    box-shadow:
        0 8px 20px
        rgba(36,39,43,.15)!important;
}

.brand,
.brand strong,
.brand span{
    color:#24272b!important;
}

.sidebar .brand,
.sidebar .brand span,
.sidebar .brand strong{
    color:#fff!important;
}

.eyebrow{
    color:#c95f28!important;
}


/* ==========================================================
   BEHEER SIDEBAR
   ========================================================== */

.sidebar{
    background:
        linear-gradient(
            180deg,
            #202225,
            #2b2e32
        )!important;

    color:#fff!important;
}

.sidebar nav button{
    color:#d6d1cb!important;
}

.sidebar nav button:hover{
    background:
        rgba(232,121,58,.10)!important;

    color:#fff!important;
}

.sidebar nav button.active{
    background:
        linear-gradient(
            135deg,
            rgba(232,121,58,.18),
            rgba(232,121,58,.08)
        )!important;

    border-color:
        rgba(232,121,58,.45)!important;

    color:#fff!important;
}

.sidebar nav button.active .nav-icon{
    background:#e8793a!important;
    color:#fff!important;
}

.nav-icon{
    background:
        rgba(255,255,255,.08)!important;

    color:#d8d4cf!important;
}

.demo-box{
    background:
        rgba(232,121,58,.10)!important;

    border-color:
        rgba(232,121,58,.22)!important;
}

.demo-box b{
    color:#f0a070!important;
}

.demo-box p,
.back-link{
    color:#c8c1ba!important;
}


/* ==========================================================
   BEHEER ACHTERGROND
   ========================================================== */

.admin-body,
.admin-main{
    background:#f7f4ef!important;
}

.admin-header{
    background:
        rgba(247,244,239,.95)!important;
}

.admin-header h1,
.admin-main h1,
.admin-main h2,
.admin-main h3{
    color:#24272b!important;
}


/* ==========================================================
   KNOPPEN
   ========================================================== */

.button{
    border-color:#d9682f!important;

    background:
        linear-gradient(
            135deg,
            #d9682f,
            #e8793a
        )!important;

    color:#fff!important;

    box-shadow:
        0 9px 22px
        rgba(232,121,58,.20)!important;
}

.button:hover{
    background:
        linear-gradient(
            135deg,
            #c65d29,
            #dc6d34
        )!important;
}

.outline{
    border-color:#d8d1c9!important;
    background:#fff!important;
    color:#24272b!important;
}

.outline:hover{
    border-color:#e8793a!important;
    background:#fdf7f3!important;
}

.text-link{
    color:#c95f28!important;
}


/* ==========================================================
   FILTERS
   ========================================================== */

.filters{
    background:#eee9e3!important;
}

.filters button{
    color:#77716b!important;
}

.filters button.active{
    background:#24272b!important;
    color:#fff!important;
}


/* ==========================================================
   PANELEN / KAARTEN
   ========================================================== */

.panel,
.metrics article,
.item-admin-card,
.customer-card,
.booking-row,
.timeline-card,
.dossier-card,
.dossier-money-card,
.clean-today,
.clean-attention,
.clean-bookings,
.guide-panel,
.settings-main,
.settings-status{
    border-color:#e2dcd5!important;
    background:#fff!important;

    box-shadow:
        0 10px 28px
        rgba(36,39,43,.045)!important;
}


/* ==========================================================
   METRICS / DASHBOARD
   ========================================================== */

.metrics article strong,
.clean-metric strong{
    color:#24272b!important;
}

.clean-metric-icon,
.smart-metric-icon{
    background:#f8e6db!important;
    color:#c95f28!important;
}

.clean-today{
    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fbf8f4
        )!important;
}


/* ==========================================================
   STATUSSEN
   ========================================================== */

.status.new{
    background:#fae7c7!important;
    color:#89561d!important;
}

.status.confirmed,
.status.reserved{
    background:#f8e6db!important;
    color:#9d4d27!important;
}

.status.collected,
.status.rented{
    background:#e7e4df!important;
    color:#3d4043!important;
}

.status.returned{
    background:#e6efe5!important;
    color:#426345!important;
}

.status.cancelled{
    background:#f6dfdc!important;
    color:#9c4039!important;
}

.status.maintenance{
    background:#eee6e0!important;
    color:#72574a!important;
}


/* ==========================================================
   KLANTDEMO / OPENBARE DEMO
   ========================================================== */

.customer-body{
    background:#f7f4ef!important;
}

.customer-header{
    background:#fff!important;

    border-bottom:
        1px solid #e5dfd8!important;
}

.customer-hero,
.landing-hero{
    background:
        radial-gradient(
            circle at 82% 28%,
            rgba(232,121,58,.15),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #fbf9f6,
            #f1ebe4
        )!important;
}

.customer-hero h1,
.landing-hero h1{
    color:#24272b!important;
}

.customer-hero em,
.landing-hero em{
    color:#d9682f!important;
}

.customer-card,
.booking-card,
.item-card{
    background:#fff!important;
    border-color:#e2dcd5!important;
}

.item-card:hover,
.booking-card:hover{
    border-color:#e8793a!important;
}


/* ==========================================================
   FORMULIEREN
   ========================================================== */

input,
select,
textarea{
    border-color:#ddd6ce!important;
    background:#fff!important;
    color:#24272b!important;
}

input:focus,
select:focus,
textarea:focus{
    outline:none!important;

    border-color:#e8793a!important;

    box-shadow:
        0 0 0 3px
        rgba(232,121,58,.12)!important;
}


/* ==========================================================
   PLANNING
   ========================================================== */

.planner-shell{
    background:#fff!important;
}

.planner-toolbar{
    border-color:#e3ddd6!important;
}

.planner-corner,
.planner-day-head{
    background:#f4f0eb!important;
}

.planner-day-head.weekend{
    background:#eee9e3!important;
}

.planner-day-head.today{
    background:#f9e9df!important;
}

.planner-instance{
    background:#fff!important;
    border-color:#e5dfd9!important;
}

.instance-state,
.instance-badge{
    background:#ede9e4!important;
    color:#55585b!important;
}

.instance-state.reserved,
.instance-badge.reserved{
    background:#f9e9df!important;
    color:#9b4d29!important;
}

.instance-state.rented,
.instance-badge.rented{
    background:#e4e3e0!important;
    color:#35383c!important;
}

.instance-state.maintenance,
.instance-badge.maintenance{
    background:#eee6e0!important;
    color:#72574a!important;
}

.planner-cell.booked.new:before{
    background:#f2c995!important;
}

.planner-cell.booked.reserved:before{
    background:#e9a77d!important;
}

.planner-cell.booked.rented:before{
    background:#9d9fa0!important;
}

.planner-cell.booked.maintenance:before{
    background:#c6b5a8!important;
}

.planner-cell.today{
    box-shadow:
        inset 2px 0 0 #e8793a,
        inset -2px 0 0 #e8793a!important;
}


/* ==========================================================
   ARTIKELEN
   ========================================================== */

.item-facts span{
    background:#f6f2ee!important;
}

.physical-instance-row:hover{
    background:#faf6f2!important;
}

.physical-instances{
    border-color:#e5dfd9!important;
}


/* ==========================================================
   FINANCE / BETALINGEN
   ========================================================== */

.finance-v2-hero,
.finance-pay-both,
.finance-return,
.finance-held-box,
.finance-settlement-preview{
    border-color:#e3ddd6!important;
}

.finance-pay-both{
    background:#fbf1ea!important;
}

.finance-pay-both .button{
    background:
        linear-gradient(
            135deg,
            #d9682f,
            #e8793a
        )!important;
}

.finance-return.completed{
    background:#edf2ea!important;
}

.finance-terminal{
    background:
        linear-gradient(
            145deg,
            #24272b,
            #34383c
        )!important;

    color:#fff!important;
}

.finance-method.active{
    border-color:#e8793a!important;
    background:#f9e9df!important;
}


/* ==========================================================
   DOSSIER
   ========================================================== */

.dossier-dialog,
.return-dialog,
.phase1-dialog,
.finance-v2-dialog{
    background:#fff!important;
}

.dossier-summary>div{
    background:#faf7f3!important;
}

.dossier-tabs{
    background:#eee9e3!important;
}

.dossier-tabs button.active{
    background:#fff!important;
    color:#24272b!important;
}

.dossier-progress .done{
    color:#c95f28!important;
}

.dossier-progress .done i{
    background:#f9e9df!important;
    color:#c95f28!important;
}

.dossier-complete{
    background:#e8efe5!important;
    color:#426345!important;
}


/* ==========================================================
   UITGIFTE
   ========================================================== */

.phase1-asset-card{
    border-color:#e2dcd5!important;
    background:#faf7f3!important;
}

.phase1-asset-icon{
    background:#24272b!important;
    color:#e8793a!important;
}

.phase1-asset-hero{
    background:
        linear-gradient(
            135deg,
            #24272b,
            #35393e
        )!important;
}

.handover-finance-ok{
    background:#edf2ea!important;
}

.handover-check{
    background:#faf7f3!important;
}


/* ==========================================================
   RETOUR / SCHADE
   ========================================================== */

.phase1-return-section{
    border-color:#e3ddd6!important;
}

.phase1-check{
    background:#faf7f3!important;
}

.phase1-calculation>div{
    background:#f2eee9!important;
}

.phase1-result-amount{
    background:#f8e6db!important;
}

.phase1-result-success{
    background:#e7efe5!important;
}


/* ==========================================================
   FOTO'S
   ========================================================== */

.phase1-photo{
    border-color:#e2dcd5!important;
}

.phase1-no-photos{
    background:#f3efea!important;
}


/* ==========================================================
   SETTINGS
   ========================================================== */

.settings-switch{
    background:#faf7f3!important;
}

.integration-row b{
    background:#eee9e3!important;
}


/* ==========================================================
   HANDLEIDING
   ========================================================== */

.guide-hero,
.guide-quick-help{
    background:#f3eee8!important;
}

.guide-feature-grid article,
.guide-steps article{
    background:#fff!important;
    border-color:#e2dcd5!important;
}

.guide-status.new{
    background:#fae7c7!important;
}

.guide-status.confirmed{
    background:#f8e6db!important;
}

.guide-status.collected{
    background:#e7e4df!important;
}

.guide-status.returned{
    background:#e8efe5!important;
}


/* ==========================================================
   FOOTER
   ========================================================== */

.site-footer,
.customer-footer{
    background:#1d1f22!important;
    color:#ccc5be!important;
}


/* ==========================================================
   CHECKBOX / ACCENT
   ========================================================== */

input[type="checkbox"],
input[type="radio"]{
    accent-color:#e8793a!important;
}


/* ==========================================================
   SCROLLBAR
   ========================================================== */

::-webkit-scrollbar-thumb{
    background:#b9afa6!important;
}

::-webkit-scrollbar-thumb:hover{
    background:#978b82!important;
}



/* ==========================================================
   PIMVO DETAILFIX - KOPER / ANTRACIET
   ========================================================== */


/* ----------------------------------------------------------
   1. BETAALSTATUSSEN - GEEN GROEN MEER
   ---------------------------------------------------------- */

.positive,
.positive b,
.finance-positive,
.finance-status-paid,
.finance-paid,
.payment-paid{
    color:#b95726!important;
}

.finance-return.completed,
.finance-v2 .completed,
.finance-complete,
.payment-complete{
    background:#f7e8df!important;
    border-color:#edc5ad!important;
    color:#713819!important;
}

.finance-return.completed strong,
.finance-return.completed b,
.finance-return.completed span{
    color:#713819!important;
}

.payment-success-icon{
    background:#e8793a!important;
    color:#fff!important;
}

.payment-success{
    color:#24272b!important;
}

.finance-check,
.finance-ok,
.paid-badge{
    background:#f7e8df!important;
    color:#8d451f!important;
    border-color:#edc5ad!important;
}


/* Ook eventuele groene succesblokken in dossier/retour */

.dossier-complete,
.phase1-result-success,
.handover-finance-ok{
    background:#f7e8df!important;
    color:#713819!important;
}

.phase1-result-success>span{
    background:#e8793a!important;
    color:#fff!important;
}

.phase1-result-success small{
    color:#7c5c4b!important;
}


/* ----------------------------------------------------------
   2. LOGO IN BEHEER BETER LEESBAAR
   ---------------------------------------------------------- */

.sidebar .brand-mark{
    background:
        linear-gradient(
            135deg,
            #e8793a,
            #c95f28
        )!important;

    color:#fff!important;

    box-shadow:
        0 7px 18px
        rgba(232,121,58,.24)!important;
}

.sidebar .brand > span:not(.brand-mark),
.sidebar .brand strong{
    color:#ffffff!important;
}

.sidebar .brand small{
    color:#cfc9c2!important;
}

.sidebar .brand{
    opacity:1!important;
}


/* Ook logo buiten beheer iets vriendelijker */

body:not(.admin-body) .brand-mark{
    background:
        linear-gradient(
            135deg,
            #e8793a,
            #c95f28
        )!important;

    color:#fff!important;
}


/* ----------------------------------------------------------
   3. HANDLEIDING - LEESBAARHEID
   ---------------------------------------------------------- */

#view-guide .guide-hero{
    background:
        linear-gradient(
            135deg,
            #f3eee8,
            #faf7f3
        )!important;

    color:#24272b!important;
}

#view-guide .guide-hero h1,
#view-guide .guide-hero h2,
#view-guide .guide-hero h3,
#view-guide .guide-hero strong{
    color:#24272b!important;
}

#view-guide .guide-hero p,
#view-guide .guide-hero small,
#view-guide .guide-intro,
#view-guide .guide-subtitle{
    color:#625f5b!important;
    opacity:1!important;
}

#view-guide .guide-hero .eyebrow{
    color:#c95f28!important;
}


/* Specifiek de introductietekst van de handleiding */

#view-guide p{
    color:#625f5b;
}

#view-guide .guide-hero p{
    font-size:14px!important;
    line-height:1.65!important;
    font-weight:450!important;
}


/* ----------------------------------------------------------
   4. ALGEMENE SUCCESKLEUREN BINNEN FINANCE
   ---------------------------------------------------------- */

#view-invoices .positive,
#view-invoices .positive *,
#view-invoices [class*="paid"]{
    color:#9b4d26!important;
}

#view-invoices .finance-card{
    border-color:#e3ddd6!important;
}



/* ==========================================================
   PIMVO DEMO PRODUCTFOTO'S
   ========================================================== */

.pimvo-product-photo{
    position:relative;
    height:185px;
    overflow:hidden;
    margin:-1px -1px 16px;
    border-radius:18px 18px 0 0;
    background:#eee9e3;
}

.pimvo-product-photo img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .35s ease;
}

.item-card:hover .pimvo-product-photo img,
.booking-card:hover .pimvo-product-photo img{
    transform:scale(1.025);
}

.pimvo-product-photo:after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            180deg,
            transparent 62%,
            rgba(30,31,33,.22)
        );
}


/* beheer artikelafbeeldingen */

.pimvo-admin-product-photo{
    width:100%;
    height:155px;
    margin-bottom:17px;
    overflow:hidden;
    border-radius:14px;
    background:#eee9e3;
}

.pimvo-admin-product-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
}


/* zakelijke site: foto's sowieso zichtbaar */

.rental-showcase{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
}

.rental-photo-grid,
.demo-photo-layout{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
}



/* ==========================================================
   PIMVO DEMO FINAL LAYOUT CLEANUP
   ========================================================== */


/* ALGEMENE KAARTEN */

.item-card,
.item-admin-card{
    overflow:hidden!important;
}


/* ==========================================================
   KLANTDEMO ARTIKELFOTO
   ========================================================== */

.pimvo-product-photo{
    width:100%!important;
    height:auto!important;
    aspect-ratio:16 / 9!important;
    margin:0 0 16px!important;
    border-radius:15px!important;
    overflow:hidden!important;
    background:#eee9e3!important;
}

.pimvo-product-photo img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
}


/* Artikelkaarten allemaal gelijk */

.item-card{
    display:flex!important;
    flex-direction:column!important;
    height:100%!important;
    padding:14px!important;
}

.item-card .pimvo-product-photo{
    flex:none!important;
}

.item-card .button,
.item-card .outline{
    margin-top:auto!important;
}


/* ==========================================================
   BEHEER - ARTIKELFOTO'S SUBTIELER
   ========================================================== */

.pimvo-admin-product-photo{
    width:100%!important;
    height:auto!important;
    aspect-ratio:16 / 7!important;
    margin:0 0 18px!important;
    border-radius:13px!important;
    overflow:hidden!important;
    background:#eee9e3!important;
}

.pimvo-admin-product-photo img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
}


/* Beheerkaarten */

.item-admin-grid{
    display:grid!important;
    grid-template-columns:
        repeat(2,minmax(0,1fr))!important;
    gap:20px!important;
    align-items:start!important;
}

.item-admin-card{
    min-width:0!important;
    height:auto!important;
}

.item-admin-body{
    min-width:0!important;
}


/* Niet twee verschillende grote visuele iconen */

.item-admin-card:has(.pimvo-admin-product-photo)
.item-admin-icon{
    width:38px!important;
    height:38px!important;
    margin-bottom:12px!important;
    box-shadow:none!important;
}


/* ==========================================================
   FYSIEKE EXEMPLAREN
   ========================================================== */

.physical-instances{
    margin-top:17px!important;
}

.physical-instance-row{
    min-height:48px!important;
    padding:9px 5px!important;
}


/* ==========================================================
   DASHBOARD / RESERVERINGEN
   ========================================================== */

.booking-row{
    align-items:center!important;
}

.booking-main-click{
    min-width:0!important;
}

.booking-main-click h3,
.booking-main-click p{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}


/* ==========================================================
   DOSSIER FOTO'S
   ========================================================== */

.phase1-photo-grid{
    grid-template-columns:
        repeat(auto-fill,minmax(145px,1fr))!important;
}

.phase1-photo img{
    height:auto!important;
    aspect-ratio:4 / 3!important;
    object-fit:cover!important;
}


/* ==========================================================
   PLANNING
   ========================================================== */

.planner-instance{
    min-height:62px!important;
}

.planner-cell{
    min-height:62px!important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media(max-width:1000px){

    .item-admin-grid{
        grid-template-columns:1fr!important;
    }

}


/* ==========================================================
   MOBIEL
   ========================================================== */

@media(max-width:650px){

    .pimvo-product-photo{
        aspect-ratio:16 / 10!important;
    }

    .pimvo-admin-product-photo{
        aspect-ratio:16 / 8!important;
    }

    .phase1-photo-grid{
        grid-template-columns:1fr 1fr!important;
    }

}



/* ==========================================================
   PIMVO PRODUCT CARDS V2
   ========================================================== */

/* Oude grote illustratie verwijderen zodra echte foto aanwezig is */

.item-card:has(.pimvo-product-photo)
.item-visual,

.item-card:has(.pimvo-product-photo)
.item-icon,

.item-card:has(.pimvo-product-photo)
.item-image,

.item-card:has(.pimvo-product-photo)
[class*="item-graphic"]{
    display:none!important;
}


/* Kaart compacter */

.item-card{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;

    padding:12px 18px 18px!important;

    border-radius:18px!important;

    background:#fff!important;

    overflow:hidden!important;
}


/* Foto helemaal bovenaan */

.item-card .pimvo-product-photo{
    position:relative!important;

    width:calc(100% + 12px)!important;

    margin:
        -6px
        -6px
        20px!important;

    aspect-ratio:16 / 9!important;

    border-radius:14px!important;

    overflow:hidden!important;

    background:#eee9e3!important;
}


.item-card .pimvo-product-photo img{
    width:100%!important;
    height:100%!important;

    object-fit:cover!important;
    object-position:center!important;
}


/* subtiele donkere gradient voor badge */

.item-card .pimvo-product-photo:after{
    content:"";

    position:absolute;
    inset:0;

    pointer-events:none;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.05),
            transparent 45%
        );
}


/* Beschikbaarheid rechtsboven */

.pimvo-photo-availability{
    position:absolute;

    z-index:3;

    top:12px;
    right:12px;

    padding:7px 10px;

    border-radius:999px;

    background:
        rgba(36,39,43,.88);

    color:#fff;

    font-size:10px;
    font-weight:800;

    backdrop-filter:blur(7px);

    box-shadow:
        0 4px 13px
        rgba(0,0,0,.15);
}


/* categorie */

.item-card .eyebrow,
.item-card [class*="category"]{
    color:#d9682f!important;

    font-size:9px!important;

    font-weight:850!important;

    letter-spacing:.12em!important;

    text-transform:uppercase!important;
}


/* Titel */

.item-card h2,
.item-card h3{
    margin:
        6px
        0
        9px!important;

    color:#24272b!important;

    font-size:18px!important;
    line-height:1.2!important;
}


/* Omschrijving */

.item-card > p,
.item-card .item-description{
    min-height:42px!important;

    margin:
        0
        0
        17px!important;

    color:#6d6e6c!important;

    font-size:12px!important;
    line-height:1.55!important;
}


/* Specs */

.item-card .item-facts,
.item-card .facts,
.item-card [class*="spec"]{
    margin-top:auto!important;
}


/* Onderste prijsgebied */

.item-card .item-price,
.item-card [class*="price"]{
    margin-top:14px!important;
}


/* Kies-knop */

.item-card .button{
    box-shadow:none!important;
}


/* Desktop: drie gelijke kaarten */

.item-grid{
    align-items:stretch!important;
}

.item-grid > .item-card{
    height:100%!important;
}


/* mobiel */

@media(max-width:700px){

    .item-card .pimvo-product-photo{
        aspect-ratio:16 / 10!important;
    }

    .item-card > p,
    .item-card .item-description{
        min-height:0!important;
    }

}



/* ==========================================================
   PIMVO DEMO - VOORBEELD LABEL
   ========================================================== */

.pimvo-example-notice{
    position:relative;
    z-index:50;

    padding:9px 22px;

    background:#24272b;
    border-bottom:1px solid rgba(255,255,255,.08);

    color:#fff;
}

.pimvo-example-notice > div{
    width:min(1180px,calc(100% - 20px));
    margin:0 auto;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    text-align:center;
}

.pimvo-example-notice strong{
    color:#f09a67;

    font-size:11px;
    font-weight:800;
}

.pimvo-example-notice span{
    color:#d8d2cc;

    font-size:11px;
}


/* beheer: niet te dominant */

.pimvo-example-admin{
    padding:7px 18px;
}

.pimvo-example-admin > div{
    justify-content:flex-end;
}


/* mobiel */

@media(max-width:650px){

    .pimvo-example-notice > div{
        flex-direction:column;
        gap:2px;
    }

    .pimvo-example-admin > div{
        justify-content:center;
    }

}