.sm-workspace{--sm-navy:#152e43;--sm-teal:#187d83;--sm-muted:#71818d;--sm-line:#dce5e9;--sm-pale:#edf7f7;color:var(--sm-navy);max-width:1120px;margin:auto;font-size:14px;line-height:1.5}.sm-workspace *{box-sizing:border-box}.sm-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 24px}.sm-intro h1{font-size:28px;letter-spacing:-.035em;margin:2px 0 5px}.sm-intro p{margin:4px 0;color:var(--sm-muted)}.sm-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sm-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border:1px solid var(--sm-line);border-radius:8px;background:white;color:var(--sm-navy);font:inherit;font-weight:650;text-decoration:none;cursor:pointer;white-space:nowrap}.sm-btn.primary{background:var(--sm-teal);border-color:var(--sm-teal);color:white}.sm-btn.tiny{font-size:12px;min-height:34px;padding:6px 10px}.sm-btn:hover{filter:brightness(.96)}.sm-paper{position:relative;background:#fff;border:1px solid var(--sm-line);border-radius:14px;box-shadow:0 8px 30px #1534490a;overflow:hidden}.sm-watermark{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%) rotate(-35deg);font-size:48px;font-weight:700;line-height:1.2;white-space:nowrap;color:var(--sm-navy);opacity:.055;pointer-events:none;z-index:20;user-select:none}.sm-paper-head{padding:17px 25px;background:#f7f9fb;border-bottom:1px solid var(--sm-line);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;letter-spacing:.07em}.sm-paper-body{padding:23px 25px 25px}.sm-identities{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sm-identity{border:1px solid var(--sm-line);border-radius:10px;padding:17px 18px;overflow:hidden}.sm-identity h2{font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;color:var(--sm-muted)}.sm-person{font-size:19px}.sm-company{font-size:17px}.sm-identity p{margin:3px 0}.sm-small{font-size:12px;color:var(--sm-muted)}.sm-identity .sm-actions{margin-top:13px}.sm-bill{background:var(--sm-pale);border-top:1px solid #d0e7e7;margin:14px -18px -17px;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px}.sm-bill>div:first-child>span{color:var(--sm-teal);font-size:11px;display:block}.sm-bill>div:first-child>strong{display:block;font-size:27px;letter-spacing:-.04em}.sm-bill>div:first-child>small{display:block;color:var(--sm-muted)}.sm-bill>div:last-child{text-align:right}.sm-bill>div:last-child>strong{display:block}.sm-visit{font-size:12px;color:var(--sm-muted);margin:13px 0 3px}.sm-fields{border:0;margin:0;padding:0;min-width:0}.sm-fields:disabled input,.sm-fields:disabled textarea,.sm-fields:disabled select{color:var(--sm-navy);opacity:1;background:#f9fbfc}.sm-block{margin-top:25px}.sm-block h2{display:flex;align-items:center;gap:9px;font-size:16px;margin:0 0 12px}.sm-block h2>span{display:inline-grid;place-items:center;width:25px;height:25px;background:var(--sm-pale);border-radius:6px;color:var(--sm-teal);font-size:11px}.sm-workspace label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--sm-muted)}.sm-workspace input:not([type=checkbox]),.sm-workspace select,.sm-workspace textarea{width:100%;min-width:0;border:1px solid var(--sm-line);border-radius:7px;padding:9px 10px;font:inherit;font-size:14px;color:var(--sm-navy);background:white;min-height:39px}.sm-workspace textarea{resize:vertical}.sm-workspace input:focus,.sm-workspace textarea:focus,.sm-workspace select:focus{outline:2px solid #187d8355;outline-offset:1px}.sm-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sm-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.sm-measurements{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;background:#f7f9fb;padding:15px;border:1px solid var(--sm-line);border-radius:9px}.sm-measurements label>span{display:flex;align-items:center;gap:5px}.sm-measurements input{font-size:17px!important;text-align:right}.sm-measurements small{min-width:20px}.sm-picker{display:flex;gap:10px;align-items:end;padding:13px;background:#f7f9fb;border:1px solid var(--sm-line);border-radius:9px;margin:10px 0}.sm-picker>label:first-child,.sm-picker>div{flex:1}.sm-picker>label{max-width:260px}.sm-picker>label:has(input[type=number]){max-width:105px}.sm-table-wrap{width:100%;overflow:auto;border:1px solid var(--sm-line);border-radius:8px}.sm-workspace table{width:100%;border-collapse:collapse;min-width:470px;font-size:13px}.sm-workspace th{background:#f7f9fb;color:var(--sm-muted);font-size:11px;font-weight:600;text-align:left}.sm-workspace td,.sm-workspace th{padding:10px 12px;border-bottom:1px solid var(--sm-line)}.sm-workspace tr:last-child td{border-bottom:0}.sm-workspace td:nth-child(n+2),.sm-workspace th:nth-child(n+2){text-align:right;white-space:nowrap}.sm-sum{display:flex;justify-content:flex-end;gap:24px;color:var(--sm-muted);font-size:12px;margin:9px 0}.sm-sum strong{font-size:15px;color:var(--sm-navy)}.sm-payment{max-width:250px}.sm-checks{display:flex;flex-wrap:wrap;gap:12px;margin-top:13px}.sm-checks>label{display:flex;flex-direction:row;align-items:center;padding:12px 14px;background:#f7f9fb;border:1px solid var(--sm-line);border-radius:8px;color:var(--sm-navy);flex:1}.sm-workspace input[type=checkbox]{width:17px;height:17px;margin:0;accent-color:var(--sm-teal);flex-shrink:0}.sm-workspace .sm-check{display:flex;flex-direction:row;align-items:center;gap:8px;color:var(--sm-navy)}.sm-request{padding:15px;border-radius:9px;background:#fbfaf7;border:1px solid #e9e3d8}.sm-request .sm-check{margin-bottom:11px}.sm-help{font-size:12px;color:var(--sm-muted);margin:8px 0}.sm-tag{display:inline-block;font-size:11px;color:var(--sm-teal);background:var(--sm-pale);border-radius:5px;padding:3px 7px;letter-spacing:0}.sm-internal{font-size:11px;color:var(--sm-muted);background:#f7f9fb;border:1px dashed var(--sm-line);padding:10px;border-radius:7px;margin-top:12px}.sm-photos{display:flex;gap:12px;flex-wrap:wrap}.sm-photos figure{width:150px;margin:0}.sm-photos img{display:block;object-fit:cover;width:150px;height:110px;border-radius:8px}.sm-photos figcaption{font-size:11px;color:var(--sm-muted);margin-top:5px}.sm-closing{border-top:1px solid var(--sm-line);padding-top:20px;margin-top:25px;display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.sm-closing p{font-size:12px;margin:7px 0}.sm-signature{position:relative;border:1px solid var(--sm-line);border-radius:8px;margin:9px 0;background:#fbfdff;overflow:hidden}.sm-signature canvas{display:block;width:100%;height:140px;touch-action:none}.sm-signature>span{position:absolute;bottom:8px;left:12px;font-size:11px;color:#96a0a7;pointer-events:none}.sm-signed{max-width:100%;height:140px;object-fit:contain}.sm-approval{margin-top:17px}.sm-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 0;color:var(--sm-muted);font-size:12px}.sm-status,.sm-open{background:#fff;border:1px solid var(--sm-line);padding:15px;border-radius:10px;margin-bottom:18px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.sm-status h2{font-size:16px;margin:0}.sm-home{max-width:790px;margin:auto}.sm-home-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.sm-home h1{font-size:25px;margin:0}.sm-plan-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap;background:#fff;padding:17px;border:1px solid var(--sm-line);border-radius:12px}.sm-plan-controls>label{flex:1;min-width:140px}.sm-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.sm-stat{background:#fff;border:1px solid var(--sm-line);border-radius:11px;padding:15px}.sm-stat strong{display:block;font-size:28px}.sm-stat span{font-size:12px;color:var(--sm-muted)}.sm-job{background:#fff;border:1px solid var(--sm-line);border-left:4px solid var(--sm-teal);border-radius:11px;padding:17px;margin:10px 0}.sm-job.installation{border-left-color:#bb915c}.sm-job-top{display:flex;align-items:center;gap:12px}.sm-job-time{font-size:21px;font-weight:700;color:var(--sm-teal);min-width:55px}.sm-job h3{font-size:16px;margin:0}.sm-job p{font-size:13px;margin:6px 0;color:var(--sm-muted)}.sm-job .sm-actions{margin-top:12px}.sm-day-title{font-size:15px;margin-top:22px}.sm-notices{background:white;border:1px solid var(--sm-line);border-radius:12px;padding:18px;margin:20px 0}.sm-notice{padding:12px 0;border-top:1px solid var(--sm-line)}.sm-notice.unread{border-left:3px solid var(--sm-teal);padding-left:10px}.sm-notice p{margin:0 0 5px}.sm-empty{padding:22px;background:#fff;border:1px dashed var(--sm-line);border-radius:11px;color:var(--sm-muted)}.sm-catalog-tabs{display:flex;gap:8px;margin-bottom:15px}.sm-catalog-form{margin-top:20px;border:1px solid var(--sm-line);border-radius:10px;padding:17px;background:#fff}.sm-catalog-form .sm-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sm-catalog-form button{margin-top:12px}
@media(max-width:720px){.sm-intro{display:block}.sm-intro h1{font-size:23px}.sm-intro>.sm-actions{margin-top:12px}.sm-identities{grid-template-columns:1fr;gap:12px}.sm-paper-head{padding:14px 16px;font-size:11px}.sm-paper-body{padding:16px}.sm-watermark{font-size:27px}.sm-grid,.sm-grid.four{grid-template-columns:1fr 1fr}.sm-measurements{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px}.sm-measurements input{font-size:15px!important}.sm-picker{flex-wrap:wrap;padding:10px}.sm-picker>div,.sm-picker>label:first-child{flex-basis:100%;max-width:none}.sm-picker>label{flex:1}.sm-picker>.sm-btn{flex-grow:1}.sm-closing{grid-template-columns:1fr;gap:18px}.sm-checks{flex-direction:column}.sm-bottom{align-items:stretch;flex-direction:column}.sm-bottom .sm-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.sm-bottom .sm-btn{white-space:normal;text-align:center}.sm-stat{padding:12px}.sm-stat strong{font-size:24px}.sm-catalog-form .sm-grid{grid-template-columns:1fr 1fr}.sm-table-wrap table{font-size:12px}.sm-workspace th,.sm-workspace td{padding:8px}.sm-photos figure,.sm-photos img{width:130px}}
@media print{@page{size:A4;margin:10mm}.sm-intro,.sm-btn,.sm-picker,.sm-bottom,.sm-status,.sm-internal,.sm-approval,.sm-open,.sm-help{display:none!important}.sm-paper{box-shadow:none;border:0;border-radius:0}.sm-paper-head{background:#fff;padding:0 0 8px}.sm-paper-body{padding:10px 0}.sm-identities{grid-template-columns:1fr 1fr;gap:10px}.sm-identity{padding:10px}.sm-bill{margin:10px -10px -10px;padding:8px 10px}.sm-bill>div:first-child>strong{font-size:19px}.sm-watermark{position:fixed;top:135mm;font-size:33pt;opacity:.075;print-color-adjust:exact}.sm-block{margin-top:12px;break-inside:avoid}.sm-closing{grid-template-columns:1fr 1fr}.sm-workspace input,.sm-workspace select,.sm-workspace textarea{min-height:0!important;padding:5px!important;font-size:11px!important}.sm-workspace table{min-width:0}.sm-photos figure{break-inside:avoid}.sm-workspace{font-size:11px}.sm-block h2{font-size:13px}.sm-person{font-size:15px}.sm-company{font-size:14px}}

/* Material controls must never shrink into vertical strips. */
.sm-workspace .sm-picker{display:flex;flex-wrap:wrap;align-items:flex-end;min-width:0;gap:12px}
.sm-workspace .sm-picker>div{flex:1 1 320px;min-width:0;max-width:100%}
.sm-workspace .sm-picker>label{flex:1 1 160px;min-width:min(160px,100%);max-width:100%}
.sm-workspace .sm-picker>.sm-btn{flex:0 0 auto;min-width:140px;max-width:100%;white-space:normal;word-break:normal;overflow-wrap:normal}
.sm-workspace .sm-picker input,.sm-workspace .sm-picker select{width:100%;min-width:0;max-width:100%}
.sm-workspace [data-barcode-mode]{display:block;min-width:0;width:100%}
.sm-workspace .barcode-input{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.sm-workspace .barcode-input button{min-width:120px;white-space:normal;word-break:normal;overflow-wrap:normal}
@media(max-width:600px){.sm-workspace .sm-picker>div,.sm-workspace .sm-picker>label{flex-basis:100%}.sm-workspace .sm-picker>.sm-btn{flex:1 1 140px}}
.sm-workspace .barcode-input input{flex:1 1 220px}.sm-workspace .barcode-input p{flex-basis:100%;margin:0}.sm-workspace .sm-picker [role=status]{flex-basis:100%}
.sm-diagram{margin-top:20px}.sm-diagram canvas{max-width:100%;height:auto}.sm-diagram-page{position:relative;margin:10px 0;max-width:100%;overflow:auto}.sm-diagram-hit{position:absolute;padding:0;border:1px solid #1763bb;background:#76b7ff44;color:transparent;min-width:8px;min-height:8px;cursor:pointer}.sm-diagram-hit:hover{background:#76b7ff99}
.sm-diagram [data-diagram-pages]{max-width:100%;overflow-x:auto}.sm-diagram .sm-diagram-page{max-width:none;overflow:visible}
.sm-workspace .sm-activity-picker{display:grid;grid-template-columns:minmax(0,1fr) 130px auto;align-items:end;gap:14px}.sm-workspace .sm-activity-picker>label{max-width:none;min-width:0}.sm-workspace .sm-activity-picker .new-activity-fields{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,2fr) minmax(100px,1fr) 100px 100px;gap:12px}.sm-workspace .sm-activity-picker [hidden]{display:none!important}.sm-activity-picker .sm-help{grid-column:1/-1}.sm-workspace .sm-photo-customer{flex:1 1 260px;max-width:none;min-width:0;align-items:center}.sm-workspace .sm-photo-customer span{line-height:1.5;white-space:normal;word-break:normal;overflow-wrap:normal}.sm-workspace .sm-photo-customer input[type=checkbox]{width:18px;flex:0 0 18px}.sm-line-editor{min-width:130px}.sm-line-editor summary{cursor:pointer;color:#175da1;font-weight:700}.sm-line-editor label{min-width:160px;margin:8px 0}.sm-line-editor .sm-btn{margin:4px 0;width:100%;white-space:normal}
@media(max-width:720px){.sm-workspace .sm-activity-picker{grid-template-columns:minmax(0,1fr) 110px}.sm-workspace .sm-activity-picker>label:first-child{grid-column:1/-1}.sm-workspace .sm-activity-picker .new-activity-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sm-workspace .new-activity-fields>label:first-child{grid-column:1/-1}.sm-workspace .sm-photo-customer{flex-basis:100%}}
.sm-workspace .sm-table-wrap table{min-width:0;width:100%;table-layout:fixed}.sm-workspace .sm-table-wrap th,.sm-workspace .sm-table-wrap td{overflow-wrap:anywhere;white-space:normal}.sm-workspace .sm-table-wrap th:first-child{width:40%}.sm-workspace .sm-line-editor{min-width:0;width:100%}.sm-workspace .sm-line-editor[open]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sm-workspace .sm-line-editor summary{grid-column:1/-1}.sm-workspace .sm-line-editor label{min-width:0;width:100%;margin:0}.sm-workspace .sm-line-buttons{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.sm-workspace .sm-line-buttons .sm-btn{width:auto;min-width:110px}.sm-line-edit-row td{padding-top:0;background:#f7faff}.sm-material-picker>div{position:relative}#work-material-results{display:grid;gap:5px;max-height:300px;overflow-y:auto;margin-top:8px}#work-material-results button{white-space:normal;text-align:left;border:1px solid #cadff4;border-radius:8px;background:#f4f8ff;color:#15466f;padding:12px;min-height:44px;cursor:pointer;font:inherit}#work-material-results button:hover,#work-material-results button:focus{background:#dcecff;outline:2px solid #3778bb}.sm-stock-dialog{max-width:min(90vw,540px);border:1px solid #abc7e5;border-radius:16px;padding:24px;color:#163d5a}.sm-stock-dialog::backdrop{background:#102b4666}
@media(max-width:600px){.sm-workspace .sm-line-buttons{justify-content:stretch;flex-wrap:nowrap}.sm-workspace .sm-line-buttons .sm-btn{flex:1;min-width:0}.sm-workspace .sm-line-editor[open]{grid-template-columns:minmax(0,1fr)}.sm-workspace .sm-table-wrap th,.sm-workspace .sm-table-wrap td{font-size:11px;padding:6px}}
.sm-workspace button[hidden]{display:none!important}
.sm-work-history{margin:20px 0;padding:14px;border:1px solid #d3e2ef;border-radius:10px;background:#f8fbff}.sm-work-history>summary{cursor:pointer;font-weight:650;color:#275674}.sm-save-status{min-height:24px;margin:4px 0 8px;font-size:12px;color:#546f80;overflow-anchor:none}.sm-closing{grid-template-columns:minmax(0,1fr);max-width:100%}.sm-close-stamp{font-size:12px;color:#546f80}.sm-workspace .sm-paper,.sm-workspace .sm-paper-body,.sm-workspace .sm-grid,.sm-workspace .sm-picker{min-width:0;max-width:100%}.sm-workspace input,.sm-workspace select,.sm-workspace textarea{max-width:100%;min-width:0}.sm-workspace .sm-bottom{justify-content:flex-end}.sm-workspace .sm-open{position:relative;scroll-margin-top:100px}
@media(max-width:720px){.sm-workspace{width:100%;max-width:100%;font-size:14px}.sm-workspace input,.sm-workspace select,.sm-workspace textarea{font-size:16px!important}.sm-workspace .sm-paper-body{padding:12px}.sm-workspace .sm-grid,.sm-workspace .sm-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.sm-workspace .sm-picker{padding:10px}.sm-workspace .sm-bottom .sm-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sm-workspace .sm-fields{overflow-anchor:none}.sm-workspace [data-new-activity]{overflow-anchor:none}}
/* A single searchable activity field; results stay inside the mobile viewport. */
.sm-workspace .sm-activity-picker>div:first-child{min-width:0}.sm-workspace [data-activity-results]{display:grid;max-height:300px;overflow-y:auto}.sm-workspace .sm-activity-result{display:block;width:100%;min-width:0;text-align:left;white-space:normal;overflow-wrap:anywhere;border:1px solid #c6d9ed;border-radius:6px;background:#f1f6ff;color:#174574;margin:3px 0;padding:12px}.sm-workspace [data-activity-submit]{display:none!important}.sm-workspace .sm-closed-summary,.sm-preview{max-width:960px;margin:auto}.sm-workspace.sm-closed-summary{max-width:960px;margin:auto}.sm-preview .sm-actions,.sm-closed-summary .sm-actions{margin-top:20px;flex-wrap:wrap}.sm-closed-summary h1{color:#175da1}.ds-search-layout.ds-search-compact{display:block}
@media(max-width:720px){.sm-workspace .sm-activity-picker>div:first-child{grid-column:1/-1}.sm-workspace.sm-preview h1,.sm-workspace.sm-closed-summary h1{font-size:26px}.sm-workspace .sm-bill{flex-wrap:wrap;gap:12px}.sm-closed-summary .sm-btn{max-width:100%;white-space:normal}}
.sm-closed-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:22px}.sm-workspace .sm-closed-actions .sm-btn{display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal;min-width:0;min-height:52px;margin:0}.sm-closed-summary [hidden]{display:none!important}.sm-closed-summary input,.sm-closed-summary textarea{max-width:100%;font-size:16px}
@media(max-width:520px){.sm-closed-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.sm-closed-actions>a:last-child{grid-column:1/-1}}
/* Closed worksheet: desktop metadata above a full-width action row. */
@media(min-width:721px){.sm-closed-summary>.sm-status{display:block;min-width:0}.sm-closed-summary .sm-closed-actions{width:100%;grid-template-columns:repeat(5,minmax(0,1fr))}}
/* Keep the writing area clear of the hint and browser selection gestures. */
.sm-signature canvas[data-signature]{height:200px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:crosshair}.sm-signature>span{position:static;display:block;padding:7px 12px;border-top:1px solid var(--sm-line);background:#fff}

.sm-start-actions{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.sm-start-actions .sm-open{margin:0}.sm-reschedule{max-width:100%;min-width:0}.sm-reschedule form{display:grid;gap:12px;margin-top:12px;width:min(420px,100%)}.sm-reschedule textarea{width:100%;box-sizing:border-box}.sm-reschedule summary{cursor:pointer}
