/* Employee work surfaces. All rules are screen-only; document and print layouts keep their owners. */
@media screen {
  .crm-ui {
    --surface-data: #fff;
    --surface-overlay: #fff;
    --surface-panel: #f7f9fc;
    --separator: #dce3ec;
    --shadow-panel: 0 3px 12px #24344808;
    background-image: linear-gradient(#edf1f5f2, #edf1f5f2), url('/vision-environment.webp');
  }
  .crm-ui .topbar { padding: 14px 20px; min-height: 72px; }
  .crm-ui .top-title h1 { font-size: 25px; }
  .crm-ui .main > main[data-workspace=registry] { padding: 16px; border-color: #e1e7ef; }
  .crm-ui :is(.panel,.co-chart,.ct-summary-card) { border-color: #e1e7ef; }
  .crm-ui :is(.form-section-heading,.op-section h3,.commercial-section h3) { font-size: 16px; }
  .crm-ui .ord-workspace-v3 .ord-form-section { border-radius: 12px; padding: 14px 16px; gap: 10px 18px; }
  .crm-ui .ord-workspace-v3 .form-section-heading { padding: 9px 12px; margin-bottom: 2px; }
  .crm-ui .ct-drawer .ct-section { display: block; padding: 18px 20px 6px; }
  .crm-ui .ct-drawer .ct-section > h3 { margin: 0 0 14px; font-size: 16px; }
  .crm-ui .ct-drawer .ct-section > div { min-width: 0; max-width: 760px; }
  .crm-ui .ct-drawer .ct-field { margin-bottom: 12px; }
  .crm-ui .ct-card-tabs > button { flex: 0 0 auto; }
  .crm-ui .ct-section [data-ct=link-org] { margin-inline-end: 12px; }
  .crm-ui .employee-form-nav {
    display: flex; align-items: center; gap: 6px; position: sticky; top: 0; z-index: 4;
    padding: 8px; margin: 0 0 12px; overflow-x: auto; flex: 0 0 auto;
    border: 1px solid #dce3ec; border-radius: 10px; background: #fff;
    scrollbar-width: thin; scrollbar-color: #96aac4 #f1f4f8;
  }
  .crm-ui .employee-form-nav button {
    flex: 0 0 auto; border: 1px solid transparent; border-radius: 7px; background: #f2f5fa;
    color: #37516f; padding: 8px 10px; min-height: 36px; font-size: 12px; cursor: pointer;
  }
  .crm-ui .employee-form-nav button:hover { color: var(--accent); background: #e8f0ff; border-color: #c5d7f3; }
  .crm-ui .employee-section-heading { scroll-margin-top: 86px; }
  .crm-ui .employee-section-heading:focus { outline: 2px solid #3f7cc7; outline-offset: 3px; }
  .crm-ui .employee-scroll-hint {
    display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px;
    padding: 6px 0; color: #556981; font-size: 12px;
  }
  .crm-ui .employee-scroll-hint[hidden] { display: none; }
  .crm-ui .employee-scroll-hint span { margin-right: auto; }
  .crm-ui .employee-scroll-hint button {
    min-height: 32px; border: 1px solid #ccd7e5; border-radius: 7px;
    background: #f7faff; color: #24558e; padding: 5px 10px; font-size: 12px; cursor: pointer;
  }
  .crm-ui .employee-scroll-hint button:disabled { color: #728399; background: #f5f7fa; }
  .crm-ui .employee-scroll-region.employee-can-scroll { scrollbar-width: thin; scrollbar-color: #91a6c2 #eef2f7; }
  .crm-ui .employee-scroll-region::-webkit-scrollbar { width: 8px; height: 8px; }
  .crm-ui .employee-scroll-region::-webkit-scrollbar-thumb { background: #91a6c2; border-radius: 6px; }
  .crm-ui .employee-scroll-region::-webkit-scrollbar-track { background: #eef2f7; }
  .crm-ui .ord-table .employee-order-number { position: sticky; left: 0; background: #fff; z-index: 1; box-shadow: 1px 0 #dde5ef; }
  .crm-ui .ord-table th.employee-order-number { z-index: 3; background: #f0f4f9; }
  .crm-ui .crm-validation-summary { max-height: min(28dvh,180px); overflow-y: auto; flex: 0 0 auto; }
  .crm-ui [aria-invalid=true]:not(.ord-native-select) { border-color: #bf3046; }
  .crm-ui #ord-column-order > [data-col] { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 6px 10px; border: 1px solid #dce3ec; border-radius: 8px; margin-bottom: 6px; background: #f8fafd; }
  .crm-ui #ord-column-order .employee-column-name { flex: 1; }
  .crm-ui #ord-column-order .employee-drag-handle { color: #7b8da4; cursor: grab; }
  .crm-ui #ord-column-order [data-column-move] { padding: 5px 9px; min-height: 32px; border: 1px solid #ccd7e5; border-radius: 6px; background: #fff; color: #37516f; cursor: pointer; }
  .crm-ui .employee-filter-toggle { display: none; }
  .crm-ui [inert] :is(.ct-menu,.co-menu,.ord-menu,.lead-filter) { visibility: hidden; }
}
@media screen and (max-width: 760px) {
  .crm-ui .topbar { padding: 12px 14px; }
  .crm-ui .top-title h1 { font-size: 23px; }
  .crm-ui .main > main[data-workspace=registry] { padding: 12px; }
  .crm-ui :is(#orders-module,#contacts-module,#finance-module,#catalog-module,main,[data-overlay-level]) :is(button,.btn):not([hidden]) { min-height: 44px; min-width: 44px; }
  .crm-ui :is(input,select,textarea):not(.ord-native-select):not([type=checkbox]):not([type=radio]):not([type=hidden]) { font-size: 16px; }
  .crm-ui :is(.ord-status,.ct-name,[data-co=edit],[data-oa=asset],[data-oa=contact]) { min-height: 44px; min-width: 44px; }
  .crm-ui .ord-table .link { display: inline-flex; align-items: center; padding: 4px 0; }
  .crm-ui .ord-table td small > .btn.link { min-height: 44px; min-width: 44px; }
  .crm-ui .ct-filters { max-height: none; overflow: visible; gap: 6px; }
  .crm-ui .ct-filters .btn { white-space: normal; text-align: left; }
  .crm-ui .employee-filter-toggle { display: inline-flex; align-items: center; margin: 4px 0 10px; }
  .crm-ui .employee-filter-group:not(.is-open) > .ct-filters { display: none; }
  .crm-ui .employee-form-nav { gap: 4px; padding: 6px; margin-bottom: 10px; }
  .crm-ui .employee-form-nav button { min-height: 44px; padding: 8px 10px; }
  .crm-ui .employee-scroll-hint { gap: 5px; padding: 6px 0; }
  .crm-ui .employee-scroll-hint button { min-height: 44px; }
  .crm-ui .fn-account .fn-gear { min-height: 44px !important; min-width: 44px; }
  .crm-ui .employee-scroll-hint span { flex: 1 1 100%; }
  .crm-ui .employee-section-heading { scroll-margin-top: 82px; }
  .crm-ui .ct-drawer .ct-section { padding: 16px 14px 6px; }
  .crm-ui .lead-filter > div { position: absolute; top: calc(100% + 4px); left: 0; right: auto; min-width: 220px; max-width: calc(100vw - 48px); max-height: 50dvh; overflow: auto; }
  .crm-ui :is(.ct-menu,.co-menu,.ord-menu) > div { top: calc(100% + 4px); }
  .crm-ui #ord-column-order [data-column-move] { min-height: 44px; min-width: 44px; }
}

/* Phone intake: retain every action while reserving space for the working field. */
.ord-tab-short,.ord-mobile-action{display:none!important}
@media(max-width:760px){
  .order-mobile-overlay{top:var(--order-visible-top,0)!important;bottom:auto!important;height:var(--order-visible-height,100dvh)!important;box-sizing:border-box}
  .crm-ui .order-mobile-overlay>.ord-workspace-v3{height:100%;max-height:100%;width:100%;border-radius:0}
  .crm-ui .ord-workspace-v3 .ord-card-head{min-height:52px;padding:4px 10px;gap:4px;flex-shrink:0}
  .crm-ui .ord-workspace-v3 .ord-card-head h2{font-size:17px;line-height:22px}
  .crm-ui .ord-workspace-v3 .ord-card-head .btn{min-height:44px;min-width:44px;padding:6px 8px}
  .crm-ui .ord-workspace-v3 .ord-header-history{display:none}
  .crm-ui .ord-workspace-v3 .ord-card-tabs{padding:0 8px;gap:0;min-height:44px}
  .crm-ui .ord-workspace-v3 .ord-card-tabs .btn{min-height:44px;padding:8px 12px;font-size:14px}
  .crm-ui .ord-workspace-v3 .ord-history-tab{display:inline-flex}
  .ord-workspace-v3 .ord-tab-full,.ord-workspace-v3 .ord-desktop-action{display:none!important}
  .ord-workspace-v3 .ord-tab-short,.ord-workspace-v3 .ord-mobile-action{display:inline-flex!important}
  .crm-ui .ord-workspace-v3 .ord-card-content{padding:8px;scroll-padding-block:12px}
  .crm-ui .ord-workspace-v3 .ord-form-section{padding:12px;gap:12px;border-radius:10px}
  .crm-ui .ord-workspace-v3 .ord-form-section>h3{font-size:15px;line-height:20px;padding:8px 10px;margin:0}
  .crm-ui .ord-workspace-v3 .ord-intake-fields{gap:10px}
  .crm-ui .ord-workspace-v3 .ord-intake-fields .field{gap:6px}
  .crm-ui .ord-workspace-v3 .ord-intake-fields .field>span{font-size:14px;line-height:20px}
  .crm-ui .ord-workspace-v3 .ord-intake-fields textarea{min-height:76px}
  .crm-ui .ord-workspace-v3 .ord-create-requirements{padding:8px 10px;gap:8px;font-size:13px;line-height:18px}
  .crm-ui .ord-workspace-v3 .ord-create-requirements .btn{min-height:44px;padding:6px 10px;flex-shrink:0}
  .crm-ui .ord-workspace-v3 .ord-card-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;padding:6px 10px max(8px,env(safe-area-inset-bottom));flex-shrink:0}
  .crm-ui .ord-workspace-v3 .ord-card-footer>[data-save="close"]{grid-column:1;grid-row:2;min-height:44px;white-space:normal;padding:8px 12px;font-size:15px}
  .crm-ui .ord-workspace-v3 .ord-card-footer>.ord-footer-more{grid-column:2;grid-row:2;margin:0}
  .crm-ui .ord-workspace-v3 .ord-card-footer>span{grid-column:1/-1;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:6px;width:auto;margin:0;line-height:18px;font-size:12px}
  .crm-ui .ord-workspace-v3 .ord-card-footer>span strong{font-size:15px;line-height:18px}
  .crm-ui .ord-workspace-v3 .ord-footer-more>summary{min-height:44px;padding:8px 12px}
  .crm-ui .ord-workspace-v3 .ord-footer-more>div{right:0;left:auto;max-width:calc(100vw - 24px)}
  .crm-ui .ord-workspace-v3 .ord-footer-more>div .btn{min-height:44px}
  .crm-ui .ord-workspace-v3 .ord-photos{display:flex;flex-direction:column;gap:10px}
  .crm-ui .ord-workspace-v3 .ord-photo-intro{order:0;padding:0}
  .crm-ui .ord-workspace-v3 .ord-photo-intro h3{margin:0;font-size:16px}
  .crm-ui .ord-workspace-v3 .ord-photo-intro p{font-size:12px;margin:4px 0;line-height:17px}
  .crm-ui .ord-workspace-v3 .ord-photo-stages{order:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .crm-ui .ord-workspace-v3 .ord-photo-stage{padding:8px;min-height:44px;gap:3px}
  .crm-ui .ord-workspace-v3 .ord-photo-stage span{font-size:13px}
  .crm-ui .ord-workspace-v3 .ord-photo-stage em{display:none}
  .crm-ui .ord-workspace-v3 .ord-photo-compose{order:-1;display:flex;flex-direction:column;gap:8px;padding:10px}
  .crm-ui .ord-workspace-v3 .ord-photo-upload{order:-1;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
  .crm-ui .ord-workspace-v3 .ord-photo-upload .btn{min-height:48px;font-size:14px;padding:8px}
  .crm-ui .ord-workspace-v3 .ord-photo-upload small{grid-column:1/-1;font-size:12px;line-height:17px}
  .crm-ui .ord-workspace-v3 .ord-photo-compose-head{gap:8px}
  .crm-ui .ord-workspace-v3 .ord-photo-caption textarea{min-height:60px}
  .crm-ui .ord-workspace-v3 .ord-photo-list-head,.crm-ui .ord-workspace-v3 .ord-photo-grid,.crm-ui .ord-workspace-v3 .ord-photo-empty,.crm-ui .ord-workspace-v3 .ord-photo-legacy{order:2}
  .crm-ui .ord-workspace-v3 .warranty-kit{padding:10px}
  .crm-ui .ord-workspace-v3 .kit-row{gap:6px;padding:8px 0;grid-template-columns:1fr 1fr}
  .crm-ui .ord-workspace-v3 .kit-row label{gap:4px}
  .crm-ui .ord-workspace-v3 .kit-buttons{display:flex;gap:6px}
  .crm-ui .ord-workspace-v3 .kit-buttons button{min-height:44px;padding:6px;flex:1}
  .crm-ui .order-mobile-overlay.co-nested-backdrop{padding:6px;align-items:center}
  .crm-ui .order-mobile-overlay .co-nested{display:flex;flex-direction:column;max-height:100%;width:100%;overflow:hidden;border-radius:12px}
  .crm-ui .order-mobile-overlay .co-nested>header{padding:8px 12px;min-height:48px;flex:none}
  .crm-ui .order-mobile-overlay .co-nested>header h3{font-size:17px;line-height:22px}
  .crm-ui .order-mobile-overlay .co-nested>form{display:flex;flex-direction:column;min-height:0;overflow:hidden}
  .crm-ui .order-mobile-overlay .co-nested-body{overflow:auto;min-height:0;padding:12px;scroll-padding-block:12px}
  .crm-ui .order-mobile-overlay .co-nested footer{flex:none;padding:8px 12px;gap:8px}
  .crm-ui .order-mobile-overlay .co-nested footer .btn{min-height:44px}
  .ord-popover{box-sizing:border-box;overscroll-behavior:contain}
  .ord-popover .ord-catalog-tools{position:sticky;top:-6px;background:white;z-index:1}
}
@media(max-width:760px){
 .crm-ui .ord-workspace-v3 .ord-card-footer>span{flex-direction:row}
 .crm-ui .order-mobile-overlay .co-nested>header h2{font-size:17px;line-height:22px}
 .ord-popover .ord-select-search{position:sticky;top:-6px;background:white;z-index:1}
}
@media(max-width:760px){
 .crm-ui .ord-workspace-v3 .ord-photo-privacy-hint{padding:8px;margin:0;font-size:12px;line-height:18px}
 .crm-ui .ord-workspace-v3 .ord-photo-caption{font-size:14px;gap:6px;margin:0}
 .crm-ui .ord-workspace-v3 .ord-photo-compose-head strong{font-size:15px}
 .crm-ui .ord-workspace-v3 .ord-photo-compose-head small{font-size:12px}
}

/* Existing orders: keep status, print and actions in one touch-sized phone row. */
@media(max-width:760px){
 .crm-ui .ord-workspace-v3 .ord-card-actions{display:grid;grid-template-columns:minmax(0,1fr) 44px auto;gap:4px;padding:4px 10px;min-height:0}
 .crm-ui .ord-workspace-v3 .ord-card-actions>.ord-spacer{display:none}
 .crm-ui .ord-workspace-v3 .ord-card-actions>[data-oa=status]{grid-column:1;grid-row:1;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .crm-ui .ord-workspace-v3 .ord-card-actions>[data-oa=print]{grid-column:2;grid-row:1;min-width:44px;padding:8px 4px}
 .crm-ui .ord-workspace-v3 .ord-card-actions>[data-oa=actions]{grid-column:3;grid-row:1;padding:8px;font-size:13px}
 .crm-ui .ord-workspace-v3 .ord-card-actions>.btn{min-height:44px;height:auto;margin:0}
 .crm-ui .ord-workspace-v3 .ord-card-actions>.ord-status-timer{grid-column:1/-1;grid-row:2;font-size:11px;line-height:16px;margin:0}
 .crm-ui .ord-workspace-v3 #ord-work-notes{margin-top:12px}
 .crm-ui .ord-workspace-v3 #ord-work-notes .ord-field>span{font-size:14px;line-height:20px}
 .crm-ui .ord-workspace-v3 #ord-work-notes textarea{font-size:16px;min-height:76px;padding:10px}
}