:root{--bg:#f8fbf8;--bg2:#ffffff;--panel:#ffffff;--panel2:#f3faf3;--text:#16302a;--muted:#54736b;--line:#b8d7bf;--accent:#2f8f57;--accent2:#4e8f73;--green:#2f8f57;--orange:#ffb84d;--red:#d9534f;--shadow:0 24px 80px rgba(0,0,0,.24)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f8fbf8;color:var(--text)}a{color:var(--text);text-decoration:none}button,.btn{background:#fff;color:var(--accent);border:1px solid var(--accent);border-radius:12px;padding:10px 14px;font-weight:800;cursor:pointer}.login{min-height:100vh;display:flex;align-items:center;justify-content:center}.box,.panel,.card{background:rgba(17,31,42,.94);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow)}.box{width:390px}.box input,.box button,input,select{width:100%;padding:13px;border-radius:12px;border:1px solid var(--line);margin-top:8px;background:#ffffff;color:var(--text)}label{display:block;margin-top:12px;margin-bottom:5px;font-weight:750}.layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.side{background:#ffffff;border-right:1px solid var(--line);padding:24px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:22px;margin-bottom:28px}.brand-mark{color:var(--accent);font-size:18px}.nav a{display:block;padding:12px 13px;border-radius:12px;color:#355b4d;margin-bottom:4px;border:1px solid #b8d7bf;background:#fff}.nav a:hover{background:#eef8ef;color:var(--text)}.main{padding:32px;max-width:1500px;width:100%}.page-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.eyebrow{margin:0 0 6px;color:var(--accent2);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:12px}h1{font-size:38px;margin:0}h2{font-size:20px;margin:0 0 16px}h3{margin:22px 0 12px}.pill,.badge{display:inline-flex;align-items:center;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:800}.pill{background:rgba(143,190,195,.13);color:#c9eef0;border:1px solid rgba(143,190,195,.2)}.badge.green{background:rgba(57,217,138,.14);color:#92f0bd}.badge.gray{background:rgba(145,167,173,.14);color:#c1ced2}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.stat{background:#ffffff;border:1px solid var(--line);border-radius:22px;padding:22px}.stat span{display:block;color:var(--muted);font-weight:750}.stat strong{display:block;font-size:40px;margin-top:8px}.split{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.split.small-left{grid-template-columns:360px 1fr}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel-head a{color:var(--accent2);font-weight:800}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:800;font-size:13px}tr:last-child td{border-bottom:0}.muted{color:var(--muted)}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}.groen{background:var(--green)}.oranje{background:var(--orange)}.rood{background:var(--red)}.danger{background:#7b2222}.ok{background:#1f6b3b}.actions{display:flex;gap:8px}.big-window{font-size:30px;font-weight:900;margin:8px 0 8px}.mini-log{display:grid;gap:10px}.mini-log div{background:rgba(7,16,25,.55);border:1px solid var(--line);border-radius:15px;padding:12px}.mini-log span{display:block;color:var(--muted);font-size:13px;margin-top:3px}.mini-log p{margin:8px 0 0}.form-stack button{margin-top:16px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-card code{display:inline-block;background:#ffffff;border:1px solid var(--line);border-radius:12px;padding:12px}.msg{background:#142f21;border:1px solid #2b7d4a;padding:12px;border-radius:12px;margin-bottom:15px}.login-body{background:#ffffff}.login-box{width:390px}.login-box h1{margin:0 0 14px;font-size:32px;line-height:1.1}.login-box label{display:block;margin-top:16px;margin-bottom:7px;font-weight:800}.login-box input{display:block!important;min-height:48px!important;background:#ffffff!important;color:#fff!important;border:1px solid #315066!important;outline:none;font-size:16px;-webkit-text-fill-color:#fff!important;appearance:none}.login-box input:focus{border-color:#ff7a22!important;box-shadow:0 0 0 3px rgba(255,122,34,.18)}.login-button{display:block!important;width:100%;margin-top:18px!important;min-height:50px;background:linear-gradient(90deg,#ff6b1a,#ff8a24)!important;color:#fff!important;font-size:16px;border:0!important}.hint{margin:14px 0 0;color:#93a8ad;font-size:13px}.error{background:#3a1616;border-color:#8a3030;color:#fff}@media(max-width:1000px){.layout{grid-template-columns:1fr}.side{position:static;height:auto}.stats{grid-template-columns:1fr 1fr}.split,.split.small-left{grid-template-columns:1fr}.main{padding:20px}}@media(max-width:620px){.stats{grid-template-columns:1fr}h1{font-size:30px}table{font-size:14px}.side{padding:16px}.main{padding:16px}}
.btn.secondary{background:rgba(143,190,195,.14);color:#d9f4f5;border:1px solid rgba(143,190,195,.22);text-align:center;display:inline-block}.btn.small,button.small{padding:8px 10px;border-radius:10px;font-size:13px}.employee-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.employee-actions form{margin:0}.employee-actions button{width:auto;margin:0}.form-stack .secondary{margin-top:10px;width:100%}select{appearance:auto}
.edit-table input,.edit-table select{min-width:120px;margin-top:0;padding:10px}.edit-table td{vertical-align:middle}.edit-table .actions{display:flex;gap:7px;align-items:center}.edit-table .actions form{margin:0}.nowrap{white-space:nowrap}@media(max-width:1000px){.edit-table{display:block;overflow-x:auto}}

.inline-form{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:8px;align-items:end}.inline-form select{margin-top:0}.inline-form button{white-space:nowrap}.planning-cell{min-width:360px}.nowrap{white-space:nowrap}@media(max-width:900px){.inline-form{grid-template-columns:1fr}.planning-cell{min-width:0}}
.user-name-form{grid-template-columns:minmax(170px,1fr) auto}.user-pass-form{grid-template-columns:minmax(160px,1fr) auto}.edit-table form{margin:0}.edit-table .badge{white-space:nowrap}.msg.error{background:#3a1616;border-color:#8a3030;color:#fff}@media(max-width:1100px){.user-name-form,.user-pass-form{grid-template-columns:1fr}.edit-table{display:block;overflow-x:auto}}

.main{overflow-x:auto;}
.panel{overflow-x:auto;}
table{min-width:1100px;}
.actions{flex-wrap:wrap}
input{max-width:100%}

/* Users page v1.1.7: no horizontal page or panel scrollbars */
body{overflow-x:hidden}.main{overflow-x:visible}.panel{overflow-x:visible}table{min-width:0}.users-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;align-items:start}.users-panel,.user-add-panel{min-width:0}.user-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:14px}.user-card{background:rgba(7,16,25,.42);border:1px solid var(--line);border-radius:18px;padding:16px;min-width:0}.user-card-top{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px}.name-edit-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-width:0;flex:1}.name-edit-form input,.password-edit-form input{margin:0}.user-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.user-meta div{background:rgba(17,31,42,.7);border:1px solid rgba(36,57,70,.75);border-radius:13px;padding:10px;min-width:0}.user-meta span{display:block;color:var(--muted);font-size:12px;font-weight:800;margin-bottom:4px}.user-meta strong{display:block;font-size:14px;overflow-wrap:anywhere}.user-actions-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.password-edit-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-width:0}.toggle-user-form{margin:0}.current-user-label{color:var(--muted);font-weight:800;white-space:nowrap}@media(max-width:1150px){.users-layout{grid-template-columns:1fr}.user-cards{grid-template-columns:1fr}}@media(max-width:620px){.user-card-top,.user-actions-row,.password-edit-form,.name-edit-form{grid-template-columns:1fr;display:grid}.user-meta{grid-template-columns:1fr}.user-card-top{align-items:stretch}.user-card-top .badge{justify-content:center}.current-user-label{white-space:normal}}

/* Users v1.1.8: simple list + separate edit page */
.users-layout,.user-cards,.user-card,.user-card-top,.user-actions-row,.password-edit-form,.name-edit-form,.user-meta{all:unset}.plain-table{min-width:0;width:100%;border-collapse:collapse}.plain-table th,.plain-table td{padding:15px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.plain-table th{color:var(--muted);font-size:13px;font-weight:900}.plain-table tr:last-child td{border-bottom:0}.btn.small,button.small{padding:8px 12px;border-radius:10px;font-size:13px}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--text)}.edit-page-panel{max-width:820px}.user-edit-form input[type="checkbox"]{width:auto;margin:0 8px 0 0}.checkline{display:flex;align-items:center;gap:4px;margin-top:18px}.edit-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.edit-meta div{background:rgba(7,16,25,.42);border:1px solid var(--line);border-radius:14px;padding:12px}.edit-meta span{display:block;color:var(--muted);font-size:13px;font-weight:800}.edit-meta strong{display:block;margin-top:4px}.form-actions{display:flex;gap:10px;align-items:center;margin-top:18px}.form-actions button,.form-actions .btn{width:auto;margin-top:0}.users-list-table td:last-child,.users-list-table th:last-child{text-align:right}@media(max-width:760px){.two,.edit-meta{grid-template-columns:1fr}.page-head{gap:12px;flex-direction:column}.users-list-table{font-size:14px}.users-list-table th:nth-child(4),.users-list-table td:nth-child(4){display:none}}

