main{max-width:1440px}.order-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:14px;padding:18px;background:white;border:1px solid #dce7f5;border-radius:16px}.order-toolbar>input{flex:1 1 260px;min-height:44px}.order-toolbar label{flex:0 1 190px}.lanes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:20px}.lane{padding:16px;background:#edf2f8;border:1px solid #dce7f5;border-radius:18px;min-width:0}.lane-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.lane-heading h3{margin:0;font-size:19px}.lane-count{background:white;border-radius:9px;padding:7px 12px;font-weight:bold}.order{padding:18px;margin:14px 0;border-radius:15px;background:white;font-size:14px;box-shadow:0 3px 12px #1d355407}.order-header{display:flex;align-items:start;justify-content:space-between;gap:12px}.order-header strong{font-size:18px;overflow-wrap:anywhere}.order-number{color:#64748b;margin-top:5px}.order-tag{white-space:nowrap;font-size:12px;background:#eaf2ff;color:#176ac2;border-radius:8px;padding:6px 9px}.order-tag.alert{color:#a42620;background:#ffebe9}.order-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.order-meta>div{background:#f6f8fb;padding:10px;border-radius:9px;overflow-wrap:anywhere}.order-meta small{display:block;color:#64748b;margin-bottom:5px}.order-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.order-stage{background:#f4f6f9;border:1px solid #e0e6ee;border-radius:10px;padding:10px 7px;min-width:0}.order-stage strong{font-size:12px;margin-bottom:6px}.order-stage span{font-size:11px;display:block;overflow-wrap:anywhere}.order-stage.done{background:#e9f7ee;color:#236a42;border-color:#c5e7d1}.order-stage.active{background:#e9f1ff;color:#185ba9;border-color:#b8d3ff}.order .bar{border-top:1px solid #edf0f4;padding-top:12px;margin-bottom:0}.order button{font-size:13px;min-height:38px;padding:8px 11px}.order button[data-delete-order]{color:#a8322a;margin-inline-start:auto}.order-urgent{border:2px solid #d65750;background:white}.order-ready{border:2px solid #60a978;background:white}.lane-empty{text-align:center;color:#64748b;padding:32px 8px}.measure-tools{display:flex;flex-wrap:wrap;gap:8px}.measure-tools button[aria-pressed=true]{background:#176ac2;color:white}.measure-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px}.measure-options{padding:14px;background:#f4f7fc;border-radius:12px}.measure-options label{margin-bottom:12px}.measure-stage{border:1px solid #b9cadb;background:white;border-radius:12px;overflow:hidden}#measurementSvg{display:block;width:100%;min-height:330px;touch-action:none;user-select:none}#measurementSvg text{pointer-events:none}.measure-status{padding:10px;background:#eef5fc;min-height:40px}@media(max-width:1000px){.lanes{grid-template-columns:1fr}}@media(max-width:700px){.measure-layout{grid-template-columns:1fr}.measure-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.order-stages{grid-template-columns:1fr 1fr}.order-meta{grid-template-columns:1fr 1fr}.lane{padding:10px}.order{padding:13px}.order-toolbar label{flex:1 1 150px}}@media print{body.measurement-print>*{display:none!important}body.measurement-print main,body.measurement-print #app,body.measurement-print #measurementsPanel{display:block!important}body.measurement-print main{max-width:none;margin:0;padding:0}body.measurement-print #app>*:not(#measurementsPanel),body.measurement-print #measurementsPanel>*:not(#measurementForm),body.measurement-print #measurementForm>*:not(.measure-layout),body.measurement-print .measure-options,body.measurement-print .measure-status{display:none!important}body.measurement-print .measure-layout{display:block}body.measurement-print .measure-stage{border:0}body.measurement-print #measurementSvg{width:100%;height:auto}}

