:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#282832;background:#f8f8fc;font-size:16px}*{box-sizing:border-box}body{margin:0}header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1120px)/2));background:#fff;border-bottom:1px solid #ececf2}.brand{display:flex;align-items:center;gap:11px}.brand strong{display:block}.brand small{display:block;color:#8b8b98;font-size:10px;letter-spacing:2px;font-weight:700}.logo{display:grid;place-items:center;width:38px;height:38px;background:#433ffc;color:#fff;font-weight:900;border-radius:11px}main{max-width:1120px;margin:30px auto;padding:0 20px 60px}.hidden{display:none!important}.card{background:white;border:1px solid #e9e9f0;border-radius:18px;padding:24px;box-shadow:0 12px 35px rgba(35,35,75,.035)}.login{max-width:430px;margin:11vh auto}.login p,.page-head p,.section-head p{color:#777783;margin:4px 0 0}h1{font-size:28px;margin:0 0 6px}h2{font-size:22px;margin:0}h3{font-size:16px;margin:28px 0 12px}.page-head,.section-head,.actions,.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px}.page-head{margin-bottom:23px}.toolbar{margin-bottom:17px}.toolbar input{flex:1}.toolbar select{max-width:220px}.message{border-radius:10px;padding:12px 15px;margin-bottom:15px;background:#fff0e9;color:#a7351f}label{display:block;font-size:13px;font-weight:600;color:#51515e;margin:14px 0 6px}input,select,textarea{font:inherit;width:100%;border:1px solid #ddddE8;border-radius:10px;background:#fff;padding:11px 12px;color:#282832;margin-top:6px;outline:none}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#433ffc;box-shadow:0 0 0 3px #433ffc1c}button{font:inherit;cursor:pointer;border:0;border-radius:10px;padding:10px 15px;white-space:normal}button:disabled{opacity:.55;cursor:wait}.primary{background:#433ffc;color:#fff;font-weight:600;box-shadow:0 6px 16px #433ffc25}.ghost{background:#f3f3fa;color:#433ffc}.danger{background:#fff0ef;color:#b22d28}.wide{width:100%;margin-top:25px;padding:14px}.login button{width:100%;margin-top:17px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.row{background:white;border:1px solid #e6e6ed;border-radius:13px;padding:15px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;gap:15px}.row strong{display:block;font-size:16px}.row small{display:block;color:#777783;margin-top:5px}.badge{font-size:12px;font-weight:700;border-radius:99px;padding:5px 9px}.pending{background:#fff3e5;color:#995800}.returned{background:#fff0ef;color:#af362c}.approved{background:#e9f9ef;color:#207c45}.section-head{align-items:flex-start;margin-bottom:19px}.material{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:8px;align-items:end}.material button{margin-bottom:0}.material label{margin:0}details{border:1px solid #eeeef4;border-radius:12px;padding:14px;margin:22px 0}summary{cursor:pointer;font-weight:600}canvas{width:100%;height:145px;touch-action:none;background:white;border:1px dashed #babacb;border-radius:12px}.clear-signature{margin-top:8px}.check{display:flex;align-items:center;gap:8px}.check input{width:auto;margin:0}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.detail-grid div{background:#fafafd;border-radius:10px;padding:10px;overflow-wrap:anywhere}.detail-grid small{display:block;color:#777783}.pdf-button{margin:7px 8px 7px 0}.event{font-size:13px;color:#666;border-bottom:1px solid #eee;padding:8px 0}.actions{justify-content:flex-start;flex-wrap:wrap}.version{border-top:1px solid #eee;margin-top:17px;padding-top:10px}@media(max-width:650px){main{margin:20px auto}.card{padding:17px}.page-head{align-items:flex-start}h1{font-size:24px}.form-grid,.detail-grid{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch}.toolbar select{max-width:none}.material{grid-template-columns:1fr 1fr}.material label:first-child{grid-column:1/-1}.material button{align-self:end}.row{align-items:flex-start}.badge{white-space:nowrap}}
.form-hint,.muted{color:#777783;font-size:13px}.form-section{border:1px solid #e8e8f0;border-radius:16px;padding:18px 20px;margin:16px 0;background:#fff}.form-section h3{display:flex;align-items:center;gap:11px;margin:0 0 12px;font-size:18px}.form-section h3 span{display:grid;place-items:center;border-radius:9px;background:#efeeff;color:#433ffc;width:31px;height:31px}.form-section h4{margin:22px 0 9px}.work-type-row{display:flex;gap:9px;margin:9px 0}.work-type-row input{margin:0}.editor-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.editor-actions button{padding:13px 20px}#preview-frame{display:block;width:100%;height:min(72vh,920px);border:1px solid #e8e8ef;border-radius:12px;background:#f3f3f7}.form-section .material{border:1px solid #eeeef4;border-radius:12px;padding:12px;margin:10px 0;grid-template-columns:2fr 1fr auto}.form-section input[type=file]{border-style:dashed;background:#fafaff}.form-section .check{margin-top:16px}@media(max-width:650px){.form-section{padding:14px}.editor-actions{flex-direction:column}.editor-actions button{width:100%}#preview-frame{height:62vh}.form-section .material{grid-template-columns:1fr 1fr}.form-section .material label:first-child{grid-column:1/-1}}
.table-wrap{overflow:auto;border:1px solid #e6e6ed;border-radius:14px;background:#fff}.orders-table{border-collapse:collapse;width:100%;min-width:760px}.orders-table th,.orders-table td{text-align:left;padding:14px;border-bottom:1px solid #efeff4;font-size:13px}.orders-table th{color:#747480;font-size:11px;text-transform:uppercase;letter-spacing:.07em;background:#fafafd}.orders-table tr:last-child td{border-bottom:0}.orders-table tbody tr{cursor:pointer}.orders-table tbody tr:hover{background:#f7f7ff}.orders-table td:first-child{font-weight:700}.orders-table button{font-size:12px;padding:7px 10px}
.step-progress{display:flex;gap:8px;overflow-x:auto;padding:4px 0 14px;margin:4px 0 12px;scrollbar-width:thin}.step-chip{display:flex;align-items:center;gap:7px;flex:0 0 auto;padding:8px 10px;border-radius:11px;border:1px solid #e4e4ed;background:#fafafd;color:#7c7c88;font-size:12px;font-weight:650}.step-chip.current{border-color:#433ffc;color:#302dc4;background:#f1f0ff}.step-chip.complete{border-color:#bde9c9;color:#187849;background:#eaf9ee}.step-number{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#e9e9f1;color:#6c6c79}.step-chip.current .step-number{background:#433ffc;color:#fff}.step-chip.complete .step-number{background:#28a461;color:#fff}.step-error{color:#ad362a;background:#fff0ed;border-radius:10px;padding:11px 13px;margin:7px 0}.wizard-actions{align-items:center}.wizard-actions #step-position{margin-left:auto;color:#777783;font-size:13px}.wizard-actions #step-back:disabled{opacity:.4}.manager-table{min-width:max-content}.manager-table th,.manager-table td{min-width:115px;max-width:300px;vertical-align:top;white-space:pre-wrap;overflow-wrap:anywhere}.manager-table th:first-child,.manager-table td:first-child{position:sticky;left:0;z-index:1;background:#fff;min-width:145px;box-shadow:3px 0 6px #e7e7ee55}.manager-table thead th:first-child{background:#fafafd;z-index:2}.manager-table td:nth-child(21){min-width:280px}.manager-table td:nth-child(22){min-width:220px}.status-cell.pending{background:#fff3e5;color:#995800}.status-cell.returned{background:#fff0ef;color:#af362c}.status-cell.approved{background:#e9f9ef;color:#207c45}@media(max-width:650px){.step-progress{margin-right:-17px}.step-name{max-width:105px}.wizard-actions{display:grid;grid-template-columns:1fr auto 1fr}.wizard-actions #step-position{margin:0}.wizard-actions button{min-width:0}.manager-table td:first-child,.manager-table th:first-child{min-width:110px}}
.manager-table th[draggable=true]{cursor:grab}.manager-table th[draggable=true]:active{cursor:grabbing}.manager-table td input,.manager-table td select{min-width:135px;margin:0;padding:8px;font-size:13px}.manager-table td input{max-width:180px}.manager-table tbody tr.processing-awaiting td{border-top:1px solid #ec7777;border-bottom:1px solid #ec7777}.manager-table tbody tr.processing-in_progress td{border-top:1px solid #e5a24d;border-bottom:1px solid #e5a24d}.manager-table tbody tr.processing-processed td{border-top:1px solid #60bd82;border-bottom:1px solid #60bd82}.manager-table tbody tr.processing-awaiting td:first-child{border-left:4px solid #dc4242}.manager-table tbody tr.processing-in_progress td:first-child{border-left:4px solid #dc8a20}.manager-table tbody tr.processing-processed td:first-child{border-left:4px solid #299854}.manager-table tbody tr td:last-child{border-right:1px solid currentColor}.popup{border:1px solid #e6e6ed;border-radius:18px;background:#fff;padding:24px;max-width:min(640px,calc(100vw - 24px));max-height:85vh;overflow:auto;box-shadow:0 24px 80px #20203a35}.popup::backdrop{background:#20203888}.popup .section-head{align-items:center}.material-detail,.column-line{display:flex;align-items:center;gap:12px;border-bottom:1px solid #ededf2;padding:10px 0}.material-detail{justify-content:space-between}.column-line span{flex:1}.column-line button{padding:5px 12px}.toolbar #columns-button{white-space:nowrap}
.manager-table tbody tr.processing-awaiting td:last-child{border-right:1px solid #ec7777}.manager-table tbody tr.processing-in_progress td:last-child{border-right:1px solid #e5a24d}.manager-table tbody tr.processing-processed td:last-child{border-right:1px solid #60bd82}.pdf-popup{width:min(1040px,calc(100vw - 20px));max-width:none}.pdf-popup iframe{display:block;width:100%;height:min(72vh,900px);border:1px solid #e8e8ef;border-radius:12px}.pdf-download{display:inline-block;text-decoration:none;margin-top:12px;padding:10px 15px;border-radius:10px}
.mobile-mode #list-view,.mobile-mode #detail,.mobile-mode #new-button,.mobile-mode #columns-dialog,.mobile-mode #pdf-dialog,.mobile-mode #materials-dialog{display:none!important}.mobile-mode main{max-width:820px}.mobile-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:18px}.mobile-nav button{background:#ededf6;color:#433ffc;font-weight:650;min-height:46px}.mobile-nav button.active{background:#433ffc;color:#fff}.mobile-month{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0}.mobile-month strong{text-transform:capitalize}.mobile-month button{font-size:23px;line-height:1;padding:6px 15px}.mobile-summary{background:#f0efff;color:#302dc4;border-radius:12px;padding:12px 15px;margin-bottom:16px;font-weight:600}.mobile-weekdays,.mobile-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.mobile-weekdays{text-align:center;color:#858594;font-size:12px;font-weight:700;margin-bottom:6px}.mobile-day{padding:9px 2px;min-height:44px;background:#f7f7fa;border:1px solid #eaeaf1;color:#282832}.mobile-day.worked{background:#eaf9ee;border-color:#a6dbb6;color:#166b3c}.mobile-day.leave{background:#fff0de;border-color:#eac69b;color:#8c560e}.mobile-day.selected{outline:2px solid #433ffc;outline-offset:1px}.mobile-empty{min-height:44px}#mobile-attendance-form{border-top:1px solid #ededf2;margin-top:24px;padding-top:1px}#mobile-attendance-form h3{margin-bottom:4px}@media(max-width:650px){.mobile-mode main{padding:0 14px 36px}.mobile-nav button{font-size:13px;padding:9px 7px}.mobile-calendar,.mobile-weekdays{gap:3px}.mobile-day{min-height:39px;font-size:13px}.mobile-empty{min-height:39px}.mobile-summary{font-size:13px}}
.mobile-only{display:none}.mobile-mode{--mobile-sidebar-width:204px}.mobile-mode header{position:sticky;top:0;z-index:6;padding:0 20px}.mobile-mode main{max-width:none;min-height:calc(100dvh - 70px);margin:0 0 0 var(--mobile-sidebar-width);padding:24px 24px 60px}.mobile-mode #workspace{max-width:1040px;margin:0 auto}.mobile-mode .mobile-nav{position:fixed;z-index:5;top:70px;bottom:0;left:0;width:var(--mobile-sidebar-width);margin:0;padding:18px 10px;display:flex;flex-direction:column;gap:7px;background:#fff;border-right:1px solid #ececf2}.mobile-mode .mobile-nav button{width:100%;min-height:44px;text-align:left;padding:10px 14px;background:transparent;color:#34343d;border-radius:10px;font-size:14px}.mobile-mode .mobile-nav button.active{background:#433ffc;color:#fff}.mobile-mode .mobile-nav button:hover:not(.active){background:#f1f0ff}.mobile-mode #list-view:not(.hidden),.mobile-mode #detail:not(.hidden){display:block!important}.mobile-mode #pdf-dialog[open]{display:block!important}.mobile-mode .mobile-only{display:block;margin:26px 0 14px;font-size:19px}.mobile-overview-intro{margin:2px 0 18px}.mobile-overview-intro p{margin:5px 0;color:#777783}.mobile-module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.mobile-module-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:194px;padding:20px;text-align:left;background:#fff;border:1px solid #e9e9f0;border-radius:17px;box-shadow:0 12px 35px rgba(35,35,75,.035);white-space:normal}.mobile-module-card:hover{border-color:#aaa8ff;box-shadow:0 12px 32px #433ffc12}.mobile-module-card strong{font-size:19px}.mobile-module-card small{color:#777783;font-size:13px;line-height:1.4}.mobile-module-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eeedff;color:#433ffc;font-size:23px}.mobile-module-arrow{margin-top:auto;color:#433ffc;font-size:13px;font-weight:700}.mobile-new-workorder-card{width:100%;display:flex;align-items:center;gap:17px;padding:20px;margin-bottom:25px;background:#fff;border:1px solid #d9d7ff;border-radius:17px;text-align:left;box-shadow:0 12px 35px #433ffc10}.mobile-new-workorder-card:hover{border-color:#433ffc}.mobile-new-workorder-card strong,.mobile-new-workorder-card small{display:block}.mobile-new-workorder-card strong{font-size:18px}.mobile-new-workorder-card small{color:#777783;margin-top:5px}.mobile-new-icon{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:13px;background:#433ffc;color:#fff;font-size:25px}.mobile-new-arrow{margin-left:auto;color:#433ffc;font-size:22px}.mobile-mode .orders-table{min-width:660px}.mobile-mode #list-view .toolbar{margin-bottom:12px}@media(max-width:650px){.mobile-mode{--mobile-sidebar-width:112px}.mobile-mode header{padding:0 12px}.mobile-mode main{padding:17px 12px 40px}.mobile-mode .mobile-nav{padding:13px 5px;gap:5px}.mobile-mode .mobile-nav button{font-size:12px;min-height:48px;padding:8px 6px;text-align:center}.mobile-module-grid{grid-template-columns:1fr}.mobile-module-card{min-height:155px;padding:16px}.mobile-new-workorder-card{padding:13px;gap:9px}.mobile-new-workorder-card strong{font-size:15px}.mobile-new-workorder-card small{font-size:11px}.mobile-new-icon{width:34px;height:34px;font-size:20px}.mobile-mode .page-head h1{font-size:22px}.mobile-mode .card{padding:14px}}
.brand-logo{display:block;width:118px;height:auto;max-height:48px;object-fit:contain;flex:none}.brand{gap:13px}.brand strong{font-size:15px}.brand small{letter-spacing:1.1px}@media(max-width:650px){header{height:72px;padding:0 15px}.brand-logo{width:93px}.brand{gap:8px}.brand strong{font-size:13px}.brand small{font-size:8px;letter-spacing:.6px}}
/* Desktop work-order manager: full-width filters, readable status outlines and ten-row pages. */
.manager-filters{display:flex;flex-wrap:wrap;align-items:end;gap:10px;padding:14px 18px;background:#fff;border-bottom:1px solid #e8e8f0}.manager-filters label{flex:1 1 138px;min-width:125px;margin:0;color:#666674;font-size:11px;font-weight:700}.manager-filters input,.manager-filters select{height:40px;margin-top:6px;padding:8px 10px;font-size:13px}.manager-filters button{height:40px;flex:none}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 18px;background:#fff;border-top:1px solid #e8e8f0;color:#666674;font-size:12px}.page-buttons{display:flex;align-items:center;gap:5px}.page-buttons button{min-width:32px;padding:7px 10px}.page-buttons button.active{background:#433ffc;color:#fff}.empty-list{padding:26px 18px;color:#777783}.manager-table{border-collapse:separate;border-spacing:0 5px;background:#f8f8fc}.manager-table th,.manager-table td{text-align:center;vertical-align:middle}.manager-table thead th{position:sticky;top:0;z-index:3;background:#f8f8fc;border-bottom:1px solid #e6e6ed}.manager-table thead th:first-child{z-index:4;background:#f8f8fc}.manager-table tbody td{height:62px;background:#fff}.manager-table tbody tr:hover td{background:#fafaff}.manager-table tbody tr.processing-awaiting td:first-child{border-left:2px solid #ec7777}.manager-table tbody tr.processing-in_progress td:first-child{border-left:2px solid #e5a24d}.manager-table tbody tr.processing-processed td:first-child{border-left:2px solid #60bd82}.manager-table tbody tr.processing-awaiting td:last-child{border-right:2px solid #ec7777}.manager-table tbody tr.processing-in_progress td:last-child{border-right:2px solid #e5a24d}.manager-table tbody tr.processing-processed td:last-child{border-right:2px solid #60bd82}.manager-table tbody td:first-child{border-radius:8px 0 0 8px}.manager-table tbody td:last-child{border-radius:0 8px 8px 0}.manager-table td input,.manager-table td select{text-align:center;min-width:160px}.manager-table td[data-column=notes],.manager-table td[data-column=work_types]{min-width:220px}.column-choice{display:flex;align-items:center;gap:9px;flex:1;margin:0;font-size:13px;color:#282832}.column-choice input{width:16px;height:16px;margin:0}.column-choice span{flex:1}
html.embedded-workorders,html.embedded-workorders body{height:100%;overflow:hidden}html.embedded-workorders header,html.embedded-workorders .page-head{display:none}html.embedded-workorders main{max-width:none;width:100%;height:100vh;margin:0;padding:0}html.embedded-workorders #workspace:not(.hidden){display:flex;flex-direction:column;height:100%}html.embedded-workorders #list-view:not(.hidden){display:flex;flex:1;min-height:0;flex-direction:column;width:100%}html.embedded-workorders #list{flex:1;min-height:0;overflow:hidden}html.embedded-workorders #list .table-wrap{height:100%;border:0;border-radius:0;overflow:auto;background:#f8f8fc}html.embedded-workorders #detail:not(.hidden){flex:1;min-height:0;overflow:auto;margin:12px}html.embedded-workorders #message:not(.hidden){margin:8px 12px}
@media(max-width:800px){.manager-filters{padding:10px}.manager-filters label{flex-basis:145px}.pagination{flex-wrap:wrap}}
.manager-table td:nth-child(21),.manager-table td:nth-child(22){min-width:115px}
.manager-table td[data-column=notes],.manager-table td[data-column=work_types]{min-width:220px}
/* Manager view keeps a 15 px inset while the table uses the remaining space. */
html.embedded-workorders main{padding:15px}
html.embedded-workorders #list .table-wrap{border:1px solid #e6e6ed;border-radius:14px}
.manager-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:0 0 10px}
.manager-actions button{display:inline-flex;align-items:center;gap:8px;min-height:40px}
.manager-actions svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.message.success{background:#e8f8ec;color:#176c39}
.filter-toggle.active{background:#eae9ff}
.filter-count{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#433ffc;color:#fff;font-size:11px}
.manager-filters{border:1px solid #e6e6ed;border-radius:13px;margin-bottom:10px;padding:14px}
.manager-filters .primary{background:#433ffc;color:#fff}
.manager-table tbody tr.processing-awaiting td{background:#fff1f1}
.manager-table tbody tr.processing-in_progress td{background:#fff6e7}
.manager-table tbody tr.processing-processed td{background:#edf9f0}
.manager-table tbody tr.processing-awaiting:hover td{background:#ffe8e8}
.manager-table tbody tr.processing-in_progress:hover td{background:#ffefd5}
.manager-table tbody tr.processing-processed:hover td{background:#e0f5e6}
.manager-table td:last-child{min-width:162px;white-space:nowrap}
.manager-table td.row-actions{text-align:center;padding:10px 12px}
.row-action-buttons{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}
.orders-table button.icon-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 35px;width:35px;height:35px;margin:0;padding:0;border:1px solid #d8d7ff;border-radius:9px;background:#fff;color:#433ffc;vertical-align:middle;line-height:0}
.orders-table button.icon-button:hover{background:#eeedff}
.orders-table button.icon-button.delete-action{border-color:#f2c6c6;color:#b73434}
.orders-table button.icon-button.delete-action:hover{background:#fff0ef}
.icon-button svg{display:block;flex:none;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pagination{margin-top:10px;border:1px solid #e8e8f0;border-radius:11px}
.pagination-left{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.pagination #excel-export,.pagination #columns-button{min-height:36px;padding:8px 14px;font-size:12px;background:#433ffc;color:#fff}
/* The technician's five-column list shares the manager view's width and row spacing. */
.worker-table{min-width:760px;width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0 5px;background:#f8f8fc}
.worker-table th,.worker-table td{text-align:center;vertical-align:middle;white-space:nowrap}
.worker-table th{height:45px}
.worker-table th:nth-child(1){width:24%}
.worker-table th:nth-child(2){width:12%}
.worker-table th:nth-child(3){width:23%}
.worker-table th:nth-child(4){width:32%}
.worker-table th:nth-child(5){width:9%}
.worker-table tbody td{height:62px;background:#fff;border-top:1px solid #e6e6ed;border-bottom:1px solid #e6e6ed}
.worker-table td[data-column=customer_name]{white-space:normal;overflow-wrap:anywhere}
.worker-table tbody tr:hover td{background:#f7f7ff}
.worker-table tbody td:first-child{border-left:1px solid #e6e6ed;border-radius:8px 0 0 8px}
.worker-table tbody td:last-child{border-right:1px solid #e6e6ed;border-radius:0 8px 8px 0}
html.embedded-workorders .mobile-new-workorder-card{margin-bottom:15px}
html.embedded-workorders #editor:not(.hidden),html.embedded-workorders #preview-panel:not(.hidden){flex:1;min-height:0;overflow:auto}
@media(max-width:650px){.mobile-mode .worker-table{min-width:800px}}
html.mobile-mode.workorder-list-active .page-head{display:none}
html.embedded-mobile header{display:none}
html.embedded-mobile .mobile-nav{top:0}
html.embedded-mobile main{min-height:100dvh}
.mobile-mode main{max-width:1088px;min-height:calc(100dvh - 70px);margin:0 auto;padding:24px 20px 60px}
.mobile-mode #workspace{max-width:none}
.mobile-home-button{display:inline-flex;align-items:center;gap:6px;margin:0 0 16px;padding:9px 13px;background:#eeedff;color:#302dc4;font-size:13px;font-weight:700}
.mobile-home-button:hover{background:#dfddff}
.login-message{color:#a7351f;background:#fff0e9;padding:11px 13px;border-radius:10px}
@media(max-width:650px){.mobile-mode main{padding:17px 14px 40px}}
html.embedded-mobile.mobile-mode main{min-height:100dvh}