/* v120 planning lijst + aparte bewerkpagina */
.clean-table{table-layout:auto}
.clean-table th,.clean-table td{white-space:nowrap}
.clean-table td:first-child,.clean-table th:first-child{white-space:normal;min-width:180px}
.right{text-align:right}
.actions.right{justify-content:flex-end;align-items:center;flex-wrap:wrap}
.inline-form{display:inline-flex;margin:0}
.inline-form input[type=hidden]{display:none}
button.small,.btn.small{padding:8px 10px;border-radius:10px;font-size:13px;line-height:1;white-space:nowrap}
.muted-btn{background:rgba(143,190,195,.14);border:1px solid rgba(143,190,195,.22);color:#d9f4f6}
.narrow-panel{max-width:620px}
.button-row{display:flex;gap:10px;align-items:center;margin-top:18px}
.button-row .btn{display:inline-flex;width:auto}
@media(max-width:1100px){
  .clean-table th,.clean-table td{white-space:normal}
  .actions.right{justify-content:flex-start}
}

/* v1.2.2 onderhoudstaken per website */
.tasks-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 18px}.check-card{display:flex;align-items:center;gap:10px;margin:0;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(7,16,25,.42);font-weight:800}.check-card input{width:auto;margin:0}.compact-fields input{margin-top:6px}.websites-table{min-width:0}.websites-table .actions form{margin:0}.websites-table .inline-form{display:inline-block}.websites-table .inline-form input[type=hidden]{display:none}@media(max-width:900px){.tasks-grid{grid-template-columns:1fr}.websites-table th:nth-child(3),.websites-table td:nth-child(3){display:none}}

