/* Shared ERP UI. Load after legacy style.css. Documents inside export frames
   retain their own paper layout; these rules govern the application shell. */
:root {
  --space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;
  --space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;
  --control-height:48px;--control-compact:40px;--control-icon:40px;
  --field-gap:8px;--form-gap:16px;--section-gap:24px;
  --page-width:1200px;--page-gutter:24px;--card-padding:24px;
  --radius-control:8px;--radius-card:16px;--radius-modal:16px;
  --color-text:#302c29;--color-muted:#796d63;--color-brand:#49332b;
  --color-border:#ddd3ca;--color-surface:#fff;--color-input:#fcfbfa;
  --color-soft:#f2ece5;--color-danger:#a33b32;
  --color-required-bg:#fff3ef;
  --font-body:16px;--font-label:14px;--font-title:32px;
}
body.ui-app{color:var(--color-text);font-size:var(--font-body);line-height:1.5}
.ui-app main,.ui-app main.sales-main,.ui-app main.sites-home{
  width:100%;max-width:var(--page-width);margin-inline:auto;
  padding:var(--space-8) var(--page-gutter) 144px;min-width:0;
}
.ui-app>header{height:96px;padding-inline:var(--page-gutter);justify-content:center}
.ui-app .brand{margin:0;text-align:center}.ui-app .brand span{margin-top:var(--space-2)}
.ui-app .erp-account{padding:var(--space-3) var(--page-gutter);gap:var(--space-3);flex-wrap:wrap}
.ui-app main>.back-projects{display:inline-flex;margin:0 0 var(--space-6)}
.ui-app .intro,.ui-page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin:0 0 var(--space-6);min-width:0}
.ui-app h1,.ui-page-header h1{font-size:var(--font-title);line-height:1.25;margin:0;overflow-wrap:anywhere}
.ui-app h2{line-height:1.5}.ui-app h3{line-height:1.5}
.ui-app .card,.ui-card{padding:var(--card-padding);border:1px solid var(--color-border);border-radius:var(--radius-card);margin-bottom:var(--space-6);min-width:0;background:var(--color-surface)}
.ui-app .card>h2,.ui-app .section-heading{margin:0 0 var(--space-6)}
.ui-app .section-heading{gap:var(--space-4);align-items:center}
.ui-app :is(.customer,.sizes,.quote-site-info,.fabric-meta,.quote-calculations,.curtain-option-grid,.pricing-grid,.blind-option-selects,.panel-fields,.order-fields,.as-form-grid),.ui-form-grid{
  gap:var(--form-gap);align-items:start;min-width:0;
}
.ui-app :is(.customer,.fabric-meta,.quote-calculations,.curtain-option-panel,.option-pricing,.panel-rail,.memo){margin-top:var(--section-gap)}
.ui-app :is(.customer,.sizes,.curtain-option-grid,.quote-calculations,.pricing-grid){grid-template-columns:repeat(2,minmax(0,1fr))}
.ui-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.electric-rail-panel{margin-top:var(--section-gap);min-width:0}
.electric-rail-panel>h4{margin:0 0 var(--space-8)}
.ui-app .electric-rail-measurements{margin-bottom:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}
.electric-rail-measurements>.ui-field{align-self:stretch}
.electric-rail-measurements .ui-field-label{flex:1}
.ui-app .electric-rail-brand{margin-bottom:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}
.ui-app .electric-rail-measurements.has-motor-direction{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:768px){.ui-app .electric-rail-measurements.has-motor-direction{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ui-radio-group{min-width:0;margin:0;padding:0;border:0}
.ui-radio-group legend{padding:0;margin-bottom:var(--field-gap);font-size:var(--font-label);font-weight:600}
.ui-radio-options{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}
.ui-radio-group[data-layout=vertical] .ui-radio-options{flex-direction:column}
.ui-radio-choice{display:inline-flex;align-items:center;gap:var(--space-3);min-height:var(--control-height);cursor:pointer}
.ui-app .ui-radio-choice input[type=radio]{appearance:none;width:24px;height:24px;min-width:24px;min-height:24px;max-height:24px;margin:0;padding:0;border:2px solid var(--color-border);border-radius:50%;background:var(--color-surface);flex:none;cursor:pointer}
.ui-app .ui-radio-choice input[type=radio]:checked{border:7px solid var(--color-text)}
.ui-app .ui-radio-choice input[type=radio]:disabled{opacity:.5;cursor:default}
.electric-rail-panel .pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:var(--space-4)}
.electric-rail-panel .pricing-warning{overflow-wrap:anywhere}
.ui-app .electric-rail-options{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;column-gap:var(--form-gap)}
.electric-option-column{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}
.ui-app .electric-power-cord>.quote-hint{display:block;margin:0;padding:0;align-self:stretch;font-size:12px;font-weight:400;line-height:1.5;color:var(--color-muted);text-align:left;overflow-wrap:anywhere}
.electric-rail-options .ui-radio-group legend,.electric-option-column>.ui-field>.ui-field-label{min-height:var(--space-6)}
@media(max-width:768px){.ui-app .electric-rail-options{grid-template-columns:minmax(0,1fr)}}
.ui-app label,.ui-field{min-width:0;font-size:var(--font-label);line-height:1.5}
.ui-field{display:flex;flex-direction:column;gap:var(--field-gap);font-weight:600}
.ui-app :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=file]),select),.ui-input,.ui-select,.ui-date{
  box-sizing:border-box;width:100%;max-width:100%;min-width:0;height:var(--control-height)!important;min-height:var(--control-height)!important;
  padding:var(--space-3) var(--space-4);margin-top:var(--field-gap);border:1px solid var(--color-border);border-radius:var(--radius-control);
  font:inherit;font-size:var(--font-body);line-height:1.25;color:var(--color-text);background:var(--color-input);
}
.ui-app input[type=date]{appearance:none;-webkit-appearance:none;display:block}
.ui-app input[type=date]::-webkit-date-and-time-value{text-align:left}
.ui-app input[type=date]::-webkit-datetime-edit{padding:0}
.ui-app textarea{width:100%;max-width:100%;min-width:0;min-height:96px;margin-top:var(--field-gap);padding:var(--space-3) var(--space-4);font-size:var(--font-body);line-height:1.5;border-radius:var(--radius-control);border-color:var(--color-border)}
.ui-app :is(input,select,textarea):focus-visible{outline:2px solid #977965;outline-offset:2px}
.ui-app :is(input:not([type=radio]):not([type=checkbox]),select,textarea):not(:disabled):not([readonly]):is([aria-invalid=true],:required:invalid){border-color:var(--color-danger);background:var(--color-required-bg);box-shadow:0 0 0 1px var(--color-danger)}
.ui-app .ui-radio-group:not([disabled]):is([aria-invalid=true],:has(input:required:invalid))>legend{color:var(--color-danger)}
.ui-app .ui-radio-group:not([disabled]):is([aria-invalid=true],:has(input:required:invalid)) input[type=radio]{border-color:var(--color-danger);background:var(--color-required-bg)}
.ui-app .ui-field:has(>:is(input,select,textarea):required:not(:disabled))>.ui-field-label::after,.ui-app .ui-radio-group:not([disabled]):has(input:required)>legend::after{content:' *';color:var(--color-danger)}
.ui-app :is(button,.admin-edit-order),.ui-button{
  box-sizing:border-box;min-height:var(--control-height)!important;border-radius:var(--radius-control);padding:var(--space-3) var(--space-4);
  font:inherit;font-size:var(--font-label);line-height:1.5;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);text-align:center;max-width:100%;
}
.ui-button{border:0;background:var(--color-brand);color:#fff;text-decoration:none;cursor:pointer}
.ui-button[data-variant=secondary]{background:var(--color-soft);color:var(--color-brand)}
.ui-button[data-variant=danger]{background:var(--color-danger);color:white}
.ui-app button:disabled,.ui-button:disabled{cursor:not-allowed}
.ui-app :is(.actions,.dialog-actions,.popup-footer,.order-actions,.admin-order-actions,.order-progress-actions),.ui-button-group{
  display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);min-width:0;
}
.ui-app :is(.dialog-actions,.popup-footer),.ui-button-group[data-align=end]{justify-content:flex-end}
.ui-app :is(.actions,.dialog-actions,.popup-footer,.order-actions,.admin-order-actions) :is(button,a){margin-block:0}
.ui-app .admin-order-actions .admin-process-order{margin-left:auto}
.ui-app :is(.sales-controls,.ledger-month-controls,.order-search,.order-pickup-company),.ui-filter-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-4)}
.ui-app :is(.sales-controls,.ledger-month-controls,.order-fields,.order-pickup-company) label{display:flex;flex-direction:column;gap:var(--field-gap)}
.ui-app :is(.sales-controls,.ledger-month-controls,.order-fields,.order-pickup-company) :is(input,select){margin:0}
.ui-field>:is(input,select,textarea){margin-top:0}
.ui-app .unit-field input{padding-right:var(--space-10);font-size:20px}
.ui-app .unit-field>span{top:var(--space-4);right:var(--space-4);line-height:var(--space-4)}
.ui-app .sizes.with-box-width{grid-template-columns:repeat(3,minmax(0,1fr))}
.ui-app .sizes.with-box-width>label:nth-child(3){margin:0;width:auto;justify-self:stretch;font-size:var(--font-label);line-height:1.5}
.ui-app .sizes.with-box-width>label:nth-child(3) .unit-field input{height:var(--control-height)!important;min-height:var(--control-height)!important;font-size:20px;padding:var(--space-3) var(--space-10) var(--space-3) var(--space-4)}
.ui-app .sizes.with-box-width>label:nth-child(3) .unit-field span{font-size:var(--font-body)}
@media(max-width:768px){.ui-app .sizes.with-box-width{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-app .sizes.with-box-width>label:nth-child(3){grid-column:1/-1}}
.ui-app .handle-options{min-height:var(--control-height);gap:var(--space-1)}
.ui-app .handle legend{margin-bottom:var(--field-gap);line-height:1.5}
.ui-app .room-header{gap:var(--space-3);margin-bottom:var(--space-6);align-items:center}
.ui-app .room-header h3{min-width:0;overflow-wrap:anywhere}
.ui-app .type{padding:var(--space-1);margin-block:var(--space-6);gap:var(--space-2)}
.ui-app .view-tabs{gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-6);padding-bottom:var(--space-3)}
.ui-app .view-tabs button{flex:0 1 auto;white-space:normal}
.ui-app .sales-cards{gap:var(--space-4);align-items:stretch}
.ui-app .sales-cards .card{margin:0;padding:var(--card-padding);min-height:144px;gap:var(--space-4)}
.ui-app .sales-cards strong{margin:0;overflow-wrap:anywhere}
.ui-app :is(.home-menu,.site-list){gap:var(--space-6)}
.ui-app .home-card{padding:var(--space-8);margin:0}
.ui-app .home-card h2{margin:0}
.ui-app :is(.order-fields,.as-form-grid)>label{min-width:0}
.ui-app .order-fields{grid-template-columns:repeat(5,minmax(0,1fr))}
.ui-app .order-request-note{gap:var(--space-3);margin-top:var(--space-4)}
.ui-app .order-row{margin-bottom:var(--space-6)}
.ui-app :is(.sales-table,.ledger-table),.ui-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.ui-app table,.ui-table{border-collapse:collapse;width:100%}
.ui-app :is(th,td){padding:var(--space-3) var(--space-4);vertical-align:middle;line-height:1.5;text-align:left;overflow-wrap:anywhere}
.ui-app th{font-size:var(--font-label);font-weight:600;background:var(--color-soft)}
.ui-app td{border-bottom:1px solid var(--color-border)}
.ui-app :is(th,td)[data-align=number],.ui-table .ui-number{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.ui-app :is(th,td)[data-align=center]{text-align:center}
.ui-app .sales-detail-card :is(th,td){height:var(--control-height);padding:var(--space-3) var(--space-4)}
.ui-app dialog,.ui-modal{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-modal);width:min(480px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}
.ui-app dialog>h2{margin:0 0 var(--space-6)}
.ui-app dialog>:is(.actions,.dialog-actions,.popup-footer){margin-top:var(--space-6)}
.ui-app :is(.order-dialog,#customerQuoteDialog){width:min(1120px,calc(100vw - 32px))}
.ui-app .order-heading{padding:var(--space-4);gap:var(--space-4);align-items:center}
.ui-app .order-heading h2{margin:0}
.ui-app .order-close-x{width:var(--control-height);height:var(--control-height);padding:0;flex-shrink:0}
.ui-app footer{padding:var(--space-4) max(var(--page-gutter),calc((100vw - var(--page-width))/2 + var(--page-gutter)));gap:var(--space-4)}
.ui-app .popup-footer{padding:var(--space-4);gap:var(--space-3)}
/* Intentional compact roles: optional measurements and icon actions. */
.ui-app :is(.expense-delete-x,.site-delete,.delete,.quote-remove,.order-close-x){width:var(--control-icon);height:var(--control-icon);min-height:var(--control-icon)!important;padding:0;flex-shrink:0}
.ui-app :is(.curtain-box,.curtain-box-fields) input{height:var(--control-compact)!important;min-height:var(--control-compact)!important}
@media(max-width:768px){
  :root{--page-gutter:16px;--card-padding:16px;--font-title:28px}
  .ui-app main,.ui-app main.sales-main,.ui-app main.sites-home{padding-top:var(--space-6)}
  .ui-app>header{height:80px}
  .ui-app .intro,.ui-page-header{flex-wrap:wrap;align-items:center}
  .ui-app :is(.customer,.quote-site-info,.quote-calculations,.curtain-option-grid,.pricing-grid,.as-form-grid),.ui-form-grid{grid-template-columns:minmax(0,1fr)}
  .ui-app .order-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ui-app .order-fields>label:last-child{grid-column:1/-1}
  .ui-app .panel-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ui-app .panel-fields>label:first-child{grid-column:1/-1}
  .ui-app .sales-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ui-app :is(.home-menu,.site-list){grid-template-columns:minmax(0,1fr)}
  .ui-app .home-card{padding:var(--space-6)}
  .ui-app :is(.admin-order-actions,.order-progress-actions){display:flex;flex-wrap:wrap;gap:var(--space-3)}
  .ui-app .admin-order-actions .admin-process-order{margin-left:auto}
  .ui-app .order-pickup-company label{flex:1 1 100%;width:auto}
  .ui-app .order-pickup-company :is(input,select){width:100%}
  .ui-app :is(.blind-sizes,.roman-sizes){grid-template-columns:minmax(0,1fr) minmax(0,1fr) 80px;gap:var(--space-2)}
  .ui-app .blind-sizes .unit-field input{padding-inline:var(--space-2);font-size:var(--font-body)}
  .ui-app .blind-sizes .unit-field>span{top:calc(-1 * var(--space-6));right:0}
  .ui-app .view-tabs button{flex:1 1 auto}
}
@media(prefers-reduced-motion:reduce){.ui-app *{scroll-behavior:auto!important;transition:none!important}}
@media print{.ui-app main{max-width:none;padding:0}.ui-app .ui-no-print{display:none!important}}

.ui-app .width-count{min-height:var(--control-height);height:var(--control-height);margin-top:var(--field-gap);padding:var(--space-3) var(--space-4);font-size:20px}.ui-app input[data-dimension=boxWidthCm]{height:var(--control-height)!important;min-height:var(--control-height)!important}

.work-list-filters{margin-bottom:var(--space-4);align-items:flex-end}.work-list-filters .ui-field{flex:1 1 160px}.work-list-filters .ui-field:first-child{flex-basis:320px}.work-list-pager{justify-content:center;margin-block:var(--space-6);gap:var(--space-4)}.work-list-pager span{font-variant-numeric:tabular-nums}.work-list-items .installation-heading{gap:var(--space-4);flex-wrap:wrap;align-items:center}.work-list-items .installation-heading h2{min-width:0;overflow-wrap:anywhere}.work-order-card .admin-order-actions{margin-top:var(--space-4)}.work-order-card .card{margin:0}@media(max-width:768px){.work-list-filters .ui-field{flex-basis:100%}.work-list-filters .ui-field:first-child{flex-basis:100%}}

.ui-app .work-order-card .admin-order-actions button:not(.admin-process-order){background:var(--color-soft);color:var(--color-brand)}

.ui-app .site-card .site-dates{font-size:13px;font-weight:400;line-height:1.5;color:var(--color-muted);margin:var(--space-2) 0}

.ui-app .curtain-measurement,.ui-app .curtain-estimate{min-width:0;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-card);margin-bottom:var(--space-6);background:var(--color-input)}.ui-app .curtain-measurement .window-header,.ui-app .curtain-estimate .window-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.ui-app .curtain-measurement h4,.ui-app .curtain-estimate h4{margin:0}.curtain-copy-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--space-3);margin:var(--space-4) 0}.curtain-copy-controls .ui-field{flex:1 1 160px}.curtain-product-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--space-4);align-items:start}.ui-app .curtain-estimate>.fabric-meta{margin-top:var(--space-6)}.estimate-grand-total,.space-quote-total{display:block;padding:var(--space-4);background:var(--color-soft);border-radius:var(--radius-control);margin:0 0 var(--space-6);font-variant-numeric:tabular-nums}.space-quote-total{margin:var(--space-6) 0 0}.ui-app .add-curtain{width:100%}@media(max-width:768px){.ui-app .curtain-measurement,.ui-app .curtain-estimate{padding:var(--space-4)}.curtain-product-fields{grid-template-columns:minmax(0,1fr)}}

