/* ================================================================
   Prolift Inspectieformulier — v3.9.12
   Oranje: #E87722  |  Donkerblauw: #0B3C8C  |  Font: DM Sans
   Formulier-stijl gelijkgetrokken met frontend dashboard
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;0,9..40,900;1,9..40,400;1,9..40,600&display=swap');

:root {
    --lc-oranje:    #E87722;
    --lc-oranje-dk: #C9641A;
    --lc-oranje-lt: rgba(232,119,34,.08);
    --lc-blauw:     #0B3C8C;
    --lc-blauw2:    #1769c2;
    --lc-antr:      #071d44;
    --lc-antr2:     #0B3C8C;
    --lc-grijs:     #f4f7fb;
    --lc-wit:       #FFFFFF;
    --lc-rand:      #e4e9f2;
    --lc-rand-focus:#E87722;
    --lc-tekst:     #102033;
    --lc-muted:     #64748b;
    --lc-fout:      #EF4444;
    --lc-ok:        #22C55E;
    --lc-r:         16px;
    --lc-shadow:    0 24px 70px rgba(15,23,42,.10);
    --lc-transition: .18s cubic-bezier(.4,0,.2,1);
}

/* ── Reset & base ─────────────────────────────── */
.lc-wrap, .lc-wrap * { box-sizing: border-box; }
.lc-wrap {
    font-family: 'DM Sans', -apple-system, sans-serif;
    width: 100%;
    max-width: 900px;
    margin: 0 auto 56px;
    background: var(--lc-grijs);
    border-radius: 24px;
    box-shadow: var(--lc-shadow);
    overflow: hidden;
    position: relative;
}

/* ── Header ───────────────────────────────────── */
.lc-head {
    background: linear-gradient(180deg, var(--lc-antr), var(--lc-antr2));
    padding: 20px 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.lc-logo {
    display: flex;
    align-items: baseline;
    gap: 0;
    line-height: 1;
    text-decoration: none;
}
.lc-lift {
    font-family: 'DM Sans', sans-serif;
    font-size: 26px;
    font-weight: 900;
    font-style: normal;
    color: #fff;
    letter-spacing: -0.5px;
}
.lc-centraal {
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: rgba(255,255,255,.5);
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-left: 6px;
    align-self: center;
}
.lc-logo-reg {
    display: none;
}
.lc-head-title {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(255,255,255,.45);
}

/* ── Progress ─────────────────────────────────── */
.lc-progress-bar {
    height: 4px;
    background: rgba(255,255,255,.1);
    background-color: var(--lc-antr2);
}
.lc-progress-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--lc-oranje), #F5A623);
    transition: width .4s cubic-bezier(.4,0,.2,1);
}
.lc-progress-label {
    padding: 10px 32px;
    font-size: 12px;
    font-weight: 700;
    color: var(--lc-muted);
    background: var(--lc-grijs);
    border-bottom: 1px solid var(--lc-rand);
}

