@import url('');
:root{--orange:#ef6428;--navy:#242a34;--ink:#202630;--muted:#78818f;--line:#e8e9e9;--bg:#f6f7f8;--subtle:#faf8f6;--sidebar:#202630;--radius:13px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font:14px/1.5 Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}a{color:inherit;text-decoration:none}a:hover{color:var(--orange)}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{display:flex;min-height:100vh}.sidebar{width:242px;min-width:242px;background:var(--sidebar);color:#b8bec8;display:flex;flex-direction:column;min-height:100vh;padding:27px 16px 18px}.brand{display:block;background:#fff;border-radius:8px;padding:10px 12px;margin:0 5px 49px}.brand img{width:100%;height:auto;display:block}.nav-label,.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:800;color:var(--orange)}.nav-label{color:#777f8c;margin:0 15px 15px}.sidebar nav{display:grid;gap:5px}.nav-item{color:#b8bec8;display:flex;align-items:center;gap:13px;padding:11px 14px;border-radius:9px;font-weight:550;border:0;background:none;width:100%;text-align:left}.nav-item span{font-size:18px;width:22px;text-align:center;font-weight:400}.nav-item.active{color:#fff;background:#343b47;box-shadow:inset 3px 0 0 var(--orange)}.nav-item:hover{color:#fff;background:#353c48}.sidebar-bottom{margin-top:auto}.version{margin:23px 12px 0;color:#7d8694;font-size:9px;letter-spacing:.1em}.version b{color:#ffa074}.version small{display:block;font-size:10px;letter-spacing:0;margin-top:5px}.main-wrap{flex:1;min-width:0}.topbar{height:72px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 45px;color:#9aa1aa;font-size:12px}.topbar-right{color:#f29a4c;background:#fff8f0;padding:7px 11px;border-radius:50px}.topbar-right span{color:#8a7968}.mobile-brand{display:none}.page-content{padding:38px 45px 90px;max-width:1560px;margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.page-head h1{font-size:31px;line-height:1.2;letter-spacing:-.036em;margin:7px 0 8px;font-weight:750}.eyebrow{margin:0}.eyebrow a{color:inherit}.lead{color:var(--muted);font-size:14px;margin:0}.head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);padding:10px 16px;border-radius:8px;font-weight:650;white-space:nowrap;background:#fff;min-height:40px;color:var(--ink)}.btn.primary{color:#fff;background:var(--orange);border-color:var(--orange);box-shadow:0 4px 8px #ef64281b}.btn.primary:hover{background:#db521b}.btn.ghost:hover{border-color:#f0a481;color:var(--orange)}.btn.full{width:100%}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:25px}.stat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;min-height:157px;display:flex;flex-direction:column}.stat>span{color:var(--muted);font-weight:550}.stat>strong{font-size:30px;letter-spacing:-.035em;margin:8px 0;font-weight:750}.stat>a{font-weight:650;color:var(--orange);font-size:12px;margin-top:auto}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel.padded{padding:25px}.panel h2{font-size:16px;letter-spacing:-.015em;margin:0}.panel h3{font-size:16px;margin:0 0 12px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;gap:14px}.panel-head p{color:var(--muted);margin:3px 0 0;font-size:12px}.panel-head>a,.text-link{font-size:12px;font-weight:700;color:var(--orange)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(295px,1fr);gap:21px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{color:#9aa1aa;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:750;background:#fbfbfb;padding:12px 24px;border-block:1px solid #f1f1f1}td{padding:16px 24px;border-bottom:1px solid #f0f0f1;font-size:12px;vertical-align:middle}tr:last-child td{border-bottom:0}td small{display:block;margin-top:4px;color:var(--muted);font-size:11px}.strong-link{font-weight:730;color:#252b35}.right{text-align:right}.status{font-size:11px;font-weight:700;padding:5px 10px;border-radius:100px;display:inline-flex;white-space:nowrap;background:#f1f2f4;color:#7d8490;text-transform:capitalize}.status-sent,.status-bezig{background:#fff3df;color:#aa751b}.status-paid,.status-accepted,.status-afgerond{background:#eaf7ed;color:#398b50}.status-declined{background:#feeceb;color:#c45f57}.empty{padding:38px 24px;color:#999eaa;text-align:center;font-size:13px}.empty a{color:var(--orange);font-weight:700}.upcoming{padding:0 24px 16px}.appointment{display:flex;align-items:center;gap:15px;border-top:1px solid var(--line);padding:15px 0}.appointment>div:nth-child(2){flex:1}.appointment b{display:block;font-size:12px}.appointment small,.simple-list small{display:block;color:var(--muted);margin-top:4px}.appointment>span{font-size:18px;color:var(--orange)}.date-tile{width:56px;flex:none;background:#fff4ee;border-radius:9px;padding:7px;text-align:center;color:var(--orange)}.date-tile strong{display:block;font-size:19px;line-height:1.1}.date-tile small{font-size:10px;color:#c58e78}.search{display:flex;gap:9px;width:min(500px,100%)}input,select,textarea{display:block;width:100%;border:1px solid #dfe2e6;border-radius:8px;background:#fff;padding:12px 13px;color:var(--ink);outline:none;min-width:0}input:focus,select:focus,textarea:focus{border-color:#f08b5b;box-shadow:0 0 0 3px #f0652320}textarea{resize:vertical;line-height:1.65}.search input{min-width:180px}.form-grid{display:grid;grid-template-columns:minmax(0,780px) minmax(230px,320px);gap:24px;align-items:start}.form-panel{padding:30px}.form-panel.narrow{max-width:780px}.form-panel label{font-size:12px;font-weight:650;display:block;color:#49505a;margin-bottom:19px}.form-panel label input,.form-panel label select,.form-panel label textarea{font-weight:400;margin-top:8px}.form-panel label small{color:var(--muted);display:block;margin-top:7px;font-weight:400}.fields.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 17px}.fields.two .fields.two{gap:0 8px}.form-section-title{font-size:12px;color:var(--orange);font-weight:800;letter-spacing:.06em;margin:0 0 22px}.form-section-title span{color:var(--ink);letter-spacing:0;font-size:15px;margin-left:8px}.separated{padding-top:27px;border-top:1px solid var(--line);margin-top:10px}.form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:22px;margin-top:22px}.tip{background:#fff;border:1px solid #e6e6e6;border-radius:var(--radius);padding:24px;font-size:13px;color:#6f7680}.tip b,.tip h3{color:var(--ink)}.tip p{line-height:1.7}.inline-new{border:1px dashed #e5b39b;background:#fffaf7;border-radius:8px;padding:14px;margin:8px 0 28px}.inline-new summary{cursor:pointer;color:var(--orange);font-weight:730}.inline-new .fields{margin-top:19px}.muted{color:var(--muted)}.small{font-size:12px}.tiny{font-size:11px}.amount-preview{display:grid;grid-template-columns:1fr auto;align-items:center;padding:20px 22px;border-radius:9px;background:#fff6f1;margin:5px 0 27px}.amount-preview span{font-weight:700}.amount-preview strong{font-size:25px;color:var(--orange);letter-spacing:-.035em}.amount-preview small{color:#a58d7f;grid-column:1/-1}.mini-paper{position:relative;background:white;box-shadow:0 12px 30px #0000000c;border:1px solid var(--line);margin:18px 0 18px;padding:30px 22px 20px;min-height:335px}.mini-orange{position:absolute;top:0;left:0;right:0;height:6px;background:var(--orange)}.mini-paper img{width:170px;display:block}.mini-paper h3{text-align:right;font-size:21px;margin:20px 0 3px;letter-spacing:.04em}.mini-rule{border-top:1px solid #ddd;margin:12px 0}.mini-paper small{display:block;color:var(--orange);font-size:9px;font-weight:750;margin-top:16px}.mini-paper p{margin:4px 0;color:#989898;font-size:11px}.mini-total{display:flex;justify-content:space-between;background:#f6f4f1;padding:13px 9px;margin-top:28px;font-size:11px;font-weight:750}.mini-total strong{color:var(--orange)}.detail-pairs{display:grid;grid-template-columns:150px 1fr;gap:15px 16px;margin-top:25px;font-size:12px}.detail-pairs span{color:var(--muted)}.detail-pairs b{font-weight:600}.quick-links{margin-top:12px;display:grid;gap:0}.quick-links a{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;font-weight:650}.quick-links span{color:var(--orange)}.below{margin-top:22px}.simple-list{padding:0 24px 12px}.simple-list>div{padding:15px 0;border-top:1px solid var(--line)}.softbox{background:#f8f8f8;padding:15px;border-radius:8px;color:#686e79;margin:19px 0;white-space:pre-wrap;font-size:12px}.document-grid{display:grid;grid-template-columns:minmax(0,840px) minmax(240px,300px);gap:24px;align-items:start}.side-stack{display:grid;gap:16px}.side-stack .panel p{line-height:1.6}.side-stack .btn{margin-top:12px}.paper{position:relative;background:white;padding:34px 58px 72px;box-shadow:0 15px 48px #2026300a;border:1px solid #e7e7e7;min-height:1000px;border-bottom:9px solid var(--orange);overflow:hidden}.paper-top{position:absolute;top:0;left:0;right:0;height:12px;background:var(--orange)}.paper-header{display:flex;justify-content:space-between;align-items:start;gap:12px;padding:24px 0 4px}.paper-header img{width:260px;max-width:54%;height:auto}.paper-header h2{font-size:27px;line-height:1;letter-spacing:.04em;text-align:right;margin:0}.paper-header small{display:block;text-align:right;color:var(--muted);font-size:11px;margin-top:7px}.paper-rule{height:1px;background:#d8d5d1;margin:18px 0 26px}.paper-info{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:0 0 25px;border-bottom:1px solid #ddd}.orange-label{display:block;color:var(--orange);font-weight:800;font-size:10px;letter-spacing:.08em;margin-bottom:10px}.paper-info strong{font-size:17px}.paper-info p{margin:3px 0;color:#5e6167;font-size:12px}.meta-grid{display:grid;grid-template-columns:1fr auto;gap:10px 8px;font-size:11px}.meta-grid b{text-align:right}.paper-job{margin:27px 0 18px}.paper-job h3{font-size:16px;margin:0;font-weight:600}.paper-scope{background:#f4f2ef;border-radius:7px;min-height:370px;padding:23px;display:flex;flex-direction:column}.description{white-space:pre-wrap;font-size:12px;line-height:1.85;overflow-wrap:anywhere}.paper-totals{background:#fff;padding:15px 18px;border-radius:6px;max-width:360px;width:100%;margin:35px 0 0 auto;font-size:11px}.paper-totals>div{display:flex;justify-content:space-between;gap:12px;margin:4px 0;color:#676c74}.paper-totals .paper-grand{font-size:11px;font-weight:800;border-top:1px solid #ddd;margin-top:8px;padding-top:11px;color:#1f2530}.paper-grand strong{color:var(--orange);font-size:19px}.paper-terms{margin-top:25px}.paper-terms p{font-size:11px;line-height:1.7;white-space:pre-wrap}.paper-footer{position:absolute;bottom:23px;left:58px;right:58px;border-top:1px solid #ddd;padding-top:12px;font-size:9px;color:#83858b;line-height:1.9}.login-body{min-height:100vh;background:#eff1f2;display:flex;align-items:center;justify-content:center;padding:25px}.login-card{width:100%;max-width:440px;background:#fff;padding:38px 42px;border-radius:18px;box-shadow:0 12px 40px #1b24330c}.login-logo{width:275px;max-width:100%;display:block;margin:0 0 35px}.login-card h1{font-size:27px;letter-spacing:-.025em;margin:5px 0 5px}.login-card>p.muted{margin-bottom:30px}.login-card label{display:block;font-size:12px;font-weight:700;margin:18px 0}.login-card label input{margin-top:8px}.login-card .btn{margin:25px 0 14px}.login-card .tiny{text-align:center}.alert{padding:10px 12px;background:#fee4e4;color:#9c2b2b;border-radius:8px;font-size:13px}.success-note{padding:14px;background:#e8f9ed;color:#21663a;border-radius:8px;margin-bottom:20px}.preline{white-space:pre-wrap}
@media(max-width:1100px){.sidebar{width:200px;min-width:200px}.page-content{padding:28px 25px}.topbar{padding:0 25px}.dashboard-grid,.document-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.tip{max-width:100%}.paper{max-width:880px}}
@media(max-width:720px){.shell{display:block}.sidebar{position:relative;width:100%;min-width:0;min-height:0;padding:10px;display:block}.sidebar .brand,.sidebar .nav-label,.sidebar-bottom,.topbar-label{display:none}.sidebar nav{display:flex;overflow:auto;white-space:nowrap;gap:3px}.nav-item{font-size:11px;padding:8px 10px;gap:4px}.nav-item span{font-size:14px;width:18px}.topbar{height:45px;padding:0 17px}.mobile-brand{display:block;font-weight:800;color:var(--ink)}.page-content{padding:24px 15px 60px}.page-head{display:block}.page-head h1{font-size:26px}.head-actions{margin-top:19px}.stats{grid-template-columns:1fr;gap:10px}.stat{min-height:115px;padding:17px}.stat>strong{font-size:24px}.dashboard-grid{grid-template-columns:1fr}.panel-head{padding:17px;flex-wrap:wrap}.form-panel{padding:20px}.fields.two{grid-template-columns:1fr}.form-actions{flex-wrap:wrap}.paper{padding:30px 20px 75px;min-height:830px}.paper-header img{width:160px}.paper-header h2{font-size:19px}.paper-info{gap:16px}.paper-footer{left:20px;right:20px}.paper-scope{min-height:280px;padding:15px}.paper-grand strong{font-size:15px}.side-stack{grid-template-columns:1fr}.detail-pairs{grid-template-columns:100px 1fr}td,th{padding:12px 15px}.search{width:100%}}

/* CRM 0.2: aanvraaginbox en publiek formulier, met dezelfde huisstijl */
.requests-callout{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.requests-callout h2{font-size:23px;margin:8px 0}.request-description{padding:20px;background:#f5f5f3;border-radius:8px;line-height:1.8}.soft-divider{border:0;border-top:1px solid #e4e4e4;margin:26px 0}.public-body{min-height:100vh;background:#f2f3f2;color:#20242d}.public-shell{max-width:880px;padding:24px;margin:0 auto}.public-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:12px 0 28px}.public-header img{width:255px;max-width:65%;height:auto}.public-header span{font-size:12px;color:#777}.public-card{background:white;padding:45px 55px;border-radius:12px;box-shadow:0 18px 52px #20242d0b;border-top:6px solid #f06323}.public-card h1{font-size:32px;margin:8px 0 12px}.public-card .lead{margin-bottom:30px}.public-form>label{display:block;margin:20px 0;font-size:12px;font-weight:700}.public-form .fields{margin-bottom:14px}.consent-row{display:flex!important;align-items:flex-start;gap:12px;line-height:1.55;font-weight:500!important}.consent-row input{width:18px;height:18px;margin:2px 0 0;flex-shrink:0}.public-footer{text-align:center;font-size:12px;color:#777;margin:28px}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.status-new{background:#fff0dc;color:#905315}.status-contacted{background:#e8f1ff;color:#204e93}.status-converted{background:#e8f9ed;color:#21663a}.status-archived{background:#f0f0f0;color:#666}
@media(max-width:720px){.public-shell{padding:10px}.public-header{margin:8px 4px 18px}.public-header span{display:none}.public-card{padding:26px 20px}.public-card h1{font-size:26px}.requests-callout{display:block}.requests-callout .head-actions{margin-top:20px}}

/* CRM v0.3: overzichtelijk beheerpaneel binnen bestaande huisstijl. */
.settings-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:-9px 0 24px}.settings-tabs a{border:1px solid var(--line);background:white;border-radius:8px;padding:10px 13px;font-size:12px;font-weight:700}.settings-tabs a:hover{color:var(--orange);border-color:var(--orange)}
.dev-note{background:#fff5e9;border:1px solid #f2d8ba;color:#7b4e23;border-radius:10px;padding:16px 20px;line-height:1.65;margin:0 0 24px;font-size:13px}.row-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row-form select{min-width:120px;width:auto}.row-form .btn{min-height:42px}.inline-details{margin-top:10px}.inline-details summary{cursor:pointer;color:var(--orange);font-size:12px;font-weight:700}.inline-details form{margin-top:14px}.inline-form{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.inline-form input{width:min(270px,100%)}.check-label{display:flex!important;align-items:center;gap:10px}.check-label input{width:16px;height:16px;flex:none}.integration-card{padding:18px 0;border-top:1px solid var(--line)}.integration-title{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-bottom:7px}.integration-edit{padding:10px 0 15px}.btn.danger{color:#b03c30;border-color:#ead4d0}.btn.danger:hover{background:#fff0ee}@media(max-width:720px){.row-form{display:grid}.row-form select{width:100%}.settings-tabs{gap:6px}.settings-tabs a{padding:8px 10px}}

/* v0.4 service, onderhoud, dossiers */
.reminder-row{padding:17px 21px;border-top:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;align-items:center}.reminder-row small{display:block;color:#777;margin-top:5px}.photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.photo-grid a{background:#f5f5f3;padding:6px;border-radius:9px;overflow:hidden}.photo-grid img{width:100%;height:140px;object-fit:cover;border-radius:5px}.photo-grid small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:7px 2px;color:#777}.reminder-row .btn{white-space:nowrap}@media(max-width:720px){.reminder-row{display:block}.reminder-row form{margin-top:10px}.photo-grid img{height:110px}}

.mobile-only{display:none!important}@media(max-width:720px){.mobile-only{display:flex!important}.sidebar nav .mobile-only button{white-space:nowrap}}

/* 0.5: optional specialist modules; layout deliberately retains approved house style. */
.category-filters,.quick-access{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.filter-chip{background:white;border:1px solid var(--line);border-radius:22px;padding:9px 13px;font-size:12px;font-weight:700}.filter-chip.current,.filter-chip:hover{background:#fff3e9;border-color:var(--orange);color:var(--orange)}.two-panels{display:grid;grid-template-columns:2fr 1fr;gap:20px}.muted-tag{color:#7b7c82;font-size:11px}.section-links{display:flex;flex-wrap:wrap;gap:8px}.pill{border-radius:20px;background:#f3f3f3;padding:3px 9px;font-size:11px}.pill.high{background:#fff2df;color:#88501e}.pill.unsafe{background:#ffe3df;color:#982c29}.result-row{border-top:1px solid var(--line);padding:16px 0}.result-row:first-child{border-top:0}.result-row p{margin:7px 0;color:#686e78}.mini-kpi{display:inline-block;background:#f6f4f1;border-radius:9px;padding:12px;margin:0 8px 12px 0}.dense-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dense-form label{margin-bottom:0}.row-end{display:flex;gap:10px;justify-content:flex-end}.note-alert{padding:15px 18px;border-left:4px solid #e27138;background:#fff5ec;margin:15px 0;font-size:13px}.list-table{width:100%}@media(max-width:720px){.two-panels,.dense-form{grid-template-columns:1fr}.quick-access .btn{width:100%}.filter-chip{padding:7px 10px;font-size:11px}}

.extra-menu summary{list-style:none;cursor:pointer}.extra-menu summary::-webkit-details-marker{display:none}.extra-menu summary:hover{background:#353c48}.extra-menu[open] summary{color:#fff}.extra-menu-links{margin:4px 0 10px 12px;border-left:1px solid #424956;padding-left:7px}.extra-menu-links .nav-item{font-size:12px;padding:7px 10px;min-height:32px}.extra-menu-links .nav-item span{font-size:14px;width:16px}.sidebar{overflow-y:auto;max-height:100vh;position:sticky;top:0}.sidebar .brand{margin-bottom:27px}@media(max-width:720px){.sidebar{max-height:none;overflow:visible;position:relative}.extra-menu{position:relative;min-width:148px}.extra-menu[open] .extra-menu-links{position:absolute;top:35px;left:0;z-index:30;background:#202630;border:1px solid #434852;border-radius:8px;max-height:300px;min-width:184px;overflow-y:auto;padding:8px}.extra-menu summary{font-size:11px;padding:8px}.extra-menu summary span{font-size:13px}.extra-menu-links .nav-item{white-space:nowrap}}

.day-title{border-bottom:1px solid var(--line);padding-bottom:11px;margin-top:28px}.appointment-plan{display:flex;gap:17px;border-bottom:1px solid #eee;padding:14px 4px}.appointment-plan .time-slot{font-size:16px;font-weight:800;color:var(--orange);min-width:66px}.appointment-plan p{color:var(--muted);font-size:12px;margin:3px 0}.appointment-plan small{color:#7c858d}
/* v0.7: technical calculators. Keep the approved document/PDF styles unchanged. */
.eng-section{margin:28px 0}.eng-section-head h2{font-size:19px;margin:5px 0 16px}.eng-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.eng-tool{padding:19px 18px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;min-height:174px;transition:border-color .18s,transform .18s}.eng-tool:hover{border-color:var(--orange);transform:translateY(-2px)}.eng-tool h3{font-size:15px;margin:8px 0}.eng-tool p{font-size:12px;color:var(--muted);line-height:1.55;flex:1;margin:0 0 12px}.eng-tool-icon{background:#fff1e5;color:var(--orange);border-radius:9px;padding:6px 9px;font-weight:800}.eng-action{font-size:12px;color:var(--orange);font-weight:700}.eng-saved{padding:12px 3px;border-bottom:1px solid var(--line)}.eng-saved small{display:block;margin-top:5px;color:var(--muted)}.eng-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.eng-inputs label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700}.eng-inputs input{width:100%}.eng-inputs small{font-size:11px;font-weight:400}.eng-results{margin:10px 0 24px}.eng-result{padding:14px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;align-items:center}.eng-result span{font-size:13px;color:var(--muted)}.eng-result strong{font-size:16px;color:var(--ink);text-align:right}.eng-result.eng-input-row{padding:10px 0}.eng-result.eng-input-row b{font-size:12px;text-align:right}
@media(max-width:1050px){.eng-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.eng-grid,.eng-inputs{grid-template-columns:1fr}.eng-tool{min-height:125px}.eng-result{align-items:flex-start}.eng-result strong{min-width:110px}}
/* v0.8 does not override approved CRM, invoice or service report styling. */
@media(max-width:900px){.eng-results .eng-result strong{font-size:14px}} 

/* v0.8.2 – mobile handwritten customer signature, without altering CRM design */
.signature-form { margin-top:22px; display:grid; gap:17px; }
.signature-label { display:block; font-weight:700; margin-bottom:-10px; }
.signature-canvas-frame { border:2px dashed #d7dce3; border-radius:12px; background:white; overflow:hidden; }
#signature-canvas { display:block; width:100%; height:215px; cursor:crosshair; touch-action:none; outline-offset:4px; }
#signature-error {color:#ba332c; font-weight:600;}
@media (max-width:640px) { #signature-canvas{height:200px;} .signature-form .form-actions{flex-wrap:wrap;} }