@media(max-width:768px){.ui-app .order-fields{grid-template-columns:minmax(0,1fr)}.ui-app .order-fields input[type=date]{padding-inline:var(--space-2);font-size:var(--font-label)}}
#headOfficeOrderDialog.order-page{position:static;display:block;width:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:visible;box-shadow:none;border-radius:0}#headOfficeOrderDialog.order-page .order-heading{position:static;padding:0 0 var(--space-6);background:transparent}#headOfficeOrderDialog.order-page .order-page-back{position:static;width:auto;height:var(--control-height);border-radius:var(--radius-control);padding-inline:var(--space-4);font-size:var(--font-body)}#headOfficeOrderDialog.order-page>.popup-footer{position:static;padding:var(--space-6) 0 0}
.order-detail-shipping{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-control);padding:var(--space-4);margin-top:var(--space-4)}.order-detail-shipping h4{margin:0 0 var(--space-3)}.order-detail-shipping-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin:0}.order-detail-shipping-grid>div{min-width:0}.order-detail-shipping-grid>.wide{grid-column:1/-1}.order-detail-shipping-grid dt{font-size:var(--font-label);color:var(--color-muted);margin-bottom:var(--space-2)}.order-detail-shipping-grid dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:768px){.order-detail-shipping-grid{grid-template-columns:minmax(0,1fr)}}
/* Revenue columns fit the available card width, including the delete action. */
.ui-app .sales-table table:has(#revenueRows){min-width:0;width:100%;table-layout:fixed}.ui-app .sales-table table:has(#revenueRows) th:nth-child(1){width:14%}.ui-app .sales-table table:has(#revenueRows) th:nth-child(2){width:14%}.ui-app .sales-table table:has(#revenueRows) th:nth-child(3){width:32%}.ui-app .sales-table table:has(#revenueRows) th:nth-child(4){width:20%}.ui-app .sales-table table:has(#revenueRows) th:nth-child(5){width:calc(20% - 48px)}.ui-app .sales-table table:has(#revenueRows) th:nth-child(6){width:48px}.ui-app .sales-table table:has(#revenueRows) :is(th,td){padding-inline:var(--space-2);white-space:normal;overflow-wrap:anywhere}.ui-app .sales-table table:has(#revenueRows) :is(th,td):last-child{padding-inline:var(--space-1)}.ui-app #revenueRows .expense-delete-cell button{margin:0;width:var(--control-icon);min-height:var(--control-icon)!important;padding:var(--space-2)}
@media(max-width:768px){.ui-app .sales-table table:has(#revenueRows) :is(th,td){font-size:12px;padding-inline:var(--space-1)}.ui-app .sales-table table:has(#revenueRows) th:nth-child(1),.ui-app .sales-table table:has(#revenueRows) th:nth-child(2){width:16%}.ui-app .sales-table table:has(#revenueRows) th:nth-child(3){width:24%}.ui-app .sales-table table:has(#revenueRows) th:nth-child(4){width:20%}.ui-app .sales-table table:has(#revenueRows) th:nth-child(5){width:calc(24% - 40px)}.ui-app .sales-table table:has(#revenueRows) th:nth-child(6){width:40px}.ui-app .sales-table table:has(#revenueRows) :is(th,td):last-child{padding-inline:0}}

.ui-app .electric-rail-brand.has-motor-direction{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:768px){.ui-app .electric-rail-brand.has-motor-direction{grid-template-columns:repeat(2,minmax(0,1fr))}}

.ui-app .electric-rail-panel{padding:var(--card-padding);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-input)}
.ui-app .electric-subtotal,.ui-app .curtain-electric-total{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-4);margin-top:var(--space-6);border-top:1px solid var(--color-border)}
.ui-app .curtain-electric-total{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-soft)}
.ui-app .electric-subtotal strong,.ui-app .curtain-electric-total strong{font-size:20px;font-variant-numeric:tabular-nums}