.permission-matrix{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:16px 0}.permission-matrix fieldset{border:1px solid #dce7f5;border-radius:12px;padding:14px}.permission-choice{display:flex;flex-direction:row;align-items:center;gap:9px;margin:12px 0}.permission-choice input{width:19px;height:19px}

.measure-viewport-tools{display:flex;flex-wrap:wrap;gap:7px;align-items:center;padding:9px;background:#f4f7fc;border-bottom:1px solid #dce7f5}.measure-viewport-tools button{min-height:44px;min-width:44px}.measure-options>summary{cursor:pointer;font-weight:bold;padding:12px 0;color:#176ac2}.measure-property-fields{padding-top:8px}.measure-options input,.measure-options select{width:100%;min-height:44px}.measurement-expanded{overflow:hidden}.measurement-expanded .measure-stage{position:fixed;inset:8px;z-index:9999;display:flex;flex-direction:column;box-shadow:0 0 0 100vmax #172f49b3}.measurement-expanded #measurementSvg{flex:1;width:100%;height:0;min-height:0}.measurement-expanded .measure-status{flex:none}.measurement-expanded .measure-viewport-tools{flex:none}
@media(max-width:700px){main{padding:0 8px}.app-nav{flex-wrap:nowrap;overflow-x:auto}.app-nav button{flex-shrink:0;white-space:nowrap}#measurementsPanel{padding:12px;margin-top:8px}#measurementsPanel h2{font-size:21px}.measure-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.measure-tools button{font-size:12px;line-height:1.35;padding:8px 4px;min-height:49px;white-space:normal}.measure-layout{display:flex;flex-direction:column;gap:12px}.measure-stage{order:0}.measure-options{order:1;display:block;padding:10px 13px}.measure-property-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.measure-property-fields>h3,.measure-property-fields>p,.measure-property-fields>.bar,.measure-property-fields>#measureAllEdges,.measure-property-fields>#measureCircleFields{grid-column:1/-1}.measure-property-fields label{margin:0}#measureAllEdges{display:grid;grid-template-columns:1fr 1fr;gap:12px}#measurementSvg{min-height:0;height:auto;aspect-ratio:3/2;width:100%;touch-action:none}.measure-status{font-size:13px}.measure-viewport-tools{gap:6px}.measure-viewport-tools button{font-size:12px}.measure-save-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.measure-save-actions button{min-height:46px;font-size:13px}.measure-save-actions #measureSave{grid-column:1/-1;font-size:16px}.measurement-expanded #measurementSvg{aspect-ratio:auto;height:0}}@media(max-width:360px){.measure-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.measure-property-fields{grid-template-columns:1fr}.measure-property-fields>*{grid-column:1/-1}}@media print{body.measurement-print .measure-viewport-tools{display:none!important}body.measurement-print #measurementSvg{height:auto;min-height:0;aspect-ratio:3/2}body.measurement-print .measure-stage{position:static;box-shadow:none;display:block}}

@media(max-width:700px){header{padding:14px max(12px,env(safe-area-inset-right))}input,select,textarea{font-size:16px}#installHelp{line-height:1.9}#installHelp button{min-height:44px;margin:8px 0 8px 8px}.measurement-expanded .measure-stage{inset:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}}

#measurementSvg g[data-shape] text{pointer-events:visiblePainted;cursor:move}.measure-quick-tools{display:none}.board-item{margin:14px 0;padding:14px;border:1px solid #dce7f5;border-radius:12px;background:#f6f9fd}.measure-quick-tools button[aria-pressed=true]{background:#176ac2;color:white}
.measurement-expanded #measurementsPanel{position:fixed;inset:0;z-index:9999;margin:0;padding:8px;background:white;display:flex!important;flex-direction:column;overflow:auto}.measurement-expanded #measurementsPanel>h2,.measurement-expanded #measurementsPanel>p,.measurement-expanded #measurementForm>.grid,.measurement-expanded #measurementForm>.measure-tools,.measurement-expanded #measurementForm>.measure-save-actions{display:none!important}.measurement-expanded #measurementForm{display:flex;flex-direction:column;flex:1;min-height:0}.measurement-expanded .measure-layout{display:flex;flex-direction:column;flex:1;min-height:0;gap:8px}.measurement-expanded .measure-stage{position:static!important;inset:auto;box-shadow:none;flex:1;min-height:230px;order:0}.measurement-expanded .measure-options{order:1;flex:none;max-height:38dvh;overflow:auto;display:block}.measurement-expanded .measure-options:not([open]){max-height:56px}.measurement-expanded .measure-quick-tools{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;padding:6px;background:#f7faff;flex:none}.measure-quick-tools button{min-height:40px;font-size:12px;padding:7px 4px}.measurement-expanded #measurementSvg{min-height:0;height:0;flex:1}.measurement-expanded .measure-property-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
@media(max-width:700px){.measurement-expanded .measure-quick-tools{grid-template-columns:repeat(4,minmax(0,1fr))}.measurement-expanded .measure-quick-tools button{min-height:42px}.measurement-expanded .measure-viewport-tools{padding:5px}.measurement-expanded .measure-viewport-tools button{min-height:40px}.measurement-expanded #measurementsPanel{padding-top:max(6px,env(safe-area-inset-top));padding-bottom:max(6px,env(safe-area-inset-bottom))}.board-item{grid-template-columns:1fr 1fr}.board-item button{grid-column:1/-1}}
@media print{body.measurement-print #measurementsPanel{position:static;display:block!important;overflow:visible}body.measurement-print .measure-quick-tools{display:none!important}}

.hutsot-invoice{background:white;border:1px solid #ccd9e9;border-radius:12px;margin:18px 0;padding:22px}.hutsot-invoice-header{display:flex;justify-content:space-between;gap:20px;border-bottom:3px solid #176ac2;margin-bottom:15px}.hutsot-invoice h3{margin:6px 0 14px;font-size:25px}.hutsot-invoice table{width:100%;border-collapse:collapse}.hutsot-invoice td,.hutsot-invoice th{border:1px solid #d2dce8;padding:11px;text-align:right}.hutsot-invoice th{background:#edf4fd}.hutsot-invoice footer{padding:15px;background:#f6f9fd}.hutsot-note{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:600px){.hutsot-invoice{padding:12px}.hutsot-invoice-header{flex-direction:column;gap:0}.hutsot-invoice table{min-width:700px}}

#measurementSvg [data-edge],#measurementSvg [data-shape] text,#measurementSvg [data-shape] tspan{pointer-events:all!important;cursor:text}#measurementSvg [data-edge]{paint-order:stroke;stroke:#fff;stroke-width:7px}.hutsot-edit-table{width:100%;border-collapse:collapse;min-width:950px}.hutsot-edit-table th,.hutsot-edit-table td{border:1px solid #cdd8e6;padding:7px}.hutsot-edit-table th{background:#edf4fd;text-align:right}.hutsot-edit-table input,.hutsot-edit-table select{box-sizing:border-box;width:100%;min-width:115px}.hutsot-edit-table input[type=number]{min-width:65px;width:75px}

.hutsot-total{display:block;padding:16px;font-size:21px;background:#edf6ff;margin:12px 0}.hutsot-invoice footer h3{color:#176ac2}@media(max-width:700px){
#boardsPanel{min-width:0;padding:10px}
#boardsPanel .scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
#boardsPanel .hutsot-edit-table{display:table;min-width:1120px;width:100%;table-layout:auto}
#boardsPanel .hutsot-invoice table{display:table;min-width:930px;width:100%;table-layout:auto}
#boardsPanel table thead{display:table-header-group}
#boardsPanel table tbody{display:table-row-group}
#boardsPanel table tr{display:table-row}
#boardsPanel table th,#boardsPanel table td{display:table-cell;padding:8px;border:1px solid #cdd8e6;text-align:right;vertical-align:middle;white-space:nowrap;font-size:13px}
#boardsPanel table td:before{display:none;content:none}
#boardsPanel table th{background:#edf4fd}
#boardsPanel table input,#boardsPanel table select{width:100%;min-width:100px;min-height:44px;font-size:16px;box-sizing:border-box}
#boardsPanel table input[type=number]{min-width:70px;width:80px}
#boardsPanel table td:nth-child(2){min-width:150px}
#boardsPanel table td:nth-child(3){min-width:150px}
#hutsotForm>.bar{position:sticky;bottom:0;z-index:5;background:white;padding:12px;box-shadow:0 -3px 14px #0001}
#hutsotForm>.bar button{flex:1;min-height:48px}
#boardsPanel .bar{flex-wrap:wrap}
#boardsPanel .bar button{min-height:44px}
#boardsPanel .scroll:focus-visible{outline:2px solid #176ac2;outline-offset:2px}
}


.measure-color{display:flex;align-items:center;gap:6px;font-size:12px;margin:0}.measure-color input[type=color]{width:46px;min-width:46px;height:44px;padding:3px;cursor:pointer}.measure-viewport-tools{flex-wrap:wrap}

@media(max-width:700px){#boardsPanel .hutsot-edit-table td:nth-child(2){min-width:170px}#boardsPanel .hutsot-edit-table td:nth-child(3){min-width:80px}}

@media(max-width:700px){#boardsPanel .hutsot-edit-table td:nth-child(1){min-width:170px}#boardsPanel .hutsot-edit-table td:nth-child(2){min-width:75px}#boardsPanel .hutsot-edit-table td:nth-child(3){min-width:150px}}

/* Keep the invoice grid on touch screens, including landscape phones. */
@media screen and (max-width:1000px){
#boardsPanel{min-width:0;padding:10px}
#hutsotForm>.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#hutsotForm>.grid label{min-width:0}
#hutsotForm>.grid input,#hutsotForm>.grid select,#hutsotForm>.grid textarea{box-sizing:border-box;width:100%;min-width:0;font-size:16px;min-height:44px}
#boardsPanel .scroll{display:block;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;isolation:isolate}
#boardsPanel .hutsot-edit-table,#boardsPanel .hutsot-invoice table{display:table!important;table-layout:fixed;border-collapse:separate;border-spacing:0;width:1140px;min-width:1140px;direction:rtl}
#boardsPanel table thead{display:table-header-group!important}
#boardsPanel table tbody{display:table-row-group!important}
#boardsPanel table tr{display:table-row!important}
#boardsPanel table th,#boardsPanel table td{display:table-cell!important;box-sizing:border-box;min-width:0!important;width:auto;padding:7px;vertical-align:middle;border:1px solid #d2dce8;white-space:normal;text-align:right;font-size:14px;background:white}
#boardsPanel table th{background:#edf4fd;color:#173b63;font-weight:bold}
#boardsPanel table td:before{display:none!important;content:none!important}
#boardsPanel .hutsot-edit-table th:nth-child(1),#boardsPanel .hutsot-edit-table td:nth-child(1){width:155px;position:sticky;right:0;z-index:2;box-shadow:-3px 0 5px #173b6310}
#boardsPanel .hutsot-edit-table th:nth-child(2){width:75px}
#boardsPanel .hutsot-edit-table th:nth-child(3){width:155px}
#boardsPanel .hutsot-edit-table th:nth-child(4){width:95px}
#boardsPanel .hutsot-edit-table th:nth-child(5){width:145px}
#boardsPanel .hutsot-edit-table th:nth-child(6){width:105px}
#boardsPanel .hutsot-edit-table th:nth-child(7){width:100px}
#boardsPanel .hutsot-edit-table th:nth-child(8){width:145px}
#boardsPanel .hutsot-edit-table th:nth-child(9){width:90px}
#boardsPanel table input,#boardsPanel table select,#boardsPanel table input[type=number]{box-sizing:border-box;min-width:0!important;width:100%!important;min-height:44px;font-size:16px;padding:7px}
#boardsPanel table button{min-height:44px;white-space:normal}
#hutsotForm>.bar{position:sticky;bottom:0;background:white;padding-bottom:max(12px,env(safe-area-inset-bottom));z-index:4}
.hutsot-total{font-size:17px;line-height:1.8}
}

/* Bound the scrollport to the screen rather than the table's intrinsic width. */
#boardsPanel,#hutsotEditor,#hutsotForm,#hutsotDraftRows,#boardsRows,.hutsot-invoice{min-width:0;box-sizing:border-box;max-width:100%}
#boardsPanel .scroll{box-sizing:border-box;display:block!important;width:100%!important;max-width:calc(100vw - 64px)!important;min-width:0!important;overflow-x:scroll!important;overflow-y:auto;direction:ltr;touch-action:pan-x pan-y!important;-webkit-overflow-scrolling:touch;scrollbar-width:auto;scrollbar-color:#176ac2 #edf4fd}
#boardsPanel .scroll table{direction:rtl}
#boardsPanel .scroll::-webkit-scrollbar{height:12px}
#boardsPanel .scroll::-webkit-scrollbar-thumb{background:#176ac2;border-radius:8px}
#boardsPanel .scroll::-webkit-scrollbar-track{background:#edf4fd}
.hutsot-scroll-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}
.hutsot-scroll-controls span{flex:1;font-size:12px;color:#526880}
.hutsot-scroll-controls button{min-height:44px;min-width:85px;touch-action:manipulation}
@media screen and (max-width:1000px){
main{box-sizing:border-box;min-width:0;max-width:100vw}
#boardsPanel .hutsot-edit-table th:nth-child(1),#boardsPanel .hutsot-edit-table td:nth-child(1){position:static!important;box-shadow:none}
#boardsPanel .scroll input,#boardsPanel .scroll select{touch-action:pan-x pan-y}
}
@media print{.hutsot-scroll-controls{display:none!important}}

#boardsPanel .hutsot-table-stage{position:relative;box-sizing:content-box;min-width:0;direction:ltr}
#boardsPanel .hutsot-table-stage>table{position:absolute!important;left:0;top:0;margin:0!important;width:1140px!important;min-width:1140px!important;max-width:none!important;direction:rtl;will-change:transform}
#boardsPanel .scroll[data-fit=true]{overflow-x:hidden!important}
@media print{#boardsPanel .hutsot-table-stage{width:auto!important;height:auto!important}#boardsPanel .hutsot-table-stage>table{position:static!important;transform:none!important;width:100%!important;min-width:0!important}}

/* Measurement studio */
#measurementsPanel{background:#f4f7fb;border:1px solid #d9e4f0;border-radius:18px;padding:20px;color:#17324f}
.studio-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.studio-heading h2{margin:4px 0 12px;font-size:25px}.studio-heading small{color:#647b91}.studio-badge{border:1px solid #c9dff5;background:#eaf4ff;color:#176ac2;padding:8px 12px;border-radius:20px;font-size:12px}
#measurementForm>.grid{background:white;padding:14px;border-radius:12px;margin:12px 0}
#measurementsPanel .measure-tools{padding:10px;background:#fff;border:1px solid #d8e3ef;border-radius:12px;gap:6px}
#measurementsPanel button{transition:background .12s,border-color .12s;min-height:42px}
#measurementsPanel button[aria-pressed=true]{background:#176ac2;color:#fff;border-color:#176ac2}
#measurementsPanel .measure-layout{display:grid;grid-template-columns:275px minmax(0,1fr);align-items:start;gap:14px}
#measurementsPanel .measure-options{background:#fff;border:1px solid #d8e3ef;padding:14px;max-height:760px;overflow:auto;border-radius:12px}
.studio-selection{background:#edf5ff;color:#176ac2;padding:10px;border-radius:8px;font-size:13px;margin:10px 0}.studio-style.grid{grid-template-columns:1fr 1fr;gap:8px}.studio-checks{display:flex;gap:10px;flex-wrap:wrap;font-size:12px}.studio-checks label{display:flex;gap:5px;align-items:center}.studio-checks input{width:18px;height:18px;min-width:0}.studio-elements{border-top:1px solid #e2eaf3;padding:12px 0}.studio-elements summary{font-weight:bold;cursor:pointer}#studioLayers{display:flex;flex-direction:column;gap:5px;max-height:170px;overflow:auto;margin:8px 0}#studioLayers button{text-align:right;overflow-wrap:anywhere;font-size:12px;padding:7px}.studio-nudge{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
#measurementsPanel .measure-stage{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #c7d8e9;border-radius:12px;box-shadow:0 6px 20px #23456508}.studio-canvas-header{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;background:#17324f;color:white;font-size:12px}.studio-canvas-header span:last-child{opacity:.8}
#measurementsPanel #measurementSvg{height:auto;aspect-ratio:3/2;min-height:360px;background:#fff}
#measurementsPanel .measure-viewport-tools{padding:9px;gap:6px;display:flex;align-items:center;border-bottom:1px solid #dce7f3;background:#f8fbff}
#measurementsPanel .measure-save-actions{padding:12px;background:white;border:1px solid #dae5f0;border-radius:12px;display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:850px){#measurementsPanel{padding:10px}.studio-heading h2{font-size:20px}#measurementsPanel .measure-layout{display:flex;flex-direction:column}#measurementsPanel .measure-stage{order:0;width:100%}#measurementsPanel .measure-options{order:1;width:100%;box-sizing:border-box;max-height:none;display:block}#measurementsPanel .measure-property-fields{display:block}#measurementsPanel #measurementSvg{min-height:340px;max-height:62dvh}#measurementsPanel .measure-tools{display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%;box-sizing:border-box;position:sticky;top:0;z-index:3}#measurementsPanel .measure-tools button{flex:0 0 auto;white-space:nowrap;min-height:46px}#measurementForm>.grid{grid-template-columns:1fr 1fr}.studio-canvas-header span:last-child{display:none}#measurementsPanel .measure-viewport-tools button{min-height:44px}.studio-style input{font-size:16px}#measurementsPanel .measure-save-actions{position:sticky;bottom:0;z-index:3;box-shadow:0 -3px 12px #1232;padding-bottom:max(10px,env(safe-area-inset-bottom))}}
.measurement-expanded #measurementsPanel .studio-heading{display:none}.measurement-expanded #measurementsPanel .measure-layout{display:flex;align-items:stretch}.measurement-expanded #measurementsPanel .measure-options{max-height:35dvh;width:100%}.measurement-expanded #measurementsPanel .measure-stage{flex:1;min-height:260px}.measurement-expanded #measurementsPanel #measurementSvg{flex:1;min-height:160px;height:0;max-height:none;aspect-ratio:auto}
@media print{.studio-heading,.studio-canvas-header,.studio-elements,.studio-selection{display:none!important}body.measurement-print #measurementsPanel{border:0;background:white;padding:0}}

.studio-notebook{margin:14px 0;background:#fff;border:1px solid #d6e1ef;border-radius:12px;overflow:hidden}.studio-notebook summary{padding:16px;cursor:pointer;font-weight:bold;background:#fff9e9}.studio-notebook summary small{display:block;font-weight:normal;color:#73654b;margin-top:5px}.studio-paper{padding:16px}.studio-paper label{display:block;font-weight:bold;margin-bottom:8px}.studio-paper textarea{box-sizing:border-box;display:block;width:100%;min-height:280px;resize:vertical;line-height:32px;font-size:18px;padding:4px 14px;border:1px solid #e4dcc7;border-radius:8px;background:repeating-linear-gradient(#fffef8 0,#fffef8 31px,#dbe4ec 31px,#dbe4ec 32px);color:#26384a;touch-action:auto;user-select:text}.studio-paper span,.studio-paper p{font-size:12px;color:#6b7480}.measurement-expanded #measurementsPanel .studio-notebook{flex:none;max-height:42dvh;overflow:auto}.measurement-expanded #measurementsPanel .studio-paper textarea{min-height:180px}@media(max-width:700px){.studio-paper{padding:10px}.studio-paper textarea{font-size:18px;min-height:260px}#studioNotesToggle{background:#fff8df;border-color:#e8d59c}}@media print{body.measurement-print .studio-notebook{display:none!important}}

.brush-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex-basis:100%;padding:8px;background:#eaf3ff;border-radius:9px}.brush-controls label{display:flex;align-items:center;gap:8px;margin:0;font-size:13px}.brush-controls input[type=range]{width:120px;min-width:0;padding:0;min-height:40px}.brush-controls button{min-height:44px}.brush-controls output{min-width:20px;font-weight:bold}@media(max-width:600px){.brush-controls{gap:5px}.brush-controls input[type=range]{width:95px}.brush-controls>button:last-child{flex:1 1 100%}}

#measurementSvg [data-dimension]{pointer-events:all!important;cursor:text}#measurementsPanel button[data-measure-tool=dimension]{border-color:#438ad2}

.studio-meta,.studio-view-options{background:white;border:1px solid #d8e3ef;border-radius:10px;margin:8px 0}.studio-meta summary,.studio-view-options summary{padding:12px;font-weight:bold;cursor:pointer;font-size:13px}.studio-meta>.grid{padding:10px}.studio-brush-cursor{pointer-events:none}.workflow-note{padding:14px;margin:12px 0;border:1px solid #d9e4f0;border-radius:10px;background:white}.workflow-unread{border-right:5px solid #176ac2;background:#edf5ff}#workflowCount{background:#176ac2;color:white;border-radius:12px;padding:2px 7px}
@media(max-width:850px){
html,body{max-width:100%;min-width:0}main{box-sizing:border-box;width:100%;min-width:0;max-width:100vw;padding:10px}#measurementsPanel{width:100%;max-width:100%;box-sizing:border-box;overflow:clip;padding:8px}#measurementForm{min-width:0;max-width:100%}#measurementsPanel>.studio-heading h2{font-size:18px}#measurementsPanel>p{font-size:12px;line-height:1.6;overflow-wrap:anywhere}
#measurementsPanel .studio-meta .grid{display:grid;grid-template-columns:minmax(0,1fr);width:100%;box-sizing:border-box}#measurementsPanel .studio-meta label,#measurementsPanel .studio-meta input,#measurementsPanel .studio-meta select{min-width:0;width:100%;box-sizing:border-box;font-size:16px}
#measurementsPanel .measure-tools{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:5px}#measurementsPanel .measure-tools button{min-width:0;white-space:normal;font-size:12px;padding:7px;min-height:42px}
#measurementsPanel .measure-stage{display:flex;width:100%;max-width:100%;box-sizing:border-box;min-height:0}.studio-canvas-header{order:0}#measurementsPanel #measurementSvg{order:1;display:block;width:100%;height:48dvh;min-height:280px;max-height:520px;aspect-ratio:auto;box-sizing:border-box}.studio-view-options{order:2;max-width:100%;box-sizing:border-box}.measure-status{order:3;font-size:12px}
#measurementsPanel .measure-viewport-tools{display:flex;flex-wrap:wrap;box-sizing:border-box;width:100%}.brush-controls{min-width:0;box-sizing:border-box;width:100%;display:flex;flex-wrap:wrap}.brush-controls label{max-width:100%;flex-wrap:wrap}.brush-controls select{min-width:0;max-width:150px;font-size:16px}
#measurementsPanel .measure-save-actions{position:static!important;box-shadow:none!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;box-sizing:border-box}#measurementsPanel .measure-save-actions button{min-width:0;font-size:12px;white-space:normal}#measurementsPanel .measure-options{max-width:100%;min-width:0}.studio-badge{display:none}
.measurement-expanded #measurementsPanel .studio-meta{display:none}.measurement-expanded #measurementsPanel #measurementSvg{height:0;min-height:150px;flex:1}.measurement-expanded #measurementsPanel .measure-stage{min-height:260px;flex:1}.measurement-expanded #measurementsPanel .studio-view-options{flex:none;max-height:34dvh;overflow:auto}.measurement-expanded #measurementsPanel .measure-quick-tools{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media print{.studio-brush-cursor,.studio-meta,.studio-view-options{display:none!important}}

.workflow-banner{padding:12px;margin:10px 0;background:#fff5cf;border:1px solid #e9c654;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:10px}.workflow-alert{background:#fff1bb!important;border-color:#d79515!important;animation:workflowPulse 1.7s ease-in-out infinite}.workflow-alert #workflowCount{background:#bd3e22}@keyframes workflowPulse{50%{box-shadow:0 0 0 4px #edb22b44}}@media(prefers-reduced-motion:reduce){.workflow-alert{animation:none}}
#staffEditDialog{box-sizing:border-box;width:min(760px,95vw);max-height:90dvh;border:1px solid #c5d7eb;border-radius:15px;padding:18px;overflow:auto;direction:rtl}#staffEditDialog::backdrop{background:#17324f77}#staffEditDialog p{font-size:13px;color:#526880}#staffEditDialog .bar{position:sticky;bottom:0;background:white;padding:10px;display:flex;flex-wrap:wrap;gap:8px}@media(max-width:650px){#staffEditDialog .grid{grid-template-columns:1fr}#staffEditDialog input,#staffEditDialog textarea{font-size:16px;box-sizing:border-box;width:100%}#staffEditDialog input[type=checkbox]{width:20px}#staffEditDialog button{min-height:46px}.workflow-banner{flex-wrap:wrap}}

.announcement-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;border:2px solid #d4a625;border-radius:10px;margin:8px 0;background:#fff0a6;color:#493300;font-weight:bold;box-sizing:border-box;max-width:100%}.announcement-viewport{overflow:hidden;min-width:0;flex:1;direction:rtl}.announcement-viewport span{display:inline-block;white-space:nowrap;min-width:100%;animation:announcementTravel 16s linear infinite alternate;--announcement-travel:18px}.announcement-bar[data-color=red]{background:#ffe2e0;border-color:#c33b36;color:#791e19}.announcement-bar[data-color=blue]{background:#dbeeff;border-color:#2569ab;color:#143d69}.announcement-bar[data-color=green]{background:#daf5e0;border-color:#268146;color:#19512e}.announcement-bar button{min-height:40px;font-size:12px;flex:none}.announcement-paused span,.announcement-bar:hover span,.announcement-bar:focus-within span{animation-play-state:paused}@keyframes announcementTravel{from{transform:translateX(0)}to{transform:translateX(var(--announcement-travel))}}@media(prefers-reduced-motion:reduce){.announcement-viewport span{animation:none;white-space:normal}}@media(max-width:600px){.announcement-bar{padding:8px;gap:7px;font-size:14px}.announcement-bar>strong{display:none}.announcement-bar button{min-width:70px}#announcementInput{width:100%;box-sizing:border-box;font-size:16px;min-height:100px}}

.save-feedback{position:fixed;inset-inline:12px;top:max(12px,env(safe-area-inset-top));z-index:12000;margin:auto;max-width:680px;padding:15px 18px;border:1px solid #278d4f;background:#e6f8ed;color:#145b30;border-radius:12px;box-shadow:0 8px 24px #163b2430;font-weight:bold;line-height:1.6;box-sizing:border-box}.save-feedback[data-kind=error]{border-color:#be3939;background:#ffeded;color:#8f2323}
#announcementBar{position:sticky;top:0;z-index:6;min-height:54px;flex-wrap:nowrap}#announcementBar .announcement-viewport{min-height:25px}#announcementBar[data-empty=true] .announcement-viewport span{animation:none}#announcementEditTop{font-weight:bold;background:white}#permissionActionsEnable{padding:12px;margin:12px 0;background:#eaf4ff;border-color:#7caed8}#staffEditFeedback{padding:10px;margin:8px 0;font-weight:bold}@media(max-width:600px){#announcementBar{gap:5px;padding:7px;font-size:13px}#announcementBar button{font-size:11px;min-width:0;padding:7px}.save-feedback{font-size:14px}}@media print{.save-feedback,#announcementBar{display:none!important}}

.order-state{display:flex;align-items:center;gap:10px;padding:13px 14px;margin:14px 0 8px;border-radius:10px;border:1px solid;font-size:18px;line-height:1.5}.order-state-dot{width:11px;height:11px;border-radius:50%;background:currentColor;flex:none}.order-state-working{background:#e6f0ff;color:#1354a2;border-color:#83afe5}.order-state-ready{background:#ddf6e5;color:#116c35;border-color:#72bf8d}.order-state-waiting{background:#fff4d6;color:#805600;border-color:#dab960}.order-state-delivered{background:#e9edf3;color:#48566a;border-color:#bac4d2}.order-state-actions{display:flex;gap:7px;flex-wrap:wrap;width:100%;padding:8px 0}.order-state-actions button{border-color:#5994cf;background:#f1f7ff;font-weight:bold}.order .bar button[data-stage]{font-weight:bold;min-height:45px;padding:11px 14px}.order button[data-staff-edit]{background:#eef5ff;border-color:#8ab4df}.order button[data-delete-order]{color:#aa2424;border-color:#d89797}@media(max-width:600px){.order-state{font-size:17px}.order-state-actions button{flex:1;min-height:46px}.order .bar button[data-stage]{flex:1 1 100%}}

.employee-order-actions,.employee-detail-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 0}.employee-order-actions small{flex-basis:100%;font-size:12px;color:#835516}.employee-order-actions button{min-height:44px}.employee-order-actions button:disabled,.order button:disabled{opacity:.7;background:#f1f3f6;cursor:not-allowed}.employee-detail-actions{position:sticky;top:0;background:white;border-bottom:1px solid #dae5f0;z-index:3;padding:12px}

#announcementBar .announcement-viewport{position:relative;height:30px;line-height:30px;overflow:hidden;direction:ltr}
#announcementBar .announcement-viewport span{position:absolute;left:0;top:0;display:block;width:max-content;min-width:0;max-width:none;white-space:nowrap;direction:rtl;animation:announcementMarquee var(--ticker-duration,18s) linear var(--ticker-delay,0s) infinite;animation-play-state:running;will-change:transform}
@keyframes announcementMarquee{from{transform:translateX(var(--ticker-from,100%))}to{transform:translateX(var(--ticker-to,-100%))}}
#announcementBar.announcement-paused .announcement-viewport span{animation-play-state:paused}
#announcementBar[data-empty=true] .announcement-viewport span{position:static;animation:none;transform:none;direction:rtl;text-align:right;width:100%}
@media(hover:hover) and (pointer:fine){#announcementBar:hover .announcement-viewport span{animation-play-state:paused}}
@media(prefers-reduced-motion:reduce){#announcementBar .announcement-viewport{height:auto;min-height:30px}#announcementBar .announcement-viewport span{position:static;animation:none;transform:none;white-space:normal;width:100%;direction:rtl;text-align:right}}

.presence-panel{padding:16px;margin:18px 0;border:1px solid #ccdcee;border-radius:12px;background:#f7faff}.presence-panel>strong{display:block;margin:12px 0}.presence-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(100px,auto) minmax(200px,1.3fr);gap:12px;padding:13px;border-bottom:1px solid #dae3ee;align-items:center;background:white}.presence-state{font-weight:bold;padding:6px 10px;border-radius:16px;display:inline-block}.presence-online{background:#ddf5e4;color:#126432}.presence-offline{background:#edf0f4;color:#5c6877}.boot-issue{box-sizing:border-box;position:fixed;z-index:13000;inset:15% 12px auto;margin:auto;max-width:550px;padding:22px;border:2px solid #c17c22;border-radius:14px;background:#fff8e8;color:#493b25;box-shadow:0 10px 35px #0003;direction:rtl}.boot-issue[hidden]{display:none}.boot-issue button{min-height:46px}@media(max-width:600px){.presence-row{grid-template-columns:1fr auto;font-size:14px}.presence-row>span:last-child{grid-column:1/-1}.presence-panel{padding:10px}}

.production-summary{display:flex;gap:12px;flex-wrap:wrap;padding:14px;margin:10px 0;background:#e3f5e9;border:1px solid #91c8a4;border-radius:10px}.production-summary strong{font-size:18px;color:#195b32}.production-summary span{flex-basis:100%;font-size:13px}.hutsot-edit-table button[data-hrow-complete]{white-space:normal;min-height:44px}.hutsot-edit-table button[data-hrow-complete][aria-pressed=true]{background:#ddf4e5;border-color:#69ab80;color:#195b32}.hutsot-edit-table td small{display:block;font-size:11px;margin-top:5px}#hutsotCloseAndNew{background:#17324f;color:white}@media screen and (max-width:1000px){#boardsPanel .hutsot-table-stage>.hutsot-edit-table,#boardsPanel .hutsot-table-stage>table{width:1580px!important;min-width:1580px!important}}.hutsot-edit-table{min-width:1580px}

/* Prominent first navigation action, respecting existing permission visibility. */
.app-nav #newOrder{background:#147d45!important;color:#fff!important;border:2px solid #106737!important;font-weight:800;font-size:18px;min-height:52px;padding:12px 24px;box-shadow:0 3px 9px #147d4530}
.app-nav #newOrder:hover{background:#106737!important}
.app-nav #newOrder:focus-visible{outline:3px solid #f5b942;outline-offset:3px}
@media(max-width:640px){.app-nav #newOrder{flex-basis:100%;width:100%;margin-bottom:6px}}

.new-order-top-action{display:flex;align-items:center;gap:12px;margin:12px 0;width:100%;box-sizing:border-box}
.new-order-top-action #newOrder{background:#147d45!important;color:white!important;border:2px solid #106737!important;font-size:20px;font-weight:800;min-height:54px;padding:12px 30px;white-space:normal;box-shadow:0 3px 9px #147d4530}
.new-order-top-action #newOrder:hover{background:#106737!important}
.new-order-top-action #newOrder:focus-visible{outline:3px solid #f5b942;outline-offset:3px}
.new-order-top-action small{color:#64748b;font-size:11px}
@media(max-width:700px){.new-order-top-action{flex-wrap:wrap}.new-order-top-action #newOrder{width:100%;flex:1 0 100%}.new-order-top-action small{width:100%;text-align:left}}

.new-order-top-action{flex-wrap:wrap}
.new-order-top-action #workflowTab{min-height:52px;font-size:18px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:12px;background:white;border:2px solid #176ac2;color:#17324f;padding:10px 20px}
.new-order-top-action #workflowTab.hidden{display:none!important}
#workflowCount{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;box-sizing:border-box;font-size:18px;font-weight:800;border-radius:50px;background:#176ac2;color:white;padding:3px 9px}
.new-order-top-action #workflowTab.workflow-alert{background:#fff1bb!important;border-color:#c0392b!important}
.new-order-top-action #workflowTab.workflow-alert #workflowCount{background:#c0392b}
@media(max-width:700px){.new-order-top-action #workflowTab{width:100%;flex:1 0 100%}}

.drawing-workbench{position:sticky;top:0;z-index:35;background:#fff;border:2px solid #bad1eb;border-radius:12px;padding:10px;box-shadow:0 5px 15px #17324f20;margin:10px 0}
.workbench-title{font-size:13px;color:#526880;display:block;margin-bottom:5px}
.drawing-workbench .text-size-workbench{display:flex!important;flex-wrap:wrap;gap:8px;padding:8px!important;border-radius:8px;background:#e7f1ff!important;align-items:center}
.drawing-workbench .text-size-workbench button{min-height:44px;background:#fff;border:2px solid #176ac2;color:#17324f;font-weight:bold}
.drawing-workbench .measure-tools{display:flex!important;flex-wrap:wrap!important;gap:6px;margin:8px 0!important;padding:0!important}
.drawing-workbench .measure-tools button{min-height:42px;font-size:13px;padding:7px 10px;flex:0 0 auto}
.workbench-actions{display:flex;gap:8px;flex-wrap:wrap}.workbench-actions button{min-height:42px}
@media(min-width:1001px){#measurementsPanel .measure-layout{grid-template-columns:280px minmax(0,1fr);align-items:start}#measurementProperties{position:sticky;top:280px;max-height:calc(100dvh - 300px);overflow:auto;margin:0}#measurementsPanel .measure-stage{min-width:0}#measurementSvg{width:100%;height:65dvh;min-height:350px}}
@media(max-width:700px){.drawing-workbench{padding:7px;top:0}.drawing-workbench .measure-tools{flex-wrap:nowrap!important;overflow-x:auto;max-width:100%;padding-bottom:6px!important}.drawing-workbench .text-size-workbench small{display:none}.drawing-workbench .text-size-workbench{gap:5px;padding:5px!important}.drawing-workbench .text-size-workbench input{width:60px!important}.drawing-workbench .text-size-workbench button{font-size:12px;padding:6px}.workbench-title{font-size:11px}}
@media print{.drawing-workbench{display:none!important}}

/* Tools sit beside the actual SVG rather than above the page. */
.drawing-canvas-workspace{display:grid;grid-template-columns:190px minmax(0,1fr);gap:8px;align-items:start;position:relative;direction:rtl}
.drawing-canvas-surface{min-width:0;overflow:hidden}
.drawing-canvas-workspace .drawing-workbench{position:sticky;top:12px;margin:0;padding:7px;z-index:20;max-height:70dvh;overflow-y:auto;overscroll-behavior:contain}
.drawing-canvas-workspace .drawing-workbench .measure-tools{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.drawing-canvas-workspace .measure-tools button{width:100%;min-width:0;white-space:normal;min-height:46px;padding:6px 3px!important;font-size:12px!important}
.drawing-canvas-workspace .text-size-workbench{justify-content:center;padding:5px!important}
.drawing-canvas-workspace .text-size-workbench>strong{width:100%;font-size:13px}
.drawing-canvas-workspace .text-size-workbench small{display:none}
.drawing-canvas-workspace .text-size-workbench button{font-size:12px;padding:6px}
.drawing-canvas-workspace .text-size-workbench input{width:60px!important}
.drawing-canvas-workspace .workbench-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:8px}
.drawing-canvas-workspace .workbench-actions .primary{grid-column:1/-1}
@media(min-width:1001px){#measurementProperties{position:static;max-height:70dvh;overflow:auto}#measurementsPanel .measure-layout{grid-template-columns:230px minmax(0,1fr)}.drawing-canvas-workspace #measurementSvg{height:70dvh;min-height:400px}}
@media(max-width:700px){.drawing-canvas-workspace{display:flex;flex-direction:column}.drawing-canvas-workspace .drawing-workbench{position:static;max-height:none;overflow:visible;width:100%;box-sizing:border-box}.drawing-canvas-surface{width:100%}.drawing-canvas-workspace .drawing-workbench .measure-tools{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:6px}.drawing-canvas-workspace .measure-tools button{width:auto;flex:0 0 auto;min-width:65px}.drawing-canvas-workspace .text-size-workbench>strong{width:auto}.drawing-canvas-workspace .workbench-actions{display:flex;flex-wrap:wrap}}
@media print{.drawing-canvas-workspace,.drawing-canvas-surface{display:block!important}.drawing-canvas-workspace .drawing-workbench{display:none!important}}

button[data-measure-tool]{display:inline-flex;align-items:center;justify-content:center;min-width:46px!important;min-height:46px!important;padding:8px!important}
button[data-measure-tool] .drawing-tool-icon{width:28px;height:28px;display:block;pointer-events:none;flex-shrink:0}
button[data-measure-tool][aria-pressed=true]{background:#176ac2!important;color:white!important;border-color:#125698!important;box-shadow:inset 0 0 0 1px white}
button[data-measure-tool]:focus-visible{outline:3px solid #f5b942;outline-offset:2px}
.drawing-canvas-workspace .drawing-workbench .measure-tools{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:700px){.drawing-canvas-workspace .measure-tools button{min-width:48px!important;width:48px;flex:0 0 48px}}