/* ── Stap-indicator pills ─────────────────────── */
.lc-steps-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    padding: 12px 32px;
    background: var(--lc-grijs);
    border-bottom: 1px solid var(--lc-rand);
}
.lc-step-dot {
    width: 28px; height: 6px;
    border-radius: 3px;
    background: var(--lc-rand);
    border: none; cursor: pointer; padding: 0;
    transition: background var(--lc-transition), transform var(--lc-transition);
}
.lc-step-dot:hover  { background: #b0bec5; }
.lc-step-dot.gedaan { background: rgba(11,60,140,.25); }
.lc-step-dot.active {
    background: var(--lc-oranje);
    transform: scaleY(1.5);
    transform-origin: center;
}

/* ── Stap wrapper ─────────────────────────────── */
.lc-stap { display: none; padding: 28px 28px 36px; }
.lc-stap--actief {
    display: block;
    animation: lc-fade .22s ease;
}
@keyframes lc-fade {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Stap header — nu als echte card header ───── */
.lc-stap-header {
    display: flex;
    align-items: center;
    gap: 14px;
    background: linear-gradient(135deg, var(--lc-blauw), var(--lc-blauw2));
    border-radius: 18px;
    padding: 20px 24px;
    margin-bottom: 20px;
    box-shadow: 0 12px 32px rgba(11,60,140,.18);
    position: relative;
    overflow: hidden;
}
.lc-stap-header::after {
    content: '';
    position: absolute;
    right: -20px; top: -20px;
    width: 120px; height: 120px;
    border-radius: 50%;
    background: rgba(255,255,255,.05);
}
.lc-stap-icoon {
    font-size: 28px;
    width: 52px; height: 52px;
    background: rgba(255,255,255,.12);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    backdrop-filter: blur(4px);
}
.lc-stap-titel {
    font-size: 22px;
    font-weight: 800;
    color: #fff;
    margin: 0;
    letter-spacing: -0.5px;
}
.lc-stap-header-lijn { display: none; }

/* ── Velden grid — in witte card ──────────────── */
.lc-velden {
    background: #fff;
    border-radius: 18px 18px 0 0;
    border: 1px solid var(--lc-rand);
    border-bottom: none;
    box-shadow: 0 4px 16px rgba(15,23,42,.05);
    padding: 24px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 24px;
}

.lc-veld { display: flex; flex-direction: column; gap: 6px; }
.lc-veld--textarea,
.lc-veld--file,
.lc-veld--radio { grid-column: 1 / -1; }

.lc-veld label,
.lc-veld legend {
    font-size: 12px;
    font-weight: 700;
    color: var(--lc-muted);
    text-transform: uppercase;
    letter-spacing: .6px;
    padding: 0; border: none;
}
.lc-req { color: var(--lc-oranje); margin-left: 2px; }

/* ── Inputs ───────────────────────────────────── */
input[type="text"],
input[type="number"],
input[type="date"],
select,
textarea {
    width: 100%;
    padding: 11px 14px;
    border: 1.5px solid var(--lc-rand);
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    font-family: 'DM Sans', sans-serif;
    color: var(--lc-tekst);
    background: var(--lc-grijs);
    transition: border-color var(--lc-transition), box-shadow var(--lc-transition), background var(--lc-transition);
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
}
select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2364748b' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-color: var(--lc-grijs);
    padding-right: 36px;
}
input[type="text"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
select:focus,
textarea:focus {
    outline: none;
    border-color: var(--lc-blauw);
    box-shadow: 0 0 0 3px rgba(11,60,140,.10);
    background: #fff;
}
textarea { resize: vertical; min-height: 96px; line-height: 1.6; }
input::placeholder { color: #A1A1AA; }

/* ── Radio / JA-NEE — pill toggles ───────────── */
.lc-radio-groep { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 2px; }
.lc-radio-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 20px;
    border: 1.5px solid var(--lc-rand);
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
    font-family: 'DM Sans', sans-serif;
    cursor: pointer;
    transition: all var(--lc-transition);
    background: var(--lc-grijs);
    user-select: none;
    color: var(--lc-muted);
}
.lc-radio-label input[type="radio"] { display: none; }
.lc-radio-label:hover {
    border-color: var(--lc-blauw);
    background: rgba(11,60,140,.05);
    color: var(--lc-blauw);
}
/* JA = groen tint, NEE = rood tint */
.lc-radio-label:has(input[value="JA"]:checked) {
    border-color: var(--lc-ok);
    background: rgba(34,197,94,.08);
    color: #15803d;
    font-weight: 800;
}
.lc-radio-label:has(input[value="NEE"]:checked) {
    border-color: var(--lc-fout);
    background: rgba(239,68,68,.08);
    color: #dc2626;
    font-weight: 800;
}
/* Overige radio opties (niet JA/NEE) */
.lc-radio-label:has(input:checked):not(:has(input[value="JA"]):not(:has(input[value="NEE"]))) {
    border-color: var(--lc-blauw);
    background: rgba(11,60,140,.08);
    color: var(--lc-blauw);
    font-weight: 800;
}
.lc-radio-label:has(input:not([value="JA"]):not([value="NEE"]):checked) {
    border-color: var(--lc-blauw);
    background: rgba(11,60,140,.08);
    color: var(--lc-blauw);
    font-weight: 800;
}

/* ── Upload zone — drag & drop stijl ─────────── */
.lc-upload { display: flex; flex-direction: column; gap: 10px; }
.lc-upload input[type="file"] { display: none; }
.lc-upload-label {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 24px 20px;
    border: 2px dashed var(--lc-rand);
    border-radius: 14px;
    font-size: 13px;
    font-weight: 600;
    font-family: 'DM Sans', sans-serif;
    color: var(--lc-muted);
    cursor: pointer;
    transition: all var(--lc-transition);
    background: var(--lc-grijs);
    text-align: center;
    width: 100%;
}
.lc-upload-label span { display: none; }
.lc-upload-label::before {
    content: '📷';
    font-size: 26px;
    display: block;
    margin-bottom: 2px;
}
.lc-upload-label::after {
    content: 'Klik of sleep foto hierheen';
    font-size: 13px;
    font-weight: 600;
    color: var(--lc-muted);
}
.lc-upload-label:hover {
    border-color: var(--lc-blauw);
    color: var(--lc-blauw);
    background: rgba(11,60,140,.04);
}
.lc-upload-label:hover::after { color: var(--lc-blauw); }
.lc-upload-preview { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 4px; }
.lc-upload-preview img {
    width: 80px; height: 80px;
    object-fit: cover;
    border-radius: 10px;
    border: 2px solid var(--lc-rand);
    transition: border-color var(--lc-transition);
}
.lc-upload-preview img:hover { border-color: var(--lc-oranje); }
.lc-upload-preview span {
    font-size: 11px; color: var(--lc-muted);
    padding: 5px 10px;
    background: var(--lc-grijs);
    border-radius: 6px;
    align-self: center;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Navigatieknoppen — in de card ────────────── */
.lc-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
    padding: 20px 24px;
    border-top: 1px solid var(--lc-rand);
    background: #fff;
    border-radius: 0 0 18px 18px;
    margin-top: -1px;
}
.lc-btn {
    padding: 12px 28px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 800;
    font-family: 'DM Sans', sans-serif;
    cursor: pointer;
    border: 1.5px solid transparent;
    transition: all var(--lc-transition);
    letter-spacing: .2px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 44px;
}
.lc-btn--sec {
    background: #fff;
    border-color: var(--lc-rand);
    color: var(--lc-muted);
}
.lc-btn--sec:hover {
    border-color: #94a3b8;
    color: var(--lc-tekst);
    background: var(--lc-grijs);
}
.lc-btn--pri {
    background: linear-gradient(135deg, var(--lc-blauw), var(--lc-blauw2));
    color: #fff;
    border-color: transparent;
    box-shadow: 0 8px 24px rgba(11,60,140,.25);
}
.lc-btn--pri:hover {
    box-shadow: 0 12px 32px rgba(11,60,140,.35);
    transform: translateY(-1px);
}
.lc-btn--submit {
    background: linear-gradient(135deg, var(--lc-oranje), #F5A623);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 8px 24px rgba(232,119,34,.3);
    padding: 14px 40px;
    font-size: 15px;
}
.lc-btn--submit:hover {
    box-shadow: 0 12px 32px rgba(232,119,34,.4);
    transform: translateY(-1px);
}
.lc-btn:active { transform: scale(.98) !important; }

/* ── Bevestiging ──────────────────────────────── */
.lc-bevestiging { padding: 64px 40px; text-align: center; }
.lc-check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 80px; height: 80px;
    background: linear-gradient(135deg, var(--lc-ok), #16a34a);
    color: #fff;
    border-radius: 50%;
    font-size: 36px;
    margin-bottom: 24px;
    box-shadow: 0 8px 24px rgba(34,197,94,.3);
}
.lc-bevestiging h2 {
    font-size: 26px; font-weight: 800;
    margin: 0 0 10px;
    color: var(--lc-tekst);
    letter-spacing: -0.4px;
}
.lc-bevestiging p { color: var(--lc-muted); margin-bottom: 28px; font-size: 15px; }

/* ── Footer ───────────────────────────────────── */
.lc-foot {
    background: linear-gradient(180deg, var(--lc-antr), var(--lc-antr2));
    padding: 14px 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.lc-foot span { color: rgba(255,255,255,.3); font-size: 11px; letter-spacing: .5px; }
.lc-foot-dot { color: var(--lc-oranje); font-size: 8px; }

/* ── Validatie ────────────────────────────────── */
.lc-veld.lc-fout input,
.lc-veld.lc-fout select,
.lc-veld.lc-fout textarea {
    border-color: var(--lc-fout);
    box-shadow: 0 0 0 3px rgba(239,68,68,.1);
}
.lc-fout-tekst {
    font-size: 12px;
    color: var(--lc-fout);
    margin-top: 3px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 4px;
}
.lc-fout-tekst::before { content: '⚠'; font-size: 11px; }

/* ── Autofill hints ───────────────────────────── */
.lc-autofill-hint, .lc-autofill-small {
    margin-top: 6px;
    font-size: 12px;
    color: var(--lc-blauw);
    font-weight: 600;
    background: rgba(11,60,140,.06);
    border: 1px solid rgba(11,60,140,.12);
    border-radius: 8px;
    padding: 6px 10px;
}

/* ── MJOB preview block ───────────────────────── */
.lc-mjob-preview {
    margin-top: 10px;
    padding: 14px 16px;
    border-radius: 12px;
    background: rgba(11,60,140,.05);
    border: 1px solid rgba(11,60,140,.12);
    color: var(--lc-tekst);
    font-size: 13px;
    line-height: 1.5;
}
.lc-mjob-preview strong {
    display: block;
    margin-bottom: 4px;
    color: var(--lc-blauw);
    font-weight: 800;
}

.lc-besturing-mjob-block,
.lc-freq-mjob-block {
    background: rgba(11,60,140,.04);
    border: 1px solid rgba(11,60,140,.12);
    border-radius: 14px;
    padding: 16px;
    margin-top: 6px;
    grid-column: 1 / -1;
}
.lc-besturing-mjob-block label,
.lc-freq-mjob-block label {
    color: var(--lc-blauw);
    font-weight: 800;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .6px;
}
.lc-besturing-mjob-block select,
.lc-freq-mjob-block select { width: 100%; margin-top: 6px; }

/* ── Responsive ───────────────────────────────── */
@media (max-width: 640px) {
    .lc-stap          { padding: 16px; }
    .lc-head          { padding: 16px 20px; }
    .lc-steps-nav     { padding: 10px 20px; }
    .lc-progress-label{ padding: 8px 20px; }
    .lc-velden        { grid-template-columns: 1fr; padding: 16px; }
    .lc-veld--textarea,
    .lc-veld--file,
    .lc-veld--radio   { grid-column: 1; }
    .lc-lift { font-size: 20px; }
    .lc-centraal { font-size: 11px; }
    .lc-stap-titel    { font-size: 18px; }
    .lc-stap-header   { padding: 16px; }
}
/* Prolift frontend dashboard v3.4.5 */
.pfd-app,.pfd-app *{box-sizing:border-box}.pfd-app{--pfd-blue:#0B3C8C;--pfd-blue2:#1769c2;--pfd-bg:#f4f7fb;--pfd-line:#e4e9f2;--pfd-text:#102033;--pfd-muted:#64748b;display:grid;grid-template-columns:250px minmax(0,1fr);min-height:760px;background:var(--pfd-bg);border-radius:24px;overflow:hidden;font-family:'DM Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 24px 70px rgba(15,23,42,.12);margin:20px auto;max-width:1280px;color:var(--pfd-text)}.pfd-sidebar{background:linear-gradient(180deg,#071d44,#0B3C8C);color:#fff;padding:28px 20px;display:flex;flex-direction:column;gap:26px}.pfd-brand{font-size:28px;font-weight:500;letter-spacing:-.7px}.pfd-brand span{font-weight:900;color:#52a9ff;font-style:italic}.pfd-sidebar nav{display:grid;gap:8px}.pfd-sidebar nav a{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.78);text-decoration:none;padding:12px 14px;border-radius:14px;font-weight:800}.pfd-sidebar nav a.active,.pfd-sidebar nav a:hover{background:rgba(255,255,255,.12);color:#fff}.pfd-sidebar nav b{width:24px;height:24px;border-radius:10px;background:rgba(255,255,255,.12);display:inline-flex;align-items:center;justify-content:center}.pfd-side-note{margin-top:auto;color:rgba(255,255,255,.72);font-weight:700;font-size:13px;line-height:1.45}.pfd-side-note small{color:rgba(255,255,255,.45)}.pfd-main{padding:32px;min-width:0}.pfd-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}.pfd-topbar h1{margin:0;color:#0f172a;font-size:30px;letter-spacing:-.8px}.pfd-topbar p{margin:6px 0 0;color:var(--pfd-muted);font-size:14px}.pfd-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.pfd-btn,.pfd-dossier-actions a,.pfd-search button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:999px;background:linear-gradient(135deg,var(--pfd-blue),var(--pfd-blue2));color:#fff!important;text-decoration:none!important;border:0;padding:10px 18px;font-weight:900;box-shadow:0 12px 28px rgba(11,60,140,.22);cursor:pointer}.pfd-btn.secondary{background:#fff;color:var(--pfd-blue)!important;border:1px solid var(--pfd-line);box-shadow:none}.pfd-hero,.pfd-dossier-hero{background:linear-gradient(135deg,#0B3C8C,#1871d6);border-radius:26px;color:#fff;padding:28px;margin-bottom:24px;display:flex;align-items:flex-start;justify-content:space-between;gap:22px;box-shadow:0 22px 60px rgba(11,60,140,.22)}.pfd-hero h2,.pfd-dossier-hero h2{margin:8px 0 8px;font-size:32px;letter-spacing:-1px}.pfd-hero p,.pfd-dossier-hero p{margin:0;color:rgba(255,255,255,.78);max-width:680px}.pfd-eyebrow{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.14);font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.9px}.pfd-grid{display:grid;gap:16px}.pfd-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.pfd-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.pfd-tile,.pfd-kpis>div{background:#fff;border:1px solid var(--pfd-line);border-radius:22px;padding:22px;text-decoration:none!important;color:var(--pfd-text);box-shadow:0 10px 30px rgba(15,23,42,.06)}.pfd-tile strong,.pfd-kpis b{display:block;font-size:32px;color:var(--pfd-blue);line-height:1}.pfd-tile span,.pfd-kpis span{display:block;margin-top:8px;font-weight:900}.pfd-tile small{display:block;margin-top:7px;color:var(--pfd-muted)}.pfd-search{display:flex;gap:12px;background:#fff;border:1px solid var(--pfd-line);padding:12px;border-radius:22px;margin-bottom:20px;box-shadow:0 10px 30px rgba(15,23,42,.05)}.pfd-search input{border:0!important;box-shadow:none!important;flex:1;font-size:15px;padding:11px 12px!important}.pfd-client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pfd-client-card{background:#fff;border:1px solid var(--pfd-line);border-radius:24px;padding:20px;text-decoration:none!important;color:var(--pfd-text)!important;box-shadow:0 10px 34px rgba(15,23,42,.07);display:grid;gap:16px;transition:.18s ease}.pfd-client-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(15,23,42,.1)}.pfd-card-head{display:flex;align-items:center;gap:12px}.pfd-avatar{width:50px;height:50px;border-radius:18px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:var(--pfd-blue);font-weight:1000;display:inline-flex;align-items:center;justify-content:center;font-size:22px;flex:0 0 auto}.pfd-avatar.small{width:34px;height:34px;border-radius:12px;font-size:14px}.pfd-card-head h3{margin:0;font-size:19px;color:#0f172a}.pfd-card-head span,.pfd-relation-row small{display:block;color:var(--pfd-muted);font-size:13px;margin-top:2px}.pfd-card-contact{color:#334155;font-weight:700;line-height:1.45}.pfd-card-contact small{color:var(--pfd-muted);font-weight:500}.pfd-mini-stats{display:flex;gap:8px;flex-wrap:wrap}.pfd-mini-stats span{background:#f1f6ff;border:1px solid #dbeafe;border-radius:999px;padding:7px 10px;color:var(--pfd-blue);font-weight:800;font-size:12px}.pfd-open{border-top:1px solid var(--pfd-line);padding-top:14px;color:var(--pfd-blue);font-weight:1000}.pfd-empty,.pfd-login-box{grid-column:1/-1;background:#fff;border:1px solid var(--pfd-line);border-radius:22px;padding:22px;color:var(--pfd-muted)}.pfd-dossier-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.pfd-dossier-actions a{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);box-shadow:none}.pfd-kpis{margin-bottom:18px}.pfd-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.pfd-panel{background:#fff;border:1px solid var(--pfd-line);border-radius:24px;padding:22px;box-shadow:0 10px 34px rgba(15,23,42,.06);margin-bottom:18px}.pfd-panel h3{margin:0 0 16px;color:#0f172a;font-size:18px}.pfd-info-list{display:grid;grid-template-columns:130px 1fr;gap:10px 16px;margin:0}.pfd-info-list dt{color:var(--pfd-muted);font-weight:800}.pfd-info-list dd{margin:0;font-weight:800;color:#0f172a}.pfd-relation-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--pfd-line)}.pfd-relation-row:last-child{border-bottom:0}.pfd-muted{color:var(--pfd-muted);margin:0}.pfd-list-cards{display:grid;gap:10px}.pfd-row-card{display:flex;justify-content:space-between;gap:16px;align-items:center;background:#f8fafc;border:1px solid var(--pfd-line);border-radius:18px;padding:15px 16px}.pfd-row-card strong{display:block;color:#0f172a}.pfd-row-card small{display:block;color:var(--pfd-muted);margin-top:3px}.pfd-row-card>span{background:#fff;border:1px solid var(--pfd-line);border-radius:999px;padding:7px 10px;color:var(--pfd-blue);font-weight:900;white-space:nowrap}@media(max-width:1050px){.pfd-app{grid-template-columns:1fr}.pfd-sidebar{border-radius:0;gap:16px}.pfd-sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))}.pfd-side-note{display:none}.pfd-grid-3,.pfd-grid-4,.pfd-client-grid,.pfd-two-col{grid-template-columns:1fr}.pfd-dossier-hero,.pfd-topbar{display:block}.pfd-actions,.pfd-dossier-actions{justify-content:flex-start;margin-top:14px}.pfd-main{padding:18px}.pfd-search{display:block}.pfd-search button{width:100%;margin-top:10px}}

.lc-mjob-preview{margin-top:10px;padding:12px 14px;border-radius:14px;background:#eef6ff;border:1px solid #bfdbfe;color:#0f172a;font-size:13px;line-height:1.45}.lc-mjob-preview strong{display:block;margin-bottom:4px;color:#0B3C8C}.lc-autofill-hint{margin-top:8px;font-size:12px;color:#64748b}

.lc-besturing-mjob-block{background:#f8fbff;border:1px solid #bfdbfe;border-radius:14px;padding:14px;margin-top:6px}.lc-besturing-mjob-block label{color:#0B3C8C;font-weight:800}.lc-besturing-mjob-block select{width:100%}

/* Prolift frontend editable dossier v3.7.1 */
.pfd-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.pfd-panel-head h3{margin:0}.pfd-small-link{color:var(--pfd-blue)!important;text-decoration:none!important;font-weight:900;background:#f1f6ff;border:1px solid #dbeafe;border-radius:999px;padding:8px 12px}.pfd-edit-box{margin-top:16px;background:#f8fafc;border:1px solid var(--pfd-line);border-radius:18px;padding:12px}.pfd-edit-box>summary,.pfd-row-edit>summary,.pfd-relation-edit>summary{cursor:pointer;font-weight:900;color:var(--pfd-blue);list-style:none}.pfd-edit-box>summary::-webkit-details-marker,.pfd-row-edit>summary::-webkit-details-marker,.pfd-relation-edit>summary::-webkit-details-marker{display:none}.pfd-edit-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.pfd-edit-form.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.pfd-edit-form label{display:grid;gap:6px;color:var(--pfd-muted);font-weight:800;font-size:12px}.pfd-edit-form input,.pfd-edit-form select,.pfd-edit-form textarea{width:100%;border:1px solid var(--pfd-line)!important;border-radius:12px!important;padding:10px 12px!important;background:#fff!important;color:var(--pfd-text)!important;box-shadow:none!important;font-size:14px}.pfd-edit-form textarea{min-height:80px;resize:vertical}.pfd-edit-form .wide{grid-column:1/-1}.pfd-edit-form button{justify-self:start}.pfd-row-edit{background:#f8fafc;border:1px solid var(--pfd-line);border-radius:18px;padding:0;overflow:hidden}.pfd-row-edit>summary{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:15px 16px;color:var(--pfd-text)}.pfd-row-edit>summary strong{display:block;color:#0f172a}.pfd-row-edit>summary small{display:block;color:var(--pfd-muted);margin-top:3px}.pfd-row-edit>summary>span{background:#fff;border:1px solid var(--pfd-line);border-radius:999px;padding:7px 10px;color:var(--pfd-blue);font-weight:900;white-space:nowrap}.pfd-row-edit .pfd-edit-form{padding:0 16px 16px}.pfd-relation-edit{border-bottom:1px solid var(--pfd-line);padding:8px 0}.pfd-relation-edit>summary{display:flex;align-items:center;gap:12px;color:var(--pfd-text)}.pfd-relation-edit>summary small{display:block;color:var(--pfd-muted);font-weight:600;margin-top:2px}@media(max-width:720px){.pfd-edit-form,.pfd-edit-form.compact{grid-template-columns:1fr}.pfd-panel-head{align-items:flex-start;flex-direction:column}.pfd-row-edit>summary{align-items:flex-start;flex-direction:column}}

/* Prolift 3.7.2 — duidelijke frontend bewerkknoppen */
.pfd-row-main{flex:1;min-width:0}
.pfd-edit-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    background:#eef6ff!important;
    border:1px solid #bfdbfe!important;
    color:#0057c2!important;
    border-radius:999px!important;
    padding:7px 12px!important;
    font-size:12px!important;
    font-weight:900!important;
    white-space:nowrap;
}
.pfd-edit-pill:before{content:"✎";font-size:12px}
.pfd-row-edit[open] > summary .pfd-edit-pill,
.pfd-relation-edit[open] > summary .pfd-edit-pill{
    background:#0057c2!important;
    color:#fff!important;
    border-color:#0057c2!important;
}
.pfd-row-edit > summary:hover,
.pfd-relation-edit > summary:hover{
    background:#f8fbff;
}
.pfd-relation-edit > summary{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
}
.pfd-row-edit > summary{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
}

/* Prolift 3.7.6 — verwijderknoppen in frontend bewerkformulieren */
.pfd-form-actions{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    flex-wrap:wrap!important;
    margin-top:8px!important;
}
.pfd-delete-pill{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #fecaca!important;
    background:#fff5f5!important;
    color:#dc2626!important;
    border-radius:999px!important;
    padding:10px 15px!important;
    font-size:13px!important;
    font-weight:900!important;
    cursor:pointer!important;
    line-height:1!important;
    white-space:nowrap!important;
}
.pfd-delete-pill:hover{background:#fee2e2!important}

/* Prolift 3.8.0 — lift detailpagina basis */
.pfd-lift-page{padding:18px;max-width:1280px;margin:0 auto}
.pfd-lift-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.pfd-backlink{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#0057c2;font-weight:800;background:#fff;border:1px solid #dbe7ff;border-radius:999px;padding:10px 14px}
.pfd-lift-actions{display:flex;gap:10px}
.pfd-primary-btn,.pfd-mini-btn{border:1px solid #dbe7ff;background:#fff;color:#003f98;border-radius:12px;padding:10px 14px;font-weight:900;text-decoration:none;cursor:pointer}
.pfd-primary-btn{background:#0057c2;color:#fff;border-color:#0057c2}
.pfd-lift-hero{display:grid;grid-template-columns:230px 1fr 420px;gap:18px;background:#fff;border:1px solid #dbe3ef;border-radius:22px;padding:18px;box-shadow:0 18px 45px rgba(15,34,66,.08);margin-bottom:18px}
.pfd-lift-photo{border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#eef6ff,#fff);border:1px solid #dde8f7;min-height:210px;display:flex;align-items:center;justify-content:center}
.pfd-lift-photo-placeholder{font-size:72px;opacity:.85}
.pfd-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:#0057c2;font-weight:900}
.pfd-lift-title h1{font-size:36px;margin:8px 0 4px;color:#061735}
.pfd-status-badge{display:inline-flex;background:#dcfce7;color:#166534;border-radius:999px;padding:6px 12px;font-weight:900}
.pfd-lift-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}
.pfd-lift-meta-grid small{display:block;color:#64748b;font-weight:800;margin-bottom:4px}
.pfd-lift-meta-grid strong{color:#0f172a}
.pfd-lift-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pfd-kpi-card{border:1px solid #dde8f7;border-radius:16px;background:#fff;padding:18px}
.pfd-kpi-card small{display:block;color:#64748b;font-weight:900;margin-bottom:8px}
.pfd-kpi-card strong{display:block;font-size:22px;color:#061735}
.pfd-kpi-card span{font-size:13px;color:#64748b}
.pfd-lift-tabs{display:flex;gap:8px;background:#fff;border:1px solid #dbe3ef;border-radius:18px;padding:8px;margin-bottom:18px;overflow:auto}
.pfd-lift-tabs a{padding:12px 16px;border-radius:12px;text-decoration:none;color:#334155;font-weight:900;white-space:nowrap}
.pfd-lift-tabs a.active{background:#eef6ff;color:#0057c2}
.pfd-lift-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}
.pfd-card{background:#fff;border:1px solid #dbe3ef;border-radius:18px;padding:18px;box-shadow:0 12px 30px rgba(15,34,66,.06)}
.pfd-card h3{margin:0 0 14px;color:#061735}
.pfd-detail-list{display:grid;grid-template-columns:1fr 1.2fr;gap:9px 14px;margin:0}
.pfd-detail-list dt{color:#64748b;font-weight:800}
.pfd-detail-list dd{margin:0;font-weight:900;color:#0f172a}
.pfd-status-list{display:grid;gap:12px}
.pfd-status-list div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf2f7;padding-bottom:10px}
.dot{width:9px;height:9px;border-radius:999px;display:inline-block;margin-right:8px}
.dot.green{background:#22c55e}.dot.orange{background:#f59e0b}.dot.red{background:#ef4444}
.pfd-component-summary{display:grid;gap:10px}
.pfd-component-summary div{display:flex;justify-content:space-between;border-bottom:1px solid #edf2f7;padding-bottom:9px}
.pfd-component-summary span{color:#64748b;font-weight:800}
.pfd-muted{color:#64748b}
.pfd-wide-card{margin-bottom:18px}
.pfd-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.pfd-section-head h3{margin:0}
.pfd-section-head span{color:#64748b;font-weight:900}
.pfd-lift-inspection-list{display:grid;gap:10px}
.pfd-inspection-row{display:flex;justify-content:space-between;align-items:center;border:1px solid #e2e8f0;border-radius:14px;padding:14px;background:#f8fbff}
.pfd-inspection-row small{display:block;color:#64748b;margin-top:4px}
.pfd-empty-state{border:1px dashed #bfdbfe;background:#f8fbff;border-radius:14px;padding:16px;color:#64748b}
.pfd-open-lift{display:inline-flex;align-items:center;background:#eef6ff;border:1px solid #bfdbfe;color:#0057c2;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900;text-decoration:none;margin-left:6px}
@media(max-width:1100px){.pfd-lift-hero{grid-template-columns:1fr}.pfd-lift-kpis,.pfd-lift-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.pfd-lift-kpis,.pfd-lift-grid,.pfd-lift-meta-grid{grid-template-columns:1fr}}

/* 3.8.6 - statusknoppen: klanten/contactpersonen actief, liften in beheer */
.pfd-status-toggle-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;line-height:1;white-space:nowrap;margin-left:auto;border:1px solid transparent}
.pfd-status-toggle-badge.is-active{background:#dcfce7;color:#166534;border-color:#bbf7d0}
.pfd-status-toggle-badge.is-inactive{background:#f1f5f9;color:#475569;border-color:#e2e8f0}
.pfd-status-toggle-btn{border:1px solid #cbd5e1;background:#fff;color:#334155;border-radius:999px;padding:9px 13px;font-weight:900;cursor:pointer}
.pfd-status-toggle-btn.is-active{background:#fff7ed;border-color:#fed7aa;color:#9a3412}
.pfd-status-toggle-btn.is-inactive{background:#ecfdf5;border-color:#bbf7d0;color:#166534}
.pfd-check-row{display:flex!important;align-items:center;gap:9px;font-weight:900;color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px}
.pfd-check-row input{width:auto!important;margin:0!important}
.pfd-card-head{gap:10px}


/* Prolift 3.8.9 — rustigere liftdetail cockpit */
.pfd-lift-page{
    max-width:1180px!important;
    padding:24px!important;
}
.pfd-lift-hero{
    grid-template-columns:96px minmax(0,1fr)!important;
    gap:20px!important;
    align-items:start!important;
    padding:22px!important;
}
.pfd-lift-photo{
    min-height:96px!important;
    height:96px!important;
    border-radius:20px!important;
}
.pfd-lift-photo-placeholder{
    font-size:38px!important;
}
.pfd-lift-title h1{
    font-size:34px!important;
    line-height:1.06!important;
    margin:6px 0 8px!important;
    max-width:100%!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
}
.pfd-lift-meta-grid{
    grid-template-columns:repeat(3,minmax(150px,1fr))!important;
    gap:12px 22px!important;
    margin-top:18px!important;
}
.pfd-lift-meta-grid strong{
    display:block!important;
    line-height:1.35!important;
    overflow-wrap:break-word!important;
}
.pfd-lift-kpis{
    grid-column:1 / -1!important;
    grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
    gap:14px!important;
}
.pfd-kpi-card{
    padding:16px!important;
    min-height:92px!important;
}
.pfd-kpi-card strong{
    font-size:20px!important;
    line-height:1.2!important;
    overflow-wrap:break-word!important;
}
.pfd-lift-tabs{
    padding:6px!important;
    border-radius:16px!important;
}
.pfd-lift-tabs a{
    padding:10px 14px!important;
}
.pfd-lift-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
    align-items:stretch!important;
}
.pfd-lift-grid .pfd-card{
    min-height:0!important;
}
.pfd-card{
    padding:20px!important;
}
.pfd-card h3{
    font-size:20px!important;
    line-height:1.2!important;
}
.pfd-detail-list{
    grid-template-columns:160px minmax(0,1fr)!important;
    gap:10px 18px!important;
}
.pfd-detail-list dd{
    overflow-wrap:break-word!important;
    line-height:1.35!important;
}
.pfd-status-list div,
.pfd-component-summary div{
    align-items:center!important;
    line-height:1.35!important;
}
.pfd-status-list strong,
.pfd-component-summary span{
    text-align:right!important;
    max-width:55%!important;
    overflow-wrap:break-word!important;
}
.pfd-card p{
    line-height:1.55!important;
    margin-top:0!important;
}
.pfd-wide-card{
    padding:22px!important;
}
@media(max-width:900px){
    .pfd-lift-page{padding:14px!important}
    .pfd-lift-hero{grid-template-columns:1fr!important}
    .pfd-lift-photo{display:none!important}
    .pfd-lift-meta-grid,
    .pfd-lift-grid,
    .pfd-detail-list{
        grid-template-columns:1fr!important;
    }
    .pfd-status-list div,
    .pfd-component-summary div{
        align-items:flex-start!important;
    }
    .pfd-status-list strong,
    .pfd-component-summary span{
        max-width:none!important;
    }
}


/* ==== PROLIFT 3.9.1 MJOB visualisatie ==== */
.pfd-mjob-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 18px}
.pfd-mjob-summary>div{background:#f8fbff;border:1px solid #dbe8fb;border-radius:14px;padding:14px 16px}
.pfd-mjob-summary strong{display:block;font-size:20px;color:#001f5b;margin-bottom:4px}.pfd-mjob-summary span{font-size:12px;color:#55708f}
.pfd-mjob-bars{display:flex;align-items:flex-end;gap:14px;min-height:150px;padding:14px 10px 8px;border:1px solid #e4edf8;border-radius:16px;background:#fff;margin-bottom:18px;overflow-x:auto}
.pfd-mjob-bar-item{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:70px}.pfd-mjob-bar-value{font-size:11px;color:#1f3b61;white-space:nowrap}.pfd-mjob-bar-track{height:96px;width:26px;background:#edf4ff;border-radius:999px;display:flex;align-items:flex-end;overflow:hidden}.pfd-mjob-bar-track span{display:block;width:100%;background:linear-gradient(180deg,#ff4d5f,#ffb020);border-radius:999px 999px 0 0}.pfd-mjob-bar-item small{font-size:11px;color:#55708f}.pfd-mjob-table-wrap{overflow-x:auto}.pfd-mjob-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.pfd-mjob-table th{text-align:left;color:#55708f;font-weight:700;border-bottom:1px solid #e5edf7;padding:10px 12px}.pfd-mjob-table td{border-bottom:1px solid #edf2f8;padding:12px;vertical-align:top}.pfd-mjob-table td small{display:block;color:#6b7f99;margin-top:3px;line-height:1.35}.pfd-mjob-prio{display:inline-block;padding:4px 9px;border-radius:999px;font-weight:800;font-size:11px}.pfd-mjob-prio-hoog{background:#ffe3e6;color:#b4232c}.pfd-mjob-prio-middel{background:#fff0c2;color:#946200}.pfd-mjob-prio-laag{background:#dff7eb;color:#16794c}
@media(max-width:760px){.pfd-mjob-summary{grid-template-columns:1fr}.pfd-mjob-bars{gap:10px}}


/* Prolift 3.9.2 - MJOB component cards */
.pfd-mjob-component-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin:18px 0 12px;
}
.pfd-mjob-component-card{
    border:1px solid #dbe7f7;
    border-radius:14px;
    padding:12px 14px;
    background:#f8fbff;
}
.pfd-mjob-component-card strong{
    display:block;
    color:#06245a;
    font-size:13px;
    margin-bottom:4px;
}
.pfd-mjob-component-card span{
    display:block;
    color:#0b3c8c;
    font-weight:700;
    font-size:12px;
    margin-bottom:4px;
}
.pfd-mjob-component-card small{
    display:block;
    color:#47627f;
    line-height:1.35;
}
@media(max-width:1100px){
    .pfd-mjob-component-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:700px){
    .pfd-mjob-component-grid{grid-template-columns:1fr;}
}


/* Prolift 3.9.3 - MJOB download button */
.pfd-download-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-left:12px;
    padding:8px 12px;
    border-radius:10px;
    background:#0b3c8c;
    color:#fff!important;
    text-decoration:none;
    font-weight:700;
    font-size:12px;
}
.pfd-download-btn:hover{
    background:#06245a;
    color:#fff!important;
}

.pfd-premium-report-btn{
    background:#1EC98A!important;
    color:#06245a!important;
    margin-left:8px;
}
.pfd-premium-report-btn:hover{
    background:#16b77b!important;
}

.pfd-mjob-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-left:auto;}
.pfd-premium-report-btn{background:#1EC98A!important;color:#06245a!important;margin-left:0!important;}
.pfd-premium-report-btn:hover{background:#16b77b!important;}