.ui-app .curtain-ratio-result{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--form-gap);align-items:start;min-width:0}
.ui-app .curtain-ratio-result>label,.ui-app .curtain-ratio-result>.width-result{display:flex;flex-direction:column;gap:var(--field-gap);min-width:0;font-size:var(--font-label);line-height:1.5}
.ui-app .curtain-ratio-result input,.ui-app .curtain-ratio-result .width-count{margin-top:0}
.ui-app .curtain-ratio-result .width-count{box-sizing:border-box;width:100%;height:var(--control-height);min-height:var(--control-height)}

.ui-app .curtain-ratio-result input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=file]){margin-top:0}

.ui-app .electric-rail-panel .ui-field>:is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=file]),select,textarea){margin-top:0}

@media(max-width:768px){.ui-app .electric-rail-brand{grid-template-columns:minmax(0,1fr)}}

.ui-app .order-branch-direct{border:1px solid var(--color-brand);background:var(--color-soft);border-radius:var(--radius-card);padding:var(--card-padding)}
.ui-app .order-branch-direct-note{margin:0 0 var(--space-4);font-size:var(--font-label);font-weight:700;color:var(--color-brand)}

.ui-app .workspace-tabs{position:sticky;top:0;z-index:30;flex-wrap:wrap;gap:var(--space-2);padding-block:var(--space-3);background:var(--color-input)}
.ui-app .workspace-tabs button{margin:0}
.ui-app #customerQuoteDialog.customer-quote-page{display:block;width:100%;max-width:none;height:auto;max-height:none;margin:0;padding:0;border:0;border-radius:0;overflow:visible;background:transparent}
.ui-app .customer-quote-page>.popup-footer{position:static;flex-wrap:wrap;padding-inline:0;background:transparent}

.ui-app .workspace-tabs button[role=tab][aria-selected=false]{background:transparent;color:var(--color-muted)}
.ui-app .workspace-tabs button[role=tab][aria-selected=true]{background:var(--color-brand);color:var(--color-surface)}

.order-detail-page>.order-detail-actions{margin-top:var(--space-6);}