/* Website overzicht v1.3: klikbare domeinen en compacte icon buttons */
.site-link{display:inline-flex;align-items:center;gap:7px;font-weight:900;color:#fff}
.site-link:hover{color:#c9eef0;text-decoration:underline;text-underline-offset:3px}.site-icon{font-size:14px;opacity:.9}
.websites-table .actions{justify-content:flex-end;align-items:center;gap:8px;flex-wrap:nowrap}.websites-table .inline-form{display:inline;margin:0}.websites-table .inline-form input{display:none}.icon-btn{width:32px!important;height:32px!important;min-width:32px;padding:0!important;border-radius:10px!important;display:inline-flex!important;align-items:center;justify-content:center;font-size:15px!important;line-height:1!important;font-weight:900!important}.icon-btn.secondary{background:rgba(143,190,195,.14);color:#d9f4f5;border:1px solid rgba(143,190,195,.22)}.icon-btn.danger{background:#7b2222}.icon-btn.ok{background:#1f6b3b}.site-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.compact-card{padding:18px}.compact-card span{display:block}.compact-card strong{display:block;margin-top:6px;font-size:20px}.compact-card small{display:block;margin-top:5px;color:var(--muted)}.detail-table{min-width:900px}.job-details summary{cursor:pointer;font-weight:800;color:#c9eef0}.job-details pre{white-space:pre-wrap;background:#ffffff;border:1px solid var(--line);border-radius:12px;padding:12px;max-width:520px;overflow:auto}.badge.red{background:rgba(255,100,100,.14);color:#ffb8b8}.badge.blue{background:rgba(143,190,195,.14);color:#c9eef0}@media(max-width:1100px){.site-summary-grid{grid-template-columns:1fr 1fr}.websites-table .actions{flex-wrap:wrap}}@media(max-width:650px){.site-summary-grid{grid-template-columns:1fr}}

.check-list{display:grid;gap:8px;margin-top:8px}
.check-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(153,192,196,.22);border-radius:12px;background:rgba(255,255,255,.025);font-weight:700}
.check-row input{width:16px;height:16px;accent-color:#ff7a1a}
.small-text{font-size:13px;line-height:1.45;margin-top:8px}

.login-brand{display:flex;align-items:center;gap:24px;margin-bottom:30px}
.login-brand img{width:170px;height:auto}
.login-brand h1{margin:0;font-size:42px}
.login-brand .muted{margin-top:8px}


/* v1.3.1 login reparatie: mascotte volledig zichtbaar en velden leeg */
.login-body{min-height:100vh;background:#ffffff;overflow:hidden}
.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px}
.login-box{width:min(460px,100%);padding:28px 30px 24px;border-radius:24px}
.login-brand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;margin:0 0 22px}
.login-brand img{display:block;width:min(260px,72%);max-height:300px;height:auto;object-fit:contain;object-position:center}
.login-brand h1{margin:0;font-size:40px;line-height:1.05}
.login-brand .muted{margin:6px 0 0;color:var(--accent2)}
.login-box label{text-align:left}
.login-box input::placeholder{color:#6f858c;-webkit-text-fill-color:#6f858c}
.login-box input:-webkit-autofill{transition:background-color 9999s ease-in-out 0s;-webkit-text-fill-color:#fff!important}
@media(max-height:760px){.login{align-items:flex-start}.login-brand img{width:190px;max-height:210px}.login-box{margin-top:18px}}
@media(max-width:620px){.login{padding:18px}.login-brand img{width:190px}.login-brand h1{font-size:34px}}

/* v1.4.0 live onderhoudsscherm */
.run-panel{max-width:1100px}.run-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.run-status{display:inline-flex;align-items:center;justify-content:center;min-width:150px;border-radius:999px;padding:12px 16px;font-weight:900;background:rgba(143,190,195,.14);border:1px solid rgba(143,190,195,.25);color:#d9f4f5}.run-status.busy::before{content:"";width:11px;height:11px;border-radius:50%;background:var(--accent);margin-right:8px;animation:pulseRun 1s infinite}.run-status.waiting{background:rgba(255,184,77,.14);border-color:rgba(255,184,77,.25);color:#ffe0a8}.run-status.done{background:rgba(57,217,138,.14);border-color:rgba(57,217,138,.25);color:#9cf2c2}.run-status.error{background:rgba(255,100,100,.14);border-color:rgba(255,100,100,.25);color:#ffbaba}@keyframes pulseRun{0%,100%{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.run-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.run-meta-grid div{background:rgba(7,16,25,.42);border:1px solid var(--line);border-radius:16px;padding:14px;min-width:0}.run-meta-grid span{display:block;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.run-meta-grid strong{display:block;margin-top:7px;overflow-wrap:anywhere}.run-diagnosis{background:rgba(143,190,195,.10);border:1px solid rgba(143,190,195,.22);border-radius:16px;padding:14px;margin:16px 0 22px;font-weight:800}.run-steps{display:grid;gap:10px;margin-bottom:24px}.run-step{display:flex;align-items:center;gap:12px;background:rgba(7,16,25,.42);border:1px solid var(--line);border-radius:15px;padding:13px 14px}.run-step b{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(145,167,173,.16);color:var(--muted)}.run-step.done b{background:rgba(57,217,138,.16);color:#9cf2c2}.run-step.active{border-color:rgba(255,122,34,.55);background:rgba(255,122,34,.08)}.run-step.active b{background:rgba(255,122,34,.18);color:#ffbf91;animation:pulseRun 1s infinite}.live-log{display:grid;gap:9px;max-height:520px;overflow:auto;padding-right:4px}.live-log-row{background:rgba(7,16,25,.42);border:1px solid var(--line);border-radius:14px;padding:12px}.live-log-row time{display:block;color:var(--muted);font-size:12px;font-weight:800}.live-log-row strong{display:block;margin-top:4px}.live-log-row p{margin:6px 0 0;color:#dbecee}.live-log-row.warning{border-color:rgba(255,184,77,.35)}.live-log-row.error{border-color:rgba(255,100,100,.45);background:rgba(255,100,100,.08)}@media(max-width:900px){.run-top{display:block}.run-status{margin-top:12px}.run-meta-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.run-meta-grid{grid-template-columns:1fr}}

/* Lifeline Cloud v109: zoeken, alfabetisch overzicht en onderhoudsagenda */
.site-finder{margin-bottom:16px}.site-search-form{display:grid;grid-template-columns:minmax(300px,1fr) 220px auto auto;gap:12px;align-items:end}.site-search-form label{margin-top:0}.site-search-form input,.site-search-form select{margin-top:6px}.site-search-form button,.site-search-form .btn{width:auto;min-height:46px;display:inline-flex;align-items:center;justify-content:center}.alphabet{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.alphabet a,.alphabet span{min-width:35px;height:35px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid var(--line);font-weight:900}.alphabet a{background:rgba(7,16,25,.45)}.alphabet a:hover,.alphabet a.active{background:var(--accent);border-color:var(--accent);color:#fff}.alphabet span{color:#526872;opacity:.55}.alphabet small{font-size:10px;opacity:.8}.list-summary{display:flex;justify-content:space-between;align-items:center;margin:14px 2px}.websites-panel{padding-top:10px}.websites-table td{vertical-align:middle}.site-link{display:inline-flex;align-items:center;gap:7px}.site-url-full{display:inline-block;margin-top:5px;font-size:12px}.empty-state{padding:28px!important;text-align:center}.pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:18px}.pagination a,.pagination span{background:rgba(17,31,42,.94);border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-weight:800}.pagination a:hover{border-color:var(--accent);color:#fff}.agenda-stats{margin-bottom:18px}.agenda-panel{margin-bottom:18px}.agenda-list{display:grid;gap:16px}.agenda-day{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(7,16,25,.32)}.agenda-day>header{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;background:rgba(22,41,54,.72);border-bottom:1px solid var(--line)}.agenda-day>header div{display:flex;align-items:baseline;gap:10px}.agenda-day>header span{color:var(--accent2);font-weight:900}.agenda-day>header strong{font-size:18px}.agenda-day>header b{background:rgba(143,190,195,.13);border:1px solid rgba(143,190,195,.22);border-radius:999px;padding:7px 11px}.agenda-items{display:grid}.agenda-item{display:grid;grid-template-columns:80px minmax(0,1fr) minmax(140px,220px);gap:14px;align-items:center;padding:13px 18px;border-bottom:1px solid var(--line)}.agenda-item:last-child{border-bottom:0}.agenda-item:hover{background:rgba(255,122,34,.07)}.agenda-item time{font-weight:900;color:#ffbf91}.agenda-item div strong,.agenda-item div span{display:block}.agenda-item div span{color:var(--muted);font-size:13px;margin-top:3px}.agenda-employee{color:var(--muted);text-align:right}.planning-admin{margin-top:18px}@media(max-width:900px){.site-search-form{grid-template-columns:1fr 1fr}.agenda-item{grid-template-columns:65px minmax(0,1fr)}.agenda-employee{grid-column:2;text-align:left}}@media(max-width:620px){.site-search-form{grid-template-columns:1fr}.site-search-form button,.site-search-form .btn{width:100%}.list-summary{align-items:flex-start;gap:6px;flex-direction:column}.agenda-day>header{align-items:flex-start;gap:8px}.agenda-day>header div{display:block}.agenda-day>header strong{display:block;margin-top:4px}.agenda-item{grid-template-columns:55px minmax(0,1fr);padding:12px}.alphabet a,.alphabet span{min-width:32px;height:32px}.page-head .btn{width:100%;text-align:center}}


/* Lifeline Cloud v110: medewerkersoverzicht */
.employee-name-link,.employee-site-count{color:#d9f4f5;font-weight:900}.employee-name-link:hover,.employee-site-count:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}.employee-sites-panel{margin-top:18px}.employee-sites-panel .panel-head{align-items:flex-start}.employee-sites-panel .panel-head h2{margin-bottom:0}.employee-sites-table td{vertical-align:middle}.employee-sites-table .right{text-align:right}@media(max-width:900px){.employee-sites-table th:nth-child(4),.employee-sites-table td:nth-child(4){display:none}}

/* Lifeline Cloud v111: dashboard als snelle domeinzoeker */
.dashboard-finder{margin-top:18px;padding:30px;display:grid;grid-template-columns:minmax(240px,.75fr) minmax(420px,1.25fr);gap:34px;align-items:end}.dashboard-finder-copy h2{margin:5px 0 8px;font-size:28px}.dashboard-finder-copy p{margin-bottom:0;max-width:560px}.dashboard-search-form label{margin-top:0}.dashboard-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-top:7px}.dashboard-search-row input{margin:0;min-height:58px;font-size:18px}.dashboard-search-row button{min-width:180px}.dashboard-search-results{margin-top:18px}.dashboard-search-results .empty-state h2{margin-top:0}.dashboard-search-results .empty-state .btn{display:inline-flex;width:auto;margin-top:10px}.dashboard-result-list{display:grid;gap:9px}.dashboard-result{display:grid;grid-template-columns:minmax(240px,1.6fr) 140px 180px 180px auto;gap:16px;align-items:center;padding:15px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(7,16,25,.42)}.dashboard-result:hover{border-color:rgba(255,122,34,.6);background:rgba(255,122,34,.07)}.dashboard-result div:first-child strong,.dashboard-result div:first-child span{display:block}.dashboard-result div:first-child span{margin-top:4px;color:var(--muted);font-size:13px}.dashboard-result b{color:#ffbf91;text-align:right}@media(max-width:1050px){.dashboard-finder{grid-template-columns:1fr}.dashboard-result{grid-template-columns:minmax(220px,1fr) 130px 160px auto}.dashboard-result>div:nth-child(4){display:none}}@media(max-width:720px){.dashboard-search-row{grid-template-columns:1fr}.dashboard-search-row button{width:100%}.dashboard-result{grid-template-columns:1fr auto}.dashboard-result>div:nth-child(2),.dashboard-result>div:nth-child(3),.dashboard-result>div:nth-child(4){display:none}}


/* Website snelle acties v112 */
.site-action-panel{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);gap:28px;align-items:center;margin-bottom:18px;border-color:rgba(255,122,34,.38)}
.site-action-intro h2{margin:4px 0 8px;font-size:25px}.site-action-intro p:last-child{margin-bottom:0}
.site-action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.site-action-buttons form{margin:0}.site-action-buttons .btn{width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;text-align:center}.site-primary-action{grid-column:1/-1}.site-run-button{font-size:18px;min-height:62px!important;box-shadow:0 12px 32px rgba(255,122,34,.22)}.site-run-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.site-action-status{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:18px;border-top:1px solid var(--line)}.site-action-status>div{background:rgba(7,16,25,.42);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.site-action-status span,.site-action-status strong,.site-action-status small{display:block}.site-action-status span{color:var(--muted);font-size:13px}.site-action-status strong{margin-top:4px;font-size:17px}.site-action-status small{margin-top:4px;color:var(--accent2)}
@media(max-width:900px){.site-action-panel{grid-template-columns:1fr}.site-action-status{grid-column:auto}}
@media(max-width:620px){.site-action-buttons,.site-action-status{grid-template-columns:1fr}.site-primary-action{grid-column:auto}}


/* Lifeline Cloud v113: mascotte en merkblok in zijbalk */
.brand{gap:12px;margin-bottom:28px;min-height:56px}
.brand-logo{width:44px;height:56px;object-fit:contain;object-position:center;flex:0 0 44px}
.brand-copy{display:flex;flex-direction:column;min-width:0;line-height:1.05}
.brand-copy strong{font-size:21px;white-space:nowrap}
.brand-copy small{margin-top:6px;color:var(--accent2);font-size:10px;font-weight:800;letter-spacing:.03em;white-space:nowrap}
@media(max-width:1000px){.brand{margin-bottom:18px}.brand-logo{width:40px;height:50px;flex-basis:40px}}


/* Onderhoudsvensters v115: compacte actie-iconen */
.window-actions{gap:8px;flex-wrap:nowrap}.window-actions form{margin:0;display:inline-flex}.window-actions input[type=hidden]{display:none}.icon-btn.warning{background:var(--accent);color:#fff}.window-actions .icon-btn{font-family:Inter,Segoe UI Symbol,Arial,sans-serif;font-size:16px!important}.window-actions .icon-btn.danger{font-size:21px!important}.window-actions .icon-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}


/* Onderhoudsvensters v116: status en acties strak op één regel */
.window-status-cell{vertical-align:middle!important;text-align:center}.status-icon{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:17px;font-weight:900;line-height:1}.status-icon.active{background:rgba(57,217,138,.16);color:#72e6aa;border:1px solid rgba(57,217,138,.25)}.status-icon.inactive{background:rgba(145,167,173,.14);color:#c1ced2;border:1px solid rgba(145,167,173,.22)}.window-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap;white-space:nowrap}.window-actions form{display:flex;align-items:center;margin:0}.window-actions .icon-btn{flex:0 0 32px;margin:0}.clean-table td{vertical-align:middle}@media(max-width:900px){.window-actions{justify-content:flex-start}}

.run-refresh-note{margin:-12px 0 22px;color:var(--muted);font-size:13px;text-align:right}.run-refresh-note strong{color:#dbecee}.run-status.waiting::before{content:"";width:10px;height:10px;border-radius:50%;background:#ffb84d;margin-right:8px;animation:pulseRun 1.4s infinite}

/* Lifeline Cloud v120: frisse lichte onderhoudsomgeving */
:root{
  --bg:#eef7f1;
  --bg2:#f7fbf8;
  --panel:#ffffff;
  --panel2:#edf6f0;
  --text:#173b35;
  --muted:#668078;
  --line:#cfe0d7;
  --accent:#2f7d4f;
  --accent2:#3d8173;
  --green:#2f9b62;
  --orange:#ef8b3a;
  --red:#c94f4f;
  --shadow:0 10px 30px rgba(34,83,65,.08)
}
html{background:var(--bg)}
body{
  background:#ffffff;
  color:var(--text);
}
a{color:var(--text)}
button,.btn{
  background:var(--accent);
  color:#fff;
  border:1px solid var(--accent);
  border-radius:9px;
  box-shadow:none;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
button:hover,.btn:hover{background:#276c44;border-color:#276c44;transform:translateY(-1px)}
.box,.panel,.card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  box-shadow:var(--shadow);
}
.box input,.box button,input,select,textarea{
  background:#fff;
  color:var(--text);
  border:1px solid #bfd4c9;
  border-radius:8px;
}
input:focus,select:focus,textarea:focus{
  outline:none;
  border-color:#6fa58b;
  box-shadow:0 0 0 3px rgba(47,125,79,.12)
}
.layout{grid-template-columns:250px minmax(0,1fr)}
.side{
  background:#f9fcfa;
  border-right:1px solid var(--line);
  box-shadow:4px 0 18px rgba(36,85,66,.05);
}
.brand{color:#173b35}
.brand-copy small{color:#5f8176}
.nav a{
  color:#5f766f;
  border-radius:8px;
  transition:background .15s ease,color .15s ease,padding-left .15s ease;
}
.nav a:hover{
  background:#e4f1e9;
  color:#245f42;
  padding-left:17px;
}
.main{background:transparent}
.eyebrow{color:#4d8c78}
h1,h2,h3,strong{color:#173b35}
.pill{
  background:#e9f4ee;
  color:#2e6f4b;
  border:1px solid #c5ddcf;
}
.badge.green{background:#e3f5e9;color:#237347;border:1px solid #bfe1cb}
.badge.gray{background:#eef2f0;color:#63766f;border:1px solid #d8e1dc}
.stats{gap:14px}
.stat{
  background:#fff;
  border:1px solid var(--line);
  border-top:4px solid #78aa8f;
  border-radius:14px;
  box-shadow:0 7px 22px rgba(34,83,65,.06);
}
.stat:nth-child(2){border-top-color:#84b8b0}
.stat:nth-child(3){border-top-color:#e3b36a}
.stat:nth-child(4){border-top-color:#83a9cf}
.stat span{color:#5d766e}
.stat strong{color:#183e36}
.panel-head a{color:#2f7d4f}
th,td{border-bottom-color:#dbe7e1}
th{color:#607a72;background:#f7faf8}
tbody tr:hover td{background:#f7fbf8}
.muted{color:var(--muted)}
.danger{background:#c94f4f}.ok{background:#2f8d59}
.mini-log div,.user-card,.dashboard-result,.site-action-status>div,.edit-meta div,.user-meta div{
  background:#f7faf8;
  border-color:#d5e3dc;
}
.settings-card code{background:#f4f8f5;border-color:#d2e1d9;color:#285b49}
.msg{background:#e7f5eb;border-color:#9ecbae;color:#245b3e}
.msg.error,.error{background:#fbecec;border-color:#dfaaaa;color:#7e2929}
.btn.secondary{
  background:#edf5f1;
  color:#2d6d4a;
  border-color:#c5dbcf;
}
.btn.secondary:hover{background:#deede5;border-color:#aac9b7}
.btn.ghost{background:#fff;border-color:#bfd4c9;color:#315f50}
.btn.ghost:hover{background:#f0f7f3;border-color:#9fc1af}

/* Login */
.login-body{background:linear-gradient(135deg,#eef7f1,#f9fcfa 58%,#e6f1eb)}
.login-box{background:#fff}
.login-box input{
  background:#fff!important;
  color:#173b35!important;
  border-color:#bfd4c9!important;
  -webkit-text-fill-color:#173b35!important;
}
.login-box input:focus{border-color:#5e9a79!important;box-shadow:0 0 0 3px rgba(47,125,79,.13)}
.login-button{background:#2f7d4f!important;color:#fff!important}
.hint{color:#6b817a}

/* Websites, planning en agenda */
.pagination a,.pagination span{background:#fff;border-color:var(--line)}
.pagination a:hover{border-color:#4e9470;color:#245f42;background:#edf6f0}
.alphabet a{background:#fff;border-color:#cddfd6;color:#315f50}
.alphabet a:hover,.alphabet a.active{background:#2f7d4f;border-color:#2f7d4f;color:#fff}
.alphabet span{color:#80938d}
.agenda-day{
  background:#fff;
  border-color:#cddfd6;
  border-radius:12px;
  box-shadow:0 5px 16px rgba(34,83,65,.05)
}
.agenda-day>header{
  background:#edf6f0;
  border-bottom-color:#cddfd6;
}
.agenda-day>header span{color:#2f7d4f}
.agenda-day>header b{background:#fff;border-color:#bdd4c7;color:#2e6f4b}
.agenda-item{border-bottom-color:#dce8e2}
.agenda-item:hover{background:#f5faf7}
.agenda-item time{color:#df762d}
.agenda-employee{color:#52756a}
.site-action-panel{border-color:#b9d7c6;background:#fff}
.site-run-button{box-shadow:0 8px 20px rgba(47,125,79,.15)}
.dashboard-finder{background:#fff}
.dashboard-result:hover{border-color:#91bea6;background:#f0f7f3}
.dashboard-result b{color:#d56f2d}

/* Status, iconen en formulieren */
.status-icon.active{background:#e3f5e9;color:#237347;border-color:#bfe1cb}
.status-icon.inactive{background:#eef2f0;color:#687a74;border-color:#d4dfda}
.icon-btn.warning{background:#e88a3c;border-color:#e88a3c}
.run-refresh-note strong{color:#345e50}
.run-status.waiting::before{background:#e8a043}
.checkline{color:#385f52}

/* Tabellen fris en rustig */
.plain-table,.clean-table,.websites-table,.employee-sites-table{background:#fff}
.plain-table th,.clean-table th,.websites-table th,.employee-sites-table th{background:#f4f9f6}
.plain-table tbody tr:nth-child(even) td,.clean-table tbody tr:nth-child(even) td,.websites-table tbody tr:nth-child(even) td,.employee-sites-table tbody tr:nth-child(even) td{background:#fbfdfc}

/* Mobiel */
@media(max-width:1000px){
  .side{height:auto;box-shadow:none;border-right:0;border-bottom:1px solid var(--line)}
  .nav{display:flex;flex-wrap:wrap;gap:4px}
  .nav a{margin:0}
}


body,.content,.main,.main-content,.page-content,.wrapper,.layout,.app{
 background:#fff !important;
}
.sidebar a,.menu a,.nav a{
 border:1px solid #5fae63 !important;
 border-radius:10px!important;
}
.action-btn,.btn,button{
 border:1px solid #4caf50!important;
}

.actions a,.actions button,.icon-btn,.play-btn,.stop-btn,.delete-btn{
border-radius:8px!important;
border:2px solid transparent!important;
box-shadow:none!important;
}
.actions .edit,.btn-edit{background:#FFA000!important;border-color:#E69100!important;color:#fff!important;}
.actions .run,.btn-run,.play-btn{background:#00C000!important;border-color:#00A800!important;color:#fff!important;}
.actions .delete,.btn-delete,.stop-btn{background:#FF3030!important;border-color:#D80000!important;color:#fff!important;}

/* v128 - heldere actieknoppen */
:root{
  --button-green:#00c61a;
  --button-green-dark:#00a916;
  --button-red:#ff3038;
  --button-red-dark:#e31f28;
  --button-orange:#ffa300;
  --button-orange-dark:#e58f00;
}

/* Standaard primaire knoppen: helder groen */
button,
.btn:not(.secondary):not(.danger):not(.ghost),
.form-stack > button{
  background:var(--button-green)!important;
  border:1px solid var(--button-green-dark)!important;
  color:#fff!important;
  box-shadow:none!important;
}
button:hover,
.btn:not(.secondary):not(.danger):not(.ghost):hover,
.form-stack > button:hover{
  background:var(--button-green-dark)!important;
  border-color:var(--button-green-dark)!important;
}

/* Medewerkers: bewerken oranje, uitzetten groen, verwijderen rood */
.employee-actions .btn.secondary{
  background:#fff!important;
  color:var(--button-orange)!important;
  border:1px solid var(--button-orange)!important;
}
.employee-actions .btn.secondary:hover{
  background:#fff7e6!important;
  color:var(--button-orange-dark)!important;
  border-color:var(--button-orange-dark)!important;
}
.employee-actions button:not(.danger){
  background:#fff!important;
  color:var(--button-green)!important;
  border:1px solid var(--button-green)!important;
}
.employee-actions button:not(.danger):hover{
  background:#edfff0!important;
  color:var(--button-green-dark)!important;
  border-color:var(--button-green-dark)!important;
}
.employee-actions button.danger,
button.danger,
.btn.danger{
  background:#fff!important;
  color:var(--button-red)!important;
  border:1px solid var(--button-red)!important;
}
.employee-actions button.danger:hover,
button.danger:hover,
.btn.danger:hover{
  background:#fff0f1!important;
  color:var(--button-red-dark)!important;
  border-color:var(--button-red-dark)!important;
}

/* Website-acties: bewerken oranje, uitvoeren groen, blokkeren/annuleren rood */
.websites-table .icon-btn.secondary{
  background:var(--button-orange)!important;
  border:1px solid var(--button-orange-dark)!important;
  color:#fff!important;
}
.websites-table button.icon-btn:not(.danger):not(.ok),
.websites-table .icon-btn.ok{
  background:var(--button-green)!important;
  border:1px solid var(--button-green-dark)!important;
  color:#fff!important;
}
.websites-table .icon-btn.danger{
  background:var(--button-red)!important;
  border:1px solid var(--button-red-dark)!important;
  color:#fff!important;
}
.websites-table .icon-btn:hover{
  filter:brightness(.94)!important;
}


/* v129 visual refresh */
body,.app,.content,.main,.content-wrapper{background:#ffffff!important;}
table th{color:#0f2f3a!important;font-weight:700!important;}
h1,h2,h3,h4,.page-title,.card h2{color:#0f2f3a!important;font-weight:800!important;}
table td{color:#304b57!important;}
.card,.panel,.box,.search-box,.widget{border:1px solid #d8e8d8!important;}
hr,table tr{border-color:#dbe7db!important;}

h1,h2,h3,h4,h5,h6,th,.section-title,.card-title{color:#173b2f!important;}
table th{color:#173b2f!important;font-weight:700!important;}
.card,.panel,.box,.widget,.content-card{border:1px solid #dfe3e6!important;}
body,.content,.main,.page,.wrapper{background:#ffffff!important;}
button,.btn{
 border:1px solid currentColor!important;
}
.btn-success,.btn-green,.success{
 background:#00c853!important;border-color:#00c853!important;color:#fff!important;
}
.btn-danger,.danger{
 background:#ff2d2d!important;border-color:#ff2d2d!important;color:#fff!important;
}
.btn-warning,.warning,.btn-edit{
 background:#ffa000!important;border-color:#ffa000!important;color:#fff!important;
}

/* v131 - alle groene accenten helder en consequent */
:root{
  --accent:#00c853;
  --accent2:#00a845;
  --green:#00c853;
  --line:#a7e3bc;
  --button-green:#00c853;
  --button-green-dark:#00a845;
  --button-red:#ff2d3d;
  --button-red-dark:#d91f30;
}

/* Alleen koppen krijgen een groene tekstkleur */
h1,h2,h3,h4,h5,h6,
.page-title,.section-title,.card-title,
.panel-head h2,.panel-head h3,
th{
  color:#0b7a36!important;
}

/* Lijnen en randen overal frisgroen */
.side,.panel,.card,.box,.stat,.widget,.content-card,
input,select,textarea,
table th,table td,
.plain-table th,.plain-table td,
.clean-table th,.clean-table td,
.websites-table th,.websites-table td,
.employee-sites-table th,.employee-sites-table td,
hr{
  border-color:var(--line)!important;
}

/* Menu duidelijk omlijnd */
.nav a,.sidebar a,.menu a{
  background:#fff!important;
  border:1px solid #36cf69!important;
  color:#24553a!important;
}
.nav a:hover,.sidebar a:hover,.menu a:hover{
  background:#edfff3!important;
  border-color:#00c853!important;
  color:#087a34!important;
}

/* Alle primaire groene knoppen */
button:not(.danger):not(.warning):not(.secondary):not(.ghost),
.btn:not(.danger):not(.warning):not(.secondary):not(.ghost),
.btn-success,.btn-green,.success,.ok,.play-btn,.btn-run,
.websites-table button.icon-btn:not(.danger):not(.secondary),
.websites-table .icon-btn.ok,
.window-actions .icon-btn.warning,
.login-button,
.site-run-button{
  background:#00c853!important;
  border-color:#00a845!important;
  color:#fff!important;
}
button:not(.danger):not(.warning):not(.secondary):not(.ghost):hover,
.btn:not(.danger):not(.warning):not(.secondary):not(.ghost):hover,
.btn-success:hover,.btn-green:hover,.success:hover,.ok:hover,.play-btn:hover,.btn-run:hover,
.login-button:hover,.site-run-button:hover{
  background:#00b84b!important;
  border-color:#009b3f!important;
}

/* Groene outline-knoppen */
.employee-actions button:not(.danger),
.btn.ghost{
  background:#fff!important;
  color:#00a845!important;
  border-color:#00c853!important;
}
.employee-actions button:not(.danger):hover,
.btn.ghost:hover{
  background:#edfff3!important;
  color:#087a34!important;
  border-color:#00a845!important;
}

/* Rood eveneens helder */
button.danger,.btn.danger,.btn-danger,.danger,.delete-btn,.stop-btn,
.employee-actions button.danger,.websites-table .icon-btn.danger{
  background:#ff2d3d!important;
  border-color:#d91f30!important;
  color:#fff!important;
}
button.danger:hover,.btn.danger:hover,.btn-danger:hover,.danger:hover,.delete-btn:hover,.stop-btn:hover,
.employee-actions button.danger:hover,.websites-table .icon-btn.danger:hover{
  background:#e92335!important;
  border-color:#c51a2a!important;
}

/* Statusgroen */
.badge.green,.status-icon.active{
  background:#e7fff0!important;
  color:#087a34!important;
  border-color:#72df98!important;
}
.groen{background:#00c853!important}


@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/* Lifeline Cloud v132 - Mio stijl */
:root{
  --mio-blue:#3B61AC;
  --mio-green:#71C248;
  --mio-orange:#F69220;
  --mio-red:#FF3338;
  --mio-ink:#00173D;
  --mio-muted:#486081;
  --mio-line:#DCE6F3;
  --mio-bg:#F4F7FB;
}
html,body{background:radial-gradient(circle at top right,rgba(59,97,172,.07),transparent 32%),var(--mio-bg)!important;color:var(--mio-ink)!important}
body,body *,input,select,button,textarea{font-family:'Poppins',Arial,sans-serif!important}
aside,.sidebar,.app-sidebar{background:#fff!important;color:var(--mio-ink)!important;border-right:1px solid var(--mio-line)!important;box-shadow:0 0 28px rgba(15,31,58,.05)!important}
aside a,.sidebar a,.app-sidebar a{color:var(--mio-ink)!important;background:#fff!important;border:1px solid var(--mio-line)!important;border-radius:10px!important;font-weight:600!important}
aside a:hover,.sidebar a:hover,.app-sidebar a:hover,aside a.active,.sidebar a.active,.app-sidebar a.active{background:#EEF5FF!important;border-color:#BFD3F2!important;color:var(--mio-blue)!important}
main,.content,.main-content,.app-main,.admin-main{background:transparent!important;color:var(--mio-ink)!important}
h1,h2,.page-title,.page-head h1,.page-head h2{color:var(--mio-blue)!important;font-weight:600!important;letter-spacing:-.4px!important}
h3,h4,h5,.card-title,.panel-title,.section-title{color:var(--mio-ink)!important;font-weight:600!important}
.eyebrow,.kicker,.overline,.page-label,.section-label{color:var(--mio-muted)!important;font-weight:600!important}
.card,.panel,.box,.widget,.content-card,.table-card,.form-card,.search-card,.dashboard-card,.stat-card,.summary-card,.modal-content{background:#fff!important;border:1px solid var(--mio-line)!important;border-radius:18px!important;box-shadow:0 10px 24px rgba(15,31,58,.04)!important}
table{background:#fff!important;color:var(--mio-ink)!important;border:1px solid var(--mio-line)!important;border-radius:14px!important;overflow:hidden!important}
th{background:#F7FAFF!important;color:var(--mio-ink)!important;border-color:var(--mio-line)!important;font-size:13px!important;font-weight:600!important}
td{color:var(--mio-ink)!important;border-color:#EDF2F8!important}
tbody tr:hover td{background:#FBFDFF!important}
input,select,textarea{background:#fff!important;color:var(--mio-ink)!important;border:1px solid #CDD9EB!important;border-radius:10px!important;box-shadow:none!important}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--mio-blue)!important;box-shadow:0 0 0 3px rgba(59,97,172,.14)!important}
label{color:var(--mio-ink)!important;font-weight:600!important}
button,.button,.btn,input[type=submit],input[type=button],a.button,a.btn{border-radius:10px!important;font-weight:600!important;box-shadow:none!important}
.button:not(.secondary):not(.danger):not(.warning),.btn:not(.secondary):not(.danger):not(.warning),input[type=submit]{background:var(--mio-green)!important;border:1px solid var(--mio-green)!important;color:#fff!important}
.secondary,.button.secondary,.btn.secondary,.btn-primary,.button-primary{background:var(--mio-blue)!important;border:1px solid var(--mio-blue)!important;color:#fff!important}
.edit,.btn-edit,.button-edit,.action-edit,[class*="edit-button"],[class*="button-edit"],a[href*="edit"],button[name*="edit"]{background:var(--mio-orange)!important;border:1px solid var(--mio-orange)!important;color:#fff!important}
.danger,.btn-danger,.button-danger,.delete,.btn-delete,.button-delete,.action-delete,.stop,.disable,.remove,[class*="delete-button"],[class*="button-delete"],a[href*="delete"],button[name*="delete"],button[name*="remove"]{background:var(--mio-red)!important;border:1px solid var(--mio-red)!important;color:#fff!important}
.status,.badge,.pill,.tag{border-radius:999px!important;font-weight:600!important}
.status.ok,.status.active,.badge.ok,.badge.active,.pill.ok,.pill.active{background:#EDF9E9!important;color:#2E7D1C!important;border:1px solid #BFE6B1!important}
.status.warning,.badge.warning,.pill.warning{background:#FFF8E5!important;color:#8A5A00!important;border:1px solid #F4D27A!important}
.status.bad,.status.error,.badge.bad,.badge.error,.pill.bad,.pill.error{background:#FFF1F0!important;color:#A33127!important;border:1px solid #F0AAAA!important}
.pagination a,.pagination button,.alpha-filter a,.alpha-filter button,.letter-filter a,.letter-filter button{background:#fff!important;color:var(--mio-ink)!important;border:1px solid var(--mio-line)!important;border-radius:10px!important}
.pagination .active,.alpha-filter .active,.letter-filter .active{background:var(--mio-blue)!important;color:#fff!important;border-color:var(--mio-blue)!important}
hr,.separator,.divider{border-color:var(--mio-line)!important}
button:hover,.button:hover,.btn:hover,a.button:hover,a.btn:hover{filter:brightness(.96)!important}

/* Lifeline Cloud v133 - exacte Mio-kleuren */
:root{
  --bg:#f4f7fb!important;
  --bg2:#f4f7fb!important;
  --panel:#ffffff!important;
  --panel2:#f7faff!important;
  --text:#00173d!important;
  --muted:#486081!important;
  --line:#dce6f3!important;
  --accent:#3B61AC!important;
  --accent2:#486081!important;
  --green:#71C248!important;
  --orange:#F69220!important;
  --red:#c0392b!important;
  --button-green:#71C248!important;
  --button-green-dark:#5aa934!important;
  --button-orange:#F69220!important;
  --button-orange-dark:#dc7d0e!important;
  --button-red:#c0392b!important;
  --button-red-dark:#962d22!important;
  --mio-blue:#3B61AC!important;
  --mio-green:#71C248!important;
  --mio-orange:#F69220!important;
  --mio-red:#c0392b!important;
  --mio-ink:#00173d!important;
  --mio-muted:#486081!important;
  --mio-line:#dce6f3!important;
  --mio-bg:#f4f7fb!important;
}

html,
body,
.layout,
.main,
.content,
.main-content,
.app-main,
.admin-main{
  background:#f4f7fb!important;
  color:#00173d!important;
}

.side{
  background:#ffffff!important;
  color:#00173d!important;
  border-right:1px solid #dce6f3!important;
  box-shadow:0 0 28px rgba(15,31,58,.05)!important;
}

.brand,
.brand strong,
.brand-copy strong{
  color:#00173d!important;
}
.brand-copy small{color:#486081!important}

.nav a{
  background:#ffffff!important;
  color:#00173d!important;
  border:1px solid #dce6f3!important;
  border-radius:10px!important;
  font-weight:600!important;
}
.nav a:hover,
.nav a.active,
.nav a[aria-current="page"]{
  background:#eef5ff!important;
  color:#3B61AC!important;
  border-color:#bfd3f2!important;
}

h1,
h2,
.page-title,
.page-head h1,
.page-head h2{
  color:#3B61AC!important;
}
h3,h4,h5,h6,
.panel-head h2,
.panel-head h3,
.card-title,
.section-title{
  color:#00173d!important;
}
.eyebrow{color:#486081!important}

.box,.panel,.card,.stat,.widget,.content-card,.search-box,
.agenda-day,.site-action-panel,.dashboard-finder,
.user-card,.edit-page-panel{
  background:#ffffff!important;
  border-color:#dce6f3!important;
  box-shadow:0 10px 24px rgba(15,31,58,.04)!important;
}

th{
  background:#f7faff!important;
  color:#00173d!important;
  border-color:#dce6f3!important;
}
td,
.plain-table th,.plain-table td,
.clean-table th,.clean-table td,
.websites-table th,.websites-table td,
.employee-sites-table th,.employee-sites-table td{
  border-color:#dce6f3!important;
}
tbody tr:hover td{background:#fbfdff!important}

input,select,textarea{
  background:#fff!important;
  color:#00173d!important;
  border-color:#cdd9eb!important;
}
input:focus,select:focus,textarea:focus{
  border-color:#3B61AC!important;
  box-shadow:0 0 0 3px rgba(59,97,172,.14)!important;
}

/* Exacte Mio-knopkleuren */
button,
.btn,
.button,
input[type="submit"],
.login-button,
.site-run-button,
.play-btn,
.btn-run,
.icon-btn.ok,
.websites-table button.icon-btn:not(.danger):not(.secondary),
.window-actions .icon-btn.warning{
  background:#71C248!important;
  border-color:#71C248!important;
  color:#fff!important;
}

button:hover,
.btn:hover,
.button:hover,
input[type="submit"]:hover,
.login-button:hover,
.site-run-button:hover,
.play-btn:hover,
.btn-run:hover{
  background:#5aa934!important;
  border-color:#5aa934!important;
}

.btn.secondary,
.button.secondary,
.btn-primary,
.button-primary{
  background:#3B61AC!important;
  border-color:#3B61AC!important;
  color:#fff!important;
}
.btn.secondary:hover,
.button.secondary:hover,
.btn-primary:hover,
.button-primary:hover{
  background:#304f91!important;
  border-color:#304f91!important;
}

.websites-table .icon-btn.secondary,
.icon-btn.secondary,
.btn.warning,
.button.warning,
.btn-edit,
.edit,
.action-edit,
a[href*="edit"]{
  background:#F69220!important;
  border-color:#F69220!important;
  color:#fff!important;
}
.websites-table .icon-btn.secondary:hover,
.icon-btn.secondary:hover,
.btn.warning:hover,
.button.warning:hover,
.btn-edit:hover,
.edit:hover,
.action-edit:hover,
a[href*="edit"]:hover{
  background:#dc7d0e!important;
  border-color:#dc7d0e!important;
}

button.danger,
.btn.danger,
.button.danger,
.btn-danger,
.delete-btn,
.stop-btn,
.websites-table .icon-btn.danger,
.employee-actions button.danger,
a[href*="delete"]{
  background:#c0392b!important;
  border-color:#c0392b!important;
  color:#fff!important;
}
button.danger:hover,
.btn.danger:hover,
.button.danger:hover,
.btn-danger:hover,
.delete-btn:hover,
.stop-btn:hover,
.websites-table .icon-btn.danger:hover,
.employee-actions button.danger:hover,
a[href*="delete"]:hover{
  background:#962d22!important;
  border-color:#962d22!important;
}

/* Outline-knoppen zoals Mio */
.employee-actions button:not(.danger),
.btn.ghost,
.button.ghost{
  background:#fff!important;
  color:#3B61AC!important;
  border-color:#dce6f3!important;
}
.employee-actions button:not(.danger):hover,
.btn.ghost:hover,
.button.ghost:hover{
  background:#eef5ff!important;
  color:#3B61AC!important;
  border-color:#bfd3f2!important;
}

.badge.green,
.status-icon.active,
.pill.ok,
.badge.active{
  background:#edf9e9!important;
  color:#2e7d1c!important;
  border-color:#bfe6b1!important;
}
.groen{background:#71C248!important}
.oranje{background:#F69220!important}
.rood{background:#c0392b!important}

.alphabet a:hover,
.alphabet a.active,
.pagination .active{
  background:#3B61AC!important;
  border-color:#3B61AC!important;
  color:#fff!important;
}

/* Lifeline Cloud v134 — exacte Mio knopkleuren */
:root{
  --mio-blue:#3B61AC;
  --mio-green:#71C248;
  --mio-orange:#F69220;
  --mio-red:#C0392B;
}

/* Normale primaire knoppen: Mio groen */
.btn:not(.secondary):not(.danger):not(.ghost):not(.muted-btn),
button.btn:not(.secondary):not(.danger):not(.ghost):not(.muted-btn),
a.btn:not(.secondary):not(.danger):not(.ghost):not(.muted-btn),
.login-button,
.site-run-button,
form button:not(.icon-btn):not(.secondary):not(.danger):not(.ghost):not(.muted-btn),
input[type="submit"]{
  background:var(--mio-green)!important;
  border:1px solid var(--mio-green)!important;
  color:#fff!important;
}

/* Secundaire knoppen: Mio blauw */
.btn.secondary,
button.btn.secondary,
a.btn.secondary,
.button.secondary,
button.secondary,
.btn-primary,
.button-primary,
.muted-btn{
  background:var(--mio-blue)!important;
  border:1px solid var(--mio-blue)!important;
  color:#fff!important;
}

/* Actieknop bewerken: Mio oranje */
.icon-btn.secondary,
a.icon-btn.secondary,
button.icon-btn.secondary,
.window-actions .icon-btn.secondary,
.websites-table .icon-btn.secondary{
  background:var(--mio-orange)!important;
  border:1px solid var(--mio-orange)!important;
  color:#fff!important;
}

/* Actieknop uitvoeren / activeren / pauzeren: Mio groen */
.icon-btn:not(.secondary):not(.danger),
button.icon-btn:not(.secondary):not(.danger),
a.icon-btn:not(.secondary):not(.danger),
.icon-btn.ok,
.icon-btn.warning,
.window-actions .icon-btn.warning,
.websites-table button.icon-btn:not(.secondary):not(.danger){
  background:var(--mio-green)!important;
  border:1px solid var(--mio-green)!important;
  color:#fff!important;
}

/* Verwijderen / blokkeren / annuleren: Mio rood */
.icon-btn.danger,
button.icon-btn.danger,
a.icon-btn.danger,
.btn.danger,
button.btn.danger,
a.btn.danger,
.button.danger,
button.danger,
.btn-danger,
.delete-btn,
.stop-btn{
  background:var(--mio-red)!important;
  border:1px solid var(--mio-red)!important;
  color:#fff!important;
}

/* Witte outline-knoppen */
.btn.ghost,
a.btn.ghost,
button.btn.ghost,
.button.ghost{
  background:#fff!important;
  border:1px solid #DCE6F3!important;
  color:var(--mio-blue)!important;
}

/* Hover exact als Mio */
.btn:not(.secondary):not(.danger):not(.ghost):hover,
.login-button:hover,
.site-run-button:hover,
form button:not(.icon-btn):not(.secondary):not(.danger):not(.ghost):hover,
input[type="submit"]:hover,
.icon-btn:not(.secondary):not(.danger):hover,
.icon-btn.ok:hover,
.icon-btn.warning:hover{
  background:#63B53B!important;
  border-color:#63B53B!important;
}
.btn.secondary:hover,
button.secondary:hover,
a.btn.secondary:hover,
.muted-btn:hover{
  background:#34579D!important;
  border-color:#34579D!important;
}
.icon-btn.secondary:hover{
  background:#E38413!important;
  border-color:#E38413!important;
}
.icon-btn.danger:hover,
.btn.danger:hover,
button.danger:hover{
  background:#A93226!important;
  border-color:#A93226!important;
}


/* ==========================================================
   Lifeline Cloud v135 - definitieve Mio-kleurfamilie
   Alleen presentatie: kleuren, menu, links, logo en typografie.
   ========================================================== */
:root{
  --mio-blue:#3B61AC;
  --mio-blue-hover:#31549A;
  --mio-green:#71C248;
  --mio-green-hover:#63B53B;
  --mio-orange:#F69220;
  --mio-orange-hover:#E38413;
  --mio-red:#C0392B;
  --mio-red-hover:#A93226;
  --mio-ink:#00173D;
  --mio-muted:#486081;
  --mio-line:#DCE6F3;
  --mio-line-strong:#BFD3F2;
  --mio-bg:#F4F7FB;
  --mio-soft:#F7FAFF;
  --mio-active:#EEF5FF;
}

/* Basiskleuren zoals Mio */
html,
body{
  background:
    radial-gradient(circle at top right,rgba(59,97,172,.07),transparent 32%),
    var(--mio-bg)!important;
  color:var(--mio-ink)!important;
}

.layout,
.main{
  background:transparent!important;
}

/* Zijmenu */
.side{
  background:#fff!important;
  border-right:1px solid var(--mio-line)!important;
  box-shadow:0 0 28px rgba(15,31,58,.05)!important;
  padding:24px 18px!important;
}

.brand.brand-only{
  min-height:216px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 0 22px!important;
  padding:0 6px 22px!important;
  border-bottom:1px solid #E7EDF5!important;
}

.brand.brand-only .brand-logo{
  display:block!important;
  width:176px!important;
  height:176px!important;
  max-width:176px!important;
  object-fit:contain!important;
  object-position:center!important;
  flex:0 0 176px!important;
}

.brand-copy{
  display:none!important;
}

.nav{
  display:grid!important;
  gap:10px!important;
}

.nav a{
  display:flex!important;
  align-items:center!important;
  min-height:44px!important;
  margin:0!important;
  padding:0 14px!important;
  background:#fff!important;
  color:var(--mio-ink)!important;
  border:1px solid var(--mio-line)!important;
  border-radius:10px!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.2!important;
  text-decoration:none!important;
  transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease!important;
}

.nav a:hover{
  background:#F6F9FF!important;
  border-color:var(--mio-line-strong)!important;
  color:var(--mio-blue)!important;
  transform:translateX(2px)!important;
  padding-left:14px!important;
}

.nav a.active{
  background:var(--mio-active)!important;
  border-color:var(--mio-line-strong)!important;
  color:var(--mio-blue)!important;
}

/* Gewone links zijn Mio-blauw */
.main a:not(.btn):not(.button):not(.icon-btn):not(.alphabet a):not(.pagination a),
.panel a:not(.btn):not(.button):not(.icon-btn),
table a:not(.btn):not(.button):not(.icon-btn),
.row-link,
.panel-head a,
.website-link,
a.website-name{
  color:var(--mio-blue)!important;
  text-decoration:none!important;
}

.main a:not(.btn):not(.button):not(.icon-btn):hover,
.panel a:not(.btn):not(.button):not(.icon-btn):hover,
table a:not(.btn):not(.button):not(.icon-btn):hover,
.row-link:hover{
  color:var(--mio-blue-hover)!important;
  text-decoration:underline!important;
}

/* Koppen en begeleidende tekst */
h1,
.page-head h1{
  color:var(--mio-blue)!important;
}

h2,
h3,
h4,
h5,
.panel h2,
.panel h3,
.card h2,
.card h3,
strong{
  color:var(--mio-ink)!important;
}

.eyebrow{
  color:var(--mio-muted)!important;
}

.muted,
small,
.page-head p{
  color:var(--mio-muted)!important;
}

/* Panelen, tabellen en invoervelden */
.box,
.panel,
.card,
.stat,
.dashboard-finder,
.agenda-day,
.site-action-panel{
  background:#fff!important;
  border-color:var(--mio-line)!important;
  box-shadow:0 10px 24px rgba(15,31,58,.04)!important;
}

th{
  background:var(--mio-soft)!important;
  color:var(--mio-ink)!important;
  border-color:var(--mio-line)!important;
}

td{
  color:var(--mio-ink)!important;
  border-color:#EDF2F8!important;
}

tbody tr:hover td{
  background:#FBFDFF!important;
}

input,
select,
textarea{
  background:#fff!important;
  color:var(--mio-ink)!important;
  border-color:#CDD9EB!important;
}

input:focus,
select:focus,
textarea:focus{
  border-color:var(--mio-blue)!important;
  box-shadow:0 0 0 3px rgba(59,97,172,.14)!important;
}

/* Primaire Mio-knoppen */
.btn:not(.secondary):not(.danger):not(.ghost):not(.muted-btn),
button.btn:not(.secondary):not(.danger):not(.ghost):not(.muted-btn),
a.btn:not(.secondary):not(.danger):not(.ghost):not(.muted-btn),
.login-button,
.site-run-button,
input[type="submit"]{
  background:var(--mio-green)!important;
  border:1px solid var(--mio-green)!important;
  color:#fff!important;
}

.btn:not(.secondary):not(.danger):not(.ghost):not(.muted-btn):hover,
button.btn:not(.secondary):not(.danger):not(.ghost):not(.muted-btn):hover,
a.btn:not(.secondary):not(.danger):not(.ghost):not(.muted-btn):hover,
.login-button:hover,
.site-run-button:hover,
input[type="submit"]:hover{
  background:var(--mio-green-hover)!important;
  border-color:var(--mio-green-hover)!important;
  color:#fff!important;
  text-decoration:none!important;
}

/* Blauwe secundaire knoppen */
.btn.secondary,
button.btn.secondary,
a.btn.secondary,
.button.secondary,
button.secondary,
.muted-btn{
  background:var(--mio-blue)!important;
  border:1px solid var(--mio-blue)!important;
  color:#fff!important;
}

.btn.secondary:hover,
button.btn.secondary:hover,
a.btn.secondary:hover,
.button.secondary:hover,
button.secondary:hover,
.muted-btn:hover{
  background:var(--mio-blue-hover)!important;
  border-color:var(--mio-blue-hover)!important;
  color:#fff!important;
  text-decoration:none!important;
}

/* Actieknoppen exact in de Mio-familie */
.icon-btn.secondary,
button.icon-btn.secondary,
a.icon-btn.secondary{
  background:var(--mio-orange)!important;
  border:1px solid var(--mio-orange)!important;
  color:#fff!important;
}

.icon-btn.secondary:hover,
button.icon-btn.secondary:hover,
a.icon-btn.secondary:hover{
  background:var(--mio-orange-hover)!important;
  border-color:var(--mio-orange-hover)!important;
}

.icon-btn:not(.secondary):not(.danger),
button.icon-btn:not(.secondary):not(.danger),
a.icon-btn:not(.secondary):not(.danger),
.icon-btn.ok,
.icon-btn.warning{
  background:var(--mio-green)!important;
  border:1px solid var(--mio-green)!important;
  color:#fff!important;
}

.icon-btn:not(.secondary):not(.danger):hover,
button.icon-btn:not(.secondary):not(.danger):hover,
a.icon-btn:not(.secondary):not(.danger):hover,
.icon-btn.ok:hover,
.icon-btn.warning:hover{
  background:var(--mio-green-hover)!important;
  border-color:var(--mio-green-hover)!important;
}

.icon-btn.danger,
button.icon-btn.danger,
a.icon-btn.danger,
.btn.danger,
button.btn.danger,
a.btn.danger,
button.danger,
.delete-btn,
.stop-btn{
  background:var(--mio-red)!important;
  border:1px solid var(--mio-red)!important;
  color:#fff!important;
}

.icon-btn.danger:hover,
button.icon-btn.danger:hover,
a.icon-btn.danger:hover,
.btn.danger:hover,
button.btn.danger:hover,
a.btn.danger:hover,
button.danger:hover,
.delete-btn:hover,
.stop-btn:hover{
  background:var(--mio-red-hover)!important;
  border-color:var(--mio-red-hover)!important;
}

/* Outline en filterknoppen */
.btn.ghost,
button.btn.ghost,
a.btn.ghost{
  background:#fff!important;
  border:1px solid var(--mio-line)!important;
  color:var(--mio-blue)!important;
}

.btn.ghost:hover,
button.btn.ghost:hover,
a.btn.ghost:hover{
  background:var(--mio-active)!important;
  border-color:var(--mio-line-strong)!important;
  color:var(--mio-blue)!important;
}

.alphabet a,
.pagination a{
  background:#fff!important;
  border-color:var(--mio-line)!important;
  color:var(--mio-blue)!important;
}

.alphabet a:hover,
.alphabet a.active,
.pagination a:hover,
.pagination .active{
  background:var(--mio-blue)!important;
  border-color:var(--mio-blue)!important;
  color:#fff!important;
  text-decoration:none!important;
}

/* Statuskleuren */
.groen{background:var(--mio-green)!important}
.oranje{background:var(--mio-orange)!important}
.rood{background:var(--mio-red)!important}

.badge.green,
.status-icon.active,
.pill.ok,
.badge.active{
  background:#EDF9E9!important;
  color:#2E7D1C!important;
  border-color:#BFE6B1!important;
}

@media(max-width:1000px){
  .brand.brand-only{
    min-height:90px!important;
  }
  .brand.brand-only .brand-logo{
    width:72px!important;
    height:72px!important;
    max-width:72px!important;
    flex-basis:72px!important;
  }
}

/*v136*/
.brand.brand-only{min-height:180px!important;padding-bottom:26px!important}.brand.brand-only .brand-logo{width:220px!important;height:220px!important;max-width:none!important;flex:0 0 220px!important}@media(max-width:1000px){.brand.brand-only .brand-logo{width:160px!important;height:160px!important;flex-basis:160px!important}}

/* ==========================================================
   Lifeline Cloud v137 - compact menu en kleinere witruimte
   ========================================================== */

/* Minder loze ruimte boven en onder in de applicatie */
.main{
  padding:20px 32px 22px!important;
}
.page-head{
  margin-bottom:16px!important;
}
.box,
.panel,
.card{
  padding:20px!important;
}
th,
td{
  padding-top:11px!important;
  padding-bottom:11px!important;
}
.stats{
  margin-bottom:14px!important;
}

/* Zijbalk blijft volledig bruikbaar op lagere schermen */
.side{
  padding:16px 18px!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
}
.brand.brand-only{
  min-height:134px!important;
  margin-bottom:14px!important;
  padding:0 6px 14px!important;
}
.brand.brand-only .brand-logo{
  width:138px!important;
  height:138px!important;
  max-width:138px!important;
  flex:0 0 138px!important;
}

/* Compact gegroepeerd menu */
.nav.nav-compact{
  display:grid!important;
  gap:8px!important;
}
.nav.nav-compact > a,
.nav.nav-compact .nav-group > summary{
  min-height:42px!important;
  margin:0!important;
  padding:0 13px!important;
  display:flex!important;
  align-items:center!important;
  color:var(--mio-ink)!important;
  background:#fff!important;
  border:1px solid var(--mio-line)!important;
  border-radius:10px!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.2!important;
  cursor:pointer!important;
  list-style:none!important;
  text-decoration:none!important;
  position:relative!important;
}
.nav.nav-compact .nav-group > summary::-webkit-details-marker{
  display:none!important;
}
.nav.nav-compact .nav-group > summary::after{
  content:'›';
  margin-left:auto;
  color:#8CA0BD;
  font-size:20px;
  line-height:1;
  transform:rotate(0deg);
  transition:transform .15s ease;
}
.nav.nav-compact .nav-group[open] > summary::after{
  transform:rotate(90deg);
}
.nav.nav-compact > a:hover,
.nav.nav-compact .nav-group > summary:hover{
  background:#F6F9FF!important;
  border-color:var(--mio-line-strong)!important;
  color:var(--mio-blue)!important;
  transform:none!important;
}
.nav.nav-compact > a.active,
.nav.nav-compact .nav-group > summary.active{
  background:var(--mio-active)!important;
  border-color:var(--mio-line-strong)!important;
  color:var(--mio-blue)!important;
}
.nav-submenu{
  display:grid;
  gap:5px;
  padding:6px 0 0 12px;
}
.nav.nav-compact .nav-submenu a{
  min-height:35px!important;
  margin:0!important;
  padding:0 11px!important;
  display:flex!important;
  align-items:center!important;
  background:#fff!important;
  color:var(--mio-blue)!important;
  border:1px solid #E5ECF6!important;
  border-radius:9px!important;
  font-size:13px!important;
  font-weight:500!important;
  text-decoration:none!important;
}
.nav.nav-compact .nav-submenu a:hover{
  background:#F6F9FF!important;
  border-color:var(--mio-line-strong)!important;
  color:var(--mio-blue-hover)!important;
  transform:none!important;
  padding-left:11px!important;
}
.nav.nav-compact .nav-submenu a.active{
  background:var(--mio-active)!important;
  border-color:var(--mio-line-strong)!important;
  color:var(--mio-blue)!important;
  font-weight:600!important;
}
.nav-logout{
  margin-top:2px!important;
}

@media(max-width:1000px){
  .main{padding:18px!important}
  .side{overflow-y:visible!important}
  .brand.brand-only{min-height:100px!important}
  .brand.brand-only .brand-logo{
    width:100px!important;
    height:100px!important;
    max-width:100px!important;
    flex-basis:100px!important;
  }
}


/* Lifeline Cloud v140 - logo overal dubbele grootte */
.brand.brand-only{
    min-height:216px !important;
}
.brand.brand-only .brand-logo{
    width:176px !important;
    height:176px !important;
    max-width:176px !important;
    flex:0 0 176px !important;
    object-fit:contain !important;
}
.login-logo img,
.login-card .login-logo img,
.login-card > img,
.login-card img.logo,
.login-logo{
    width:300px !important;
    max-width:300px !important;
    height:auto !important;
}
@media(max-width:1000px){
    .brand.brand-only{
        min-height:180px !important;
    }
    .brand.brand-only .brand-logo{
        width:144px !important;
        height:144px !important;
        max-width:144px !important;
        flex-basis:144px !important;
    }
}

.login-brand img{width:420px!important;max-width:95%!important;max-height:none!important}.brand-logo{width:120px!important;height:120px!important;flex:0 0 120px!important;max-width:none!important}.brand{min-height:140px!important;align-items:flex-start!important}


/* Lifeline Cloud v143 - alleen menulogo aangepast */
.brand.brand-only{
    min-height:0 !important;
    height:auto !important;
    margin:0 0 14px !important;
    padding:4px 0 10px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-bottom:1px solid #E7EDF5 !important;
}
.brand.brand-only .brand-logo{
    display:block !important;
    width:190px !important;
    height:auto !important;
    max-width:100% !important;
    flex:0 0 auto !important;
    object-fit:contain !important;
    margin:0 auto !important;
}

/* Mio Onderhoud v144 - live onderhoudsscherm in huisstijl */
.run-panel{
  max-width:1100px!important;
  background:#fff!important;
  border:1px solid var(--mio-line)!important;
  border-radius:18px!important;
  box-shadow:0 10px 24px rgba(15,31,58,.04)!important;
}
.run-top h2{
  color:var(--mio-ink)!important;
  font-weight:600!important;
}
.run-top .muted{
  color:var(--mio-muted)!important;
  line-height:1.55!important;
}
.run-status{
  background:var(--mio-active)!important;
  border:1px solid var(--mio-line-strong)!important;
  color:var(--mio-blue)!important;
  box-shadow:none!important;
}
.run-status.busy{
  background:#EEF5FF!important;
  border-color:#BFD3F2!important;
  color:var(--mio-blue)!important;
}
.run-status.waiting{
  background:#FFF7EC!important;
  border-color:#F8D29F!important;
  color:#B86608!important;
}
.run-status.done{
  background:#EDF9E9!important;
  border-color:#BFE6B1!important;
  color:#2E7D1C!important;
}
.run-status.error{
  background:#FFF0EF!important;
  border-color:#EDB9B4!important;
  color:var(--mio-red)!important;
}
.run-meta-grid div{
  background:var(--mio-soft)!important;
  border:1px solid var(--mio-line)!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
.run-meta-grid span{
  color:var(--mio-muted)!important;
}
.run-meta-grid strong{
  color:var(--mio-ink)!important;
}
.run-diagnosis{
  background:#F7FAFF!important;
  border:1px solid var(--mio-line)!important;
  color:var(--mio-ink)!important;
  border-radius:14px!important;
}
.run-refresh-note{
  color:var(--mio-muted)!important;
}
.run-refresh-note strong{
  color:var(--mio-ink)!important;
}
.run-step{
  background:#fff!important;
  border:1px solid var(--mio-line)!important;
  color:var(--mio-ink)!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
.run-step b{
  background:#EEF3F9!important;
  color:var(--mio-muted)!important;
}
.run-step.done{
  background:#F4FBF1!important;
  border-color:#CDE9C2!important;
}
.run-step.done b{
  background:#DFF3D7!important;
  color:#2E7D1C!important;
}
.run-step.active{
  background:#FFF8F0!important;
  border-color:#F4BE7B!important;
}
.run-step.active b{
  background:#FFE7CC!important;
  color:#B86608!important;
}
.live-log-row{
  background:#F7FAFF!important;
  border:1px solid var(--mio-line)!important;
  border-radius:12px!important;
  color:var(--mio-ink)!important;
  box-shadow:none!important;
}
.live-log-row time{
  color:var(--mio-muted)!important;
}
.live-log-row strong,
.live-log-row p{
  color:var(--mio-ink)!important;
}
.live-log-row.warning{
  background:#FFF8F0!important;
  border-color:#F4BE7B!important;
}
.live-log-row.error{
  background:#FFF0EF!important;
  border-color:#EDB9B4!important;
}


/* Mio Onderhoud v145 - duidelijke statussen en werkzaamheden */
.run-results{margin-top:26px}
.run-result-summary{margin:0 0 12px;padding:14px 16px;background:#f7faff;border:1px solid var(--mio-line);border-radius:12px;color:var(--mio-ink);font-weight:700}
.run-result-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.run-result-item{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;border:1px solid var(--mio-line);border-radius:10px;background:#fff;color:var(--mio-ink)}
.run-result-item b{color:#2e7d1c}.run-result-item.changed{background:#f4fbf1;border-color:#cde9c2;font-weight:700}
@media(max-width:800px){.run-result-list{grid-template-columns:1fr}}

/* Live onderhoudsstatus in het websiteoverzicht */
.maintenance-state{margin-top:8px;min-height:28px}
.maintenance-state-link{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid transparent;white-space:nowrap}
.maintenance-state-link.is-working{background:#fff7e8;color:#9a5a00;border-color:#f1cf8c}
.maintenance-state-link.is-done{background:#edf9e9;color:#2e7d1c;border-color:#bfe6b1}
.maintenance-state-link.is-failed{background:#fff1f0;color:#a33127;border-color:#f0aaaa}
.maintenance-state-link.is-cancelled{background:#eef2f0;color:#63766f;border-color:#d8e1dc}
.maintenance-spinner{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:mio-maintenance-spin .75s linear infinite}
.maintenance-live-button{background:#fff7e8!important;color:#9a5a00!important;border-color:#f1cf8c!important;animation:mio-maintenance-pulse 1.2s ease-in-out infinite}
[hidden]{display:none!important}
@keyframes mio-maintenance-spin{to{transform:rotate(360deg)}}
@keyframes mio-maintenance-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}

/* V147: duidelijke live onderhoudsstatus zonder knipperende voortgang */
.maintenance-focus{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:22px 24px;margin-bottom:20px;background:#fff;border:1px solid var(--mio-line);border-radius:16px}
.maintenance-focus-copy h2{margin:2px 0 6px;font-size:26px;color:var(--mio-ink)}
.maintenance-focus-copy p{margin:0;color:#48665d}
.maintenance-focus-copy .eyebrow{margin:0 0 3px;color:#3462ad;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.maintenance-elapsed{display:inline-flex;margin-top:12px;padding:6px 10px;border-radius:999px;background:#f2f6fb;color:#345e50;font-size:13px;font-weight:800}
.maintenance-hourglass{width:74px;height:74px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff5e7;border:2px solid #f0bd74;color:#bc6500;box-shadow:0 8px 22px rgba(188,101,0,.10)}
.maintenance-hourglass span{display:block;font-size:34px;line-height:1;animation:mio-hourglass-turn 1.5s ease-in-out infinite}
.maintenance-hourglass.is-slow{background:#fff0e6;border-color:#e89c62}
.maintenance-hourglass.is-done{background:#eef9e9;border-color:#9bd183;color:#2e7d1c}
.maintenance-hourglass.is-error{background:#fff0ef;border-color:#e49a94;color:#a33127}
.maintenance-hourglass.is-done span,.maintenance-hourglass.is-error span{animation:none}
@keyframes mio-hourglass-turn{0%,35%{transform:rotate(0deg)}50%,85%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}
.mini-spinner{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:block;animation:mio-maintenance-spin .75s linear infinite}
.run-step.active b{animation:none}
@media(max-width:760px){.maintenance-focus{grid-template-columns:auto 1fr}.maintenance-focus .run-status{grid-column:1/-1;margin:0}.maintenance-hourglass{width:58px;height:58px}.maintenance-hourglass span{font-size:28px}.maintenance-focus-copy h2{font-size:21px}}

/* Plugin bijwerken */
.update-panel .btn{margin-top:10px}
.update-summary{margin-top:18px;padding:14px 16px;border:1px solid #bddcb5;background:#f1f9ee;font-weight:700}
.update-summary.has-errors{border-color:#efc2bb;background:#fff3f1}
.update-table td small{display:block;margin-top:4px;color:#63718a}
.update-state{display:inline-flex;align-items:center;gap:8px;font-weight:700}
.update-state.idle{color:#63718a}
.update-state.working{color:#bd6500}
.update-state.done{color:#2c8c36}
.update-state.failed{color:#c6382c}

/* Plugin updater versiecontrole */
.update-table td:first-child{display:flex;align-items:center;gap:12px}
.site-cell-content{display:block}
.version-dot{width:12px;height:12px;border-radius:50%;display:inline-block;flex:0 0 12px;box-shadow:0 0 0 4px rgba(99,113,138,.10)}
.version-dot.is-current{background:#62c447;box-shadow:0 0 0 4px rgba(98,196,71,.14)}
.version-dot.is-old{background:#cf3b2e;box-shadow:0 0 0 4px rgba(207,59,46,.12)}
.update-action-cell{text-align:right;white-space:nowrap}
.update-action-cell .btn{margin:0;padding:9px 14px}
@media (max-width:800px){.update-action-cell{white-space:normal}.update-table td:first-child{align-items:flex-start}}

/* APK-overzicht */
.apk-inline-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.apk-toggle-label{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.apk-overview-table form{margin:0}.apk-overview-table td{vertical-align:middle}.table-wrap{overflow-x:auto}