.area-help{border:0;background:none;padding:3px 0;color:#237454;text-align:left;font:700 12px/1.5 system-ui,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.area-help:focus-visible{outline:3px solid #45c4e6;outline-offset:3px}#openWorkAreaHelp{margin:0 0 18px}#areaApplied{color:#237454}#areaDialog{width:min(760px,calc(100% - 24px));max-height:90dvh;padding:0;border:1px solid #d0dfd5;border-radius:22px;background:#fff;color:#17323a;box-shadow:0 24px 80px #102b3455;font:14px/1.6 system-ui,sans-serif}#areaDialog::backdrop{background:#10262dcc;backdrop-filter:blur(3px)}.area-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 28px;background:#eef6ef;position:sticky;top:0;z-index:2}.area-dialog-head h2{font:700 30px/1.1 Georgia,serif;letter-spacing:-.035em;margin:7px 0 0}#areaClose{flex:none;background:white;border:1px solid #c4d8cc;border-radius:99px;color:#17323a;padding:10px 13px;font:650 12px system-ui,sans-serif;cursor:pointer}.area-dialog-body{padding:0 28px 24px}.area-dialog-body>p{font-size:12px;color:#5d7471;margin:20px 0}.area-controls{display:grid;grid-template-columns:1.3fr 1.2fr .85fr;gap:12px}.area-controls label,.area-room label{display:grid;gap:6px;font-size:11px;font-weight:700;align-content:start}#areaDialog input,#areaDialog select{border:1px solid #c9dcd2;border-radius:9px;padding:10px;font:14px system-ui,sans-serif;width:100%;min-width:0;color:#17323a;background:white}#areaDialog input:focus-visible,#areaDialog select:focus-visible,#areaDialog button:focus-visible{outline:3px solid #45c4e6;outline-offset:2px}.area-ceiling{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:12px}.area-ceiling[hidden]{display:none}.area-ceiling input{width:18px!important;height:18px;accent-color:#2b7755}.area-tip{font-size:11px!important;color:#697f76!important}.area-room{border:1px solid #d8e5dc;border-radius:13px;padding:16px;margin:20px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0;background:#fbfdfb}.area-room legend{font-weight:750;font-size:12px;padding:0 7px}.area-room-total{grid-column:1/-1;margin:0;font-size:12px;font-weight:700;color:#286b50}.area-remove{grid-column:1/-1;justify-self:start;padding:0;border:0;background:none;color:#866257;font-size:11px;text-decoration:underline;cursor:pointer}.area-add-actions{display:flex;justify-content:space-between;gap:15px;margin-top:18px}.area-add-actions button{border:1px solid #cadfd0;border-radius:99px;background:#fff;color:#266b50;padding:10px 14px;font:700 12px system-ui,sans-serif;cursor:pointer}.area-total-box{padding:22px;background:#163a3d;border-radius:14px;color:white}.area-total-box>span{font-size:11px;color:#b9d3c6}.area-total-box strong{display:block;font-size:34px;line-height:1.3;margin:5px 0}.area-total-box p{font-size:11px;color:#c7d9d0;margin:10px 0 18px}#areaApply{border:0;border-radius:99px;background:#2eb5da;color:#fff;padding:13px 20px;width:100%;font:750 13px system-ui,sans-serif;cursor:pointer}#areaApply:disabled{opacity:.4;cursor:not-allowed}#areaAdd:disabled{opacity:.45;cursor:not-allowed}@media(max-width:600px){.area-dialog-head{padding:18px}.area-dialog-head h2{font-size:27px}.area-dialog-body{padding:0 18px 20px}.area-controls{grid-template-columns:1fr 1fr}.area-controls>label:first-child{grid-column:1/-1}.area-room{padding:13px}.area-controls select{font-size:12px!important}#areaDialog{max-height:94dvh}}

/* Duidelijke uitnodiging om de meethulp te gebruiken. */
.area-help{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#eaf6ed;border:1px solid #a9cfb6;border-radius:11px;padding:11px 14px;text-decoration:none;font-size:12px;line-height:1.5;min-height:44px}.area-help:hover{background:#dcefe2;border-color:#6eaa85}.area-help:focus-visible{outline:3px solid #2eb5da;outline-offset:3px}