/* V260 final order-management edge repair only. */
#ordersPage#ordersPage{
  --order-right-gutter:12px;
}
#ordersPage#ordersPage .data-table-wrap.order-table-wrap{
  border-radius:14px!important;
  border:1px solid rgba(190,226,223,.72)!important;
  background:#fff!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  padding-right:var(--order-right-gutter)!important;
  padding-bottom:12px!important;
  box-shadow:none!important;
  background-clip:padding-box!important;
}
#ordersPage#ordersPage .orders-table{
  border-radius:12px!important;
  overflow:hidden!important;
  background:#fff!important;
}
#ordersPage#ordersPage .orders-table thead th:first-child{
  border-top-left-radius:10px!important;
}




#ordersPage#ordersPage .orders-table tbody tr:last-child td:first-child{
  border-bottom-left-radius:10px!important;
}
#ordersPage#ordersPage:not(.order-extra-open) .orders-table tbody tr:last-child td.order-note-cell,
#ordersPage#ordersPage.order-extra-open .orders-table tbody tr:last-child td.order-extra-col:nth-child(23){
  border-bottom-right-radius:10px!important;
}

/* V263 final order-management edge polish only. Keep case gallery locked. */
#ordersPage#ordersPage{
  --order-right-gutter:12px;
  --order-table-radius:14px;
}
#ordersPage#ordersPage .data-table-wrap.order-table-wrap{
  position:relative!important;
  width:auto!important;
  max-width:none!important;
  border-radius:var(--order-table-radius)!important;
  clip-path:inset(0 round var(--order-table-radius))!important;
  -webkit-clip-path:inset(0 round var(--order-table-radius))!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  padding:0 var(--order-right-gutter) 12px 0!important;
  background:#fff!important;
  border:1px solid rgba(190,226,223,.72)!important;
  box-sizing:border-box!important;
}
#ordersPage#ordersPage .orders-table{
  margin:0!important;
}
#ordersPage#ordersPage .orders-table thead th:first-child{
  border-top-left-radius:calc(var(--order-table-radius) - 3px)!important;
}
#ordersPage#ordersPage:not(.order-extra-open) .orders-table thead th.order-note-toggle-th,
#ordersPage#ordersPage:not(.order-extra-open) .orders-table tbody td.order-note-cell{
  right:var(--order-right-gutter)!important;
}
#ordersPage#ordersPage.order-extra-open .orders-table thead th.order-note-toggle-th,
#ordersPage#ordersPage.order-extra-open .orders-table tbody td.order-note-cell{
  right:calc(9.2% + var(--order-right-gutter))!important;
}
#ordersPage#ordersPage.order-extra-open .orders-table thead th.order-extra-col:nth-child(22),
#ordersPage#ordersPage.order-extra-open .orders-table tbody td.order-extra-col:nth-child(22){
  right:calc(4.6% + var(--order-right-gutter))!important;
}
#ordersPage#ordersPage.order-extra-open .orders-table thead th.order-extra-col:nth-child(23),
#ordersPage#ordersPage.order-extra-open .orders-table tbody td.order-extra-col:nth-child(23){
  right:var(--order-right-gutter)!important;
}
#ordersPage#ordersPage .order-table-wrap > .amount-summary-bar,
#ordersPage#ordersPage .order-table-wrap > .pager-bar{
  width:calc(100% - var(--order-right-gutter))!important;
  max-width:calc(100% - var(--order-right-gutter))!important;
  margin-right:var(--order-right-gutter)!important;
  box-sizing:border-box!important;
}
#ordersPage#ordersPage .order-table-wrap > .pager-bar{
  border-radius:0 0 calc(var(--order-table-radius) - 2px) calc(var(--order-table-radius) - 2px)!important;
}

/* V264 order-management shell/template alignment and compact chrome toggle only. */
body.ui-sidebar-v1 #ordersPage.page-view.active{
  height:100%!important;
  max-height:100%!important;
  min-height:0!important;
  padding:0!important;
  overflow:visible!important;
}
body.ui-sidebar-v1 #ordersPage.xk-right-shell-page.active > .order-page-card.xk-right-shell-body{
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  background:rgba(255,255,255,.91)!important;
  border:0!important;
  border-radius:var(--xk-shell-radius)!important;
  box-shadow:
    0 18px 48px rgba(20,31,45,.075),
    inset 1px 0 0 rgba(11,122,117,.060),
    inset -1px 0 0 rgba(11,122,117,.050),
    inset 0 -1px 0 rgba(11,122,117,.055)!important;
  overflow:hidden!important;
  clip-path:inset(0 round var(--xk-shell-radius))!important;
  -webkit-clip-path:inset(0 round var(--xk-shell-radius))!important;
}
body.ui-sidebar-v1 #ordersPage.xk-right-shell-page.active > .order-page-card.xk-right-shell-body::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)!important;
  z-index:2!important;
}
body.ui-sidebar-v1 #ordersPage.xk-right-shell-page.active > .order-page-card.xk-right-shell-body > *{
  position:relative!important;
  z-index:1!important;
}
#ordersPage#ordersPage .page-filter-bar.order-filter-bar-v96{
  grid-template-columns:minmax(7rem,.58fr) minmax(14rem,1.4fr) minmax(6rem,.55fr) minmax(15rem,1.45fr) minmax(8rem,.72fr) minmax(8.5rem,.78fr) auto minmax(0,1fr) auto minmax(5.5rem,.42fr)!important;
}
#ordersPage#ordersPage #orderChromeToggleBtn{
  min-width:58px!important;
  white-space:nowrap!important;
}
#ordersPage#ordersPage.order-chrome-hidden .order-page-card > .xk-template-generated-head,
#ordersPage#ordersPage.order-chrome-hidden .order-page-card > .xk-template-panel-head,
#ordersPage#ordersPage.order-chrome-hidden .order-page-card > .xk-template-page-title,
#ordersPage#ordersPage.order-chrome-hidden .order-page-card > h2,
#ordersPage#ordersPage.order-chrome-hidden .page-filter-bar.order-filter-bar-v96{
  display:none!important;
}
#ordersPage#ordersPage .data-table-wrap.order-table-wrap{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
}

/* V265 order edit contact phone width fix only. */
#orderEditModal .oq-basic-grid{
  grid-template-columns:minmax(210px,1fr) 112px 178px minmax(200px,1fr)!important;
}
#orderEditModal .oq-contact-phone-field{
  padding-left:10px!important;
  padding-right:10px!important;
}
#orderEditModal .oq-contact-phone-field input{
  min-width:0!important;
  padding-left:10px!important;
  padding-right:10px!important;
  font-size:16px!important;
  letter-spacing:0!important;
  text-align:left!important;
  font-variant-numeric:tabular-nums!important;
}

/* V266 unified order right-column layout. */
#ordersPage#ordersPage{
  --order-right-gutter:0px;
  --order-note-width:7.9%;
  --order-open-note-width:5%;
  --order-number-width:5.2%;
  --order-updated-width:4%;
  --order-sticky-line:rgba(11,122,117,.055);
  --order-head-bg:#eaf8f6;
  --order-row-bg:#fff;
  --order-row-hover:#f3faf9;
  --order-row-selected:#e0f0ee;
}
#ordersPage#ordersPage .data-table-wrap.order-table-wrap{
  padding-right:0!important;
  scrollbar-gutter:auto!important;
  overflow-x:auto!important;
  overflow-y:auto!important;
}
#ordersPage#ordersPage .orders-table,
#ordersPage#ordersPage:not(.order-extra-open) .orders-table,
#ordersPage#ordersPage.order-extra-open .orders-table{
  width:100%!important;
  max-width:none!important;
  table-layout:fixed!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  margin:0!important;
}
#ordersPage#ordersPage .orders-table thead th,
#ordersPage#ordersPage .orders-table tbody td{
  box-sizing:border-box!important;
}
#ordersPage#ordersPage .orders-table th:nth-child(21),
#ordersPage#ordersPage .orders-table td:nth-child(21),
#ordersPage#ordersPage .orders-table .order-note-toggle-th,
#ordersPage#ordersPage .orders-table .order-note-cell{
  width:96px!important;
  min-width:96px!important;
  max-width:96px!important;
}
#ordersPage#ordersPage .orders-table thead th.order-note-toggle-th,
#ordersPage#ordersPage .orders-table tbody td.order-note-cell{
  position:relative!important;
  right:auto!important;
  top:auto!important;
  z-index:auto!important;
  padding:6px 6px!important;
  border-left:1px solid var(--order-sticky-line)!important;
  border-right:0!important;
  overflow:hidden!important;
  box-shadow:none!important;
  background:var(--order-row-bg)!important;
  background-color:var(--order-row-bg)!important;
}
#ordersPage#ordersPage .orders-table thead th.order-note-toggle-th{
  top:auto!important;
  z-index:auto!important;
  padding-right:30px!important;
  background:var(--order-head-bg)!important;
  background-color:var(--order-head-bg)!important;
  box-shadow:inset 0 -1px 0 rgba(11,122,117,.20)!important;
}
#ordersPage#ordersPage .orders-table thead th.order-note-toggle-th .order-extra-toggle{
  right:5px!important;
}
#ordersPage#ordersPage .orders-table tbody tr:hover td.order-note-cell{
  background:var(--order-row-hover)!important;
  background-color:var(--order-row-hover)!important;
}
#ordersPage#ordersPage .orders-table tbody tr.row-selected td.order-note-cell{
  background:var(--order-row-selected)!important;
  background-color:var(--order-row-selected)!important;
}
#ordersPage#ordersPage .orders-table tbody td.order-note-cell .order-cell-clamp{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  text-align:left!important;
}

#ordersPage#ordersPage.order-extra-open .orders-table thead th.order-note-toggle-th,
#ordersPage#ordersPage.order-extra-open .orders-table tbody td.order-note-cell{
  right:auto!important;
}
#ordersPage#ordersPage.order-extra-open .orders-table tbody td.order-note-cell{
  z-index:auto!important;
}
#ordersPage#ordersPage.order-extra-open .orders-table thead th.order-extra-col,
#ordersPage#ordersPage.order-extra-open .orders-table tbody td.order-extra-col{
  display:table-cell!important;
  visibility:visible!important;
  position:static!important;
  right:auto!important;
  top:auto!important;
  z-index:auto!important;
  padding:6px 5px!important;
  border-left:1px solid var(--order-sticky-line)!important;
  border-right:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  box-shadow:none!important;
  background:var(--order-row-bg)!important;
  background-color:var(--order-row-bg)!important;
  background-clip:padding-box!important;
}
#ordersPage#ordersPage.order-extra-open .orders-table .order-number-extra-cell .order-cell-clamp,
#ordersPage#ordersPage.order-extra-open .orders-table .order-updated-extra-cell .order-cell-clamp{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  text-align:center!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:0!important;
}
#ordersPage#ordersPage.order-extra-open .orders-table .order-number-extra-cell{
  padding-left:2px!important;
  padding-right:2px!important;
}
#ordersPage#ordersPage.order-extra-open .orders-table thead th.order-extra-col{
  top:auto!important;
  z-index:auto!important;
  background:var(--order-head-bg)!important;
  background-color:var(--order-head-bg)!important;
  box-shadow:inset 0 -1px 0 rgba(11,122,117,.20)!important;
}
#ordersPage#ordersPage.order-extra-open .orders-table th:nth-child(22),
#ordersPage#ordersPage.order-extra-open .orders-table td:nth-child(22),
#ordersPage#ordersPage.order-extra-open .orders-table .order-extra-col:nth-child(22){
  width:var(--order-number-width)!important;
  min-width:var(--order-number-width)!important;
  max-width:var(--order-number-width)!important;
  right:auto!important;
  z-index:auto!important;
}
#ordersPage#ordersPage.order-extra-open .orders-table th:nth-child(23),
#ordersPage#ordersPage.order-extra-open .orders-table td:nth-child(23),
#ordersPage#ordersPage.order-extra-open .orders-table .order-extra-col:nth-child(23){
  width:var(--order-updated-width)!important;
  min-width:var(--order-updated-width)!important;
  max-width:var(--order-updated-width)!important;
  right:auto!important;
  z-index:auto!important;
}
#ordersPage#ordersPage.order-extra-open .orders-table thead th.order-note-toggle-th{
  z-index:auto!important;
}
#ordersPage#ordersPage.order-extra-open .orders-table thead th.order-extra-col:nth-child(22){
  z-index:auto!important;
}
#ordersPage#ordersPage.order-extra-open .orders-table thead th.order-extra-col:nth-child(23){
  z-index:auto!important;
}
#ordersPage#ordersPage.order-extra-open .orders-table tbody tr:hover td.order-extra-col{
  background:var(--order-row-hover)!important;
  background-color:var(--order-row-hover)!important;
}
#ordersPage#ordersPage.order-extra-open .orders-table tbody tr.row-selected td.order-extra-col{
  background:var(--order-row-selected)!important;
  background-color:var(--order-row-selected)!important;
}
#ordersPage#ordersPage .orders-table tbody tr:not(.row-selected):hover > td,
#ordersPage#ordersPage .orders-table tbody tr:not(.row-selected):hover > td:nth-child(15),
#ordersPage#ordersPage .orders-table tbody tr:not(.row-selected):hover > td.money-cell,
#ordersPage#ordersPage .orders-table tbody tr:not(.row-selected):hover > td.order-note-cell,
#ordersPage#ordersPage .orders-table tbody tr:not(.row-selected):hover > td.order-extra-col{
  background:var(--order-row-hover)!important;
  background-color:var(--order-row-hover)!important;
}
#ordersPage#ordersPage .orders-table tbody tr.row-selected > td,
#ordersPage#ordersPage .orders-table tbody tr.row-selected > td:nth-child(15),
#ordersPage#ordersPage .orders-table tbody tr.row-selected > td.money-cell,
#ordersPage#ordersPage .orders-table tbody tr.row-selected > td.order-note-cell,
#ordersPage#ordersPage .orders-table tbody tr.row-selected > td.order-extra-col,
#ordersPage#ordersPage .orders-table tbody tr:has(> td input.order-row-check:checked) > td,
#ordersPage#ordersPage .orders-table tbody tr:has(> td input.order-row-check:checked) > td:nth-child(15),
#ordersPage#ordersPage .orders-table tbody tr:has(> td input.order-row-check:checked) > td.money-cell,
#ordersPage#ordersPage .orders-table tbody tr:has(> td input.order-row-check:checked) > td.order-note-cell,
#ordersPage#ordersPage .orders-table tbody tr:has(> td input.order-row-check:checked) > td.order-extra-col{
  background:var(--order-row-selected)!important;
  background-color:var(--order-row-selected)!important;
}
#ordersPage#ordersPage .orders-table tbody tr.row-selected > td:first-child,
#ordersPage#ordersPage .orders-table tbody tr:has(> td input.order-row-check:checked) > td:first-child{
  box-shadow:inset 4px 0 0 rgba(11,122,117,.55)!important;
}
#ordersPage#ordersPage .orders-table thead,
#ordersPage#ordersPage .orders-table thead tr,
#ordersPage#ordersPage .orders-table thead th,
#ordersPage#ordersPage .orders-table tbody td.order-note-cell,
#ordersPage#ordersPage .orders-table tbody td.order-extra-col{
  position:static!important;
  right:auto!important;
  top:auto!important;
  z-index:auto!important;
  transform:none!important;
}
#ordersPage#ordersPage .orders-table thead th.order-note-toggle-th{
  position:relative!important;
}
#ordersPage#ordersPage .orders-table thead th.order-note-toggle-th .order-extra-toggle{
  z-index:3!important;
  right:4px!important;
}
#ordersPage#ordersPage .order-table-wrap > .amount-summary-bar,
#ordersPage#ordersPage .order-table-wrap > .pager-bar{
  width:100%!important;
  max-width:100%!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}

/* V269 order copy affordance: seq, note, order number and contact use the same hand cursor. */
#ordersPage#ordersPage .orders-table tbody td.order-seq-copy-cell,
#ordersPage#ordersPage .orders-table tbody td.order-note-cell,
#ordersPage#ordersPage .orders-table tbody td.order-number-extra-cell,
#ordersPage#ordersPage .orders-table tbody td.order-contact-person-cell,
#ordersPage#ordersPage .orders-table tbody td.order-seq-copy-cell .order-cell-clamp,
#ordersPage#ordersPage .orders-table tbody td.order-note-cell .order-cell-clamp,
#ordersPage#ordersPage .orders-table tbody td.order-number-extra-cell .order-cell-clamp,
#ordersPage#ordersPage .orders-table tbody td.order-contact-person-cell .order-cell-clamp{
  cursor:pointer!important;
}
#ordersPage#ordersPage .orders-table tbody td.order-contact-person-cell .order-contact-stack > strong,
#ordersPage#ordersPage .orders-table tbody td.order-contact-person-cell .order-contact-stack > span{
  font-weight:400!important;
}

/* V270 order worker custom input and note divider color alignment. */
#ordersPage#ordersPage{
  --order-sticky-line:rgba(11,122,117,.10);
}
#ordersPage#ordersPage .orders-table thead th.order-note-toggle-th,
#ordersPage#ordersPage .orders-table tbody td.order-note-cell{
  border-left-color:rgba(11,122,117,.10)!important;
}
.order-worker-fee-card .order-worker-fee-field select,
.order-worker-fee-card .order-worker-fee-field input{
  width:100%!important;
  height:42px!important;
  border:1px solid rgba(11,122,117,.18)!important;
  border-radius:12px!important;
  padding:0 12px!important;
  background:#fff!important;
  color:#102033!important;
  font:700 15px "Microsoft YaHei",Arial,sans-serif!important;
  box-sizing:border-box!important;
}
.order-worker-fee-card .order-worker-custom-field.hidden{
  display:none!important;
}

/* V273 keep order customer suggestions above the fixed order table header. */
#ordersPage#ordersPage .page-filter-bar.order-filter-bar-v96{
  position:relative!important;
  z-index:5000!important;
  overflow:visible!important;
}
#ordersPage#ordersPage .order-table-wrap,
#ordersPage#ordersPage .data-table-wrap.order-table-wrap{
  z-index:1!important;
}
#ordersPage#ordersPage #orderCustomerSuggest{
  position:absolute!important;
  z-index: var(--layer-dropdown) !important;
  overflow:auto!important;
}

/* V275 二级订单详情弹窗：统一编辑订单母版风格、90%窗口、拖拽与工人列 */
#orderDetailsModal:not(.hidden){
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  background:rgba(15,36,45,.28)!important;
  backdrop-filter:blur(12px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(130%)!important;
  z-index: var(--layer-modal) !important;
}
#orderDetailsModal .order-details-layer-card{
  width:min(90vw,1760px)!important;
  height:min(90vh,980px)!important;
  max-width:90vw!important;
  max-height:90vh!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  padding:18px 20px 16px!important;
  overflow:hidden!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.66)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.90),rgba(238,250,248,.82))!important;
  box-shadow:0 34px 105px rgba(13,48,55,.24), inset 0 1px 0 rgba(255,255,255,.88)!important;
  backdrop-filter:blur(24px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(145%)!important;
}
#orderDetailsModal .order-details-layer-card.is-dragging{
  user-select:none!important;
  box-shadow:0 38px 116px rgba(13,48,55,.31), inset 0 1px 0 rgba(255,255,255,.88)!important;
}
#orderDetailsModal .order-details-head{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-height:46px!important;
  margin:0!important;
  padding:0 0 12px!important;
  border-bottom:1px solid rgba(11,122,117,.12)!important;
  cursor:move!important;
}
#orderDetailsModal .order-details-head strong{
  color:#0f2a35!important;
  font-size:22px!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
}
#orderDetailsModal .order-details-head strong::before{
  content:"";
  display:inline-block;
  width:7px;
  height:22px;
  margin-right:10px;
  vertical-align:-4px;
  border-radius:999px;
  background:linear-gradient(180deg,#0b7a75,#d18412)!important;
  box-shadow:0 8px 16px rgba(11,122,117,.18)!important;
}
#orderDetailsModal .order-details-head small{
  display:block!important;
  max-width:980px!important;
  margin-top:4px!important;
  color:#667085!important;
  font-size:12px!important;
  font-weight:800!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#orderDetailsModal .order-details-head .ghost-btn{
  height:34px!important;
  min-width:72px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.74)!important;
  border:1px solid rgba(11,122,117,.16)!important;
  color:#172233!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 10px 24px rgba(15,23,42,.055)!important;
  cursor:pointer!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
}
#orderDetailsModal .order-details-head .ghost-btn:hover{
  transform:translateY(-1px)!important;
  background:rgba(235,250,248,.98)!important;
  border-color:rgba(11,122,117,.36)!important;
  color:#0b7a75!important;
}
#orderDetailsModal .order-detail-actions,
#orderDetailsModal .detail-filter-bar-v96{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:0!important;
  padding:10px 12px!important;
  border:1px solid rgba(255,255,255,.66)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.56)!important;
  box-shadow:0 14px 34px rgba(11,122,117,.055), inset 0 1px 0 rgba(255,255,255,.80)!important;
  backdrop-filter:blur(10px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(10px) saturate(130%)!important;
}
#orderDetailsModal .detail-action-group{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
#orderDetailsModal .order-detail-actions .small,
#orderDetailsModal .detail-filter-bar-v96 .small{
  height:32px!important;
  padding:0 12px!important;
  border-radius:11px!important;
  font-weight:850!important;
  cursor:pointer!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease!important;
}
#orderDetailsModal .order-detail-actions .small:hover,
#orderDetailsModal .detail-filter-bar-v96 .small:hover{
  transform:translateY(-1px)!important;
  background:rgba(235,250,248,.98)!important;
  border-color:rgba(11,122,117,.32)!important;
  box-shadow:0 10px 24px rgba(11,122,117,.09)!important;
}
#orderDetailsModal .detail-filter-bar-v96 label{
  display:grid!important;
  grid-template-columns:auto minmax(120px,1fr)!important;
  align-items:center!important;
  gap:6px!important;
  min-width:180px!important;
  color:#344054!important;
  font-size:12px!important;
  font-weight:850!important;
}
#orderDetailsModal .detail-filter-bar-v96 input,
#orderDetailsModal .detail-filter-bar-v96 select{
  height:32px!important;
  border:1px solid rgba(11,122,117,.16)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.84)!important;
  padding:0 10px!important;
  color:#102033!important;
  outline:none!important;
}
#orderDetailsModal .detail-filter-bar-v96 input:focus,
#orderDetailsModal .detail-filter-bar-v96 select:focus{
  border-color:rgba(11,122,117,.52)!important;
  box-shadow:0 0 0 3px rgba(11,122,117,.10)!important;
}
#orderDetailsModal .detail-table-wrap{
  flex:1 1 auto!important;
  min-height:0!important;
  width:100%!important;
  max-width:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  border-radius:18px!important;
  border:1px solid rgba(11,122,117,.12)!important;
  background:rgba(255,255,255,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78)!important;
}
#orderDetailsModal .detail-table{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  table-layout:fixed!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
#orderDetailsModal .detail-table thead th{
  position:sticky!important;
  top:0!important;
  z-index:4!important;
  height:46px!important;
  padding:0 6px!important;
  background:linear-gradient(180deg,#e9faf7,#ddf4f0)!important;
  color:#0b5960!important;
  font-size:13px!important;
  font-weight:950!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  border-bottom:1px solid rgba(11,122,117,.18)!important;
}
#orderDetailsModal .detail-table td{
  height:52px!important;
  max-height:52px!important;
  padding:6px 7px!important;
  color:#263238!important;
  text-align:center!important;
  vertical-align:middle!important;
  border-bottom:1px solid rgba(15,23,42,.06)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#orderDetailsModal .detail-table tbody tr{
  height:52px!important;
  transition:background .14s ease!important;
}
#orderDetailsModal .detail-table tbody tr:hover td{
  background:rgba(243,250,249,.95)!important;
}
#orderDetailsModal .detail-table tbody tr.row-selected td{
  background:#e0f0ee!important;
}
#orderDetailsModal .detail-table th:nth-child(1),
#orderDetailsModal .detail-table td:nth-child(1){width:44px!important;}
#orderDetailsModal .detail-table th:nth-child(2),
#orderDetailsModal .detail-table td:nth-child(2){width:62px!important;}
#orderDetailsModal .detail-table th:nth-child(3),
#orderDetailsModal .detail-table td:nth-child(3){width:110px!important;}
#orderDetailsModal .detail-table th:nth-child(4),
#orderDetailsModal .detail-table td:nth-child(4){width:190px!important;}
#orderDetailsModal .detail-table th:nth-child(5),
#orderDetailsModal .detail-table td:nth-child(5){width:112px!important;}
#orderDetailsModal .detail-table th:nth-child(6),
#orderDetailsModal .detail-table td:nth-child(6){width:140px!important;}
#orderDetailsModal .detail-table th:nth-child(7),
#orderDetailsModal .detail-table td:nth-child(7){width:104px!important;}
#orderDetailsModal .detail-table th:nth-child(8),
#orderDetailsModal .detail-table td:nth-child(8){width:90px!important;}
#orderDetailsModal .detail-table th:nth-child(9),
#orderDetailsModal .detail-table td:nth-child(9){width:90px!important;}
#orderDetailsModal .detail-table th:nth-child(10),
#orderDetailsModal .detail-table td:nth-child(10),
#orderDetailsModal .detail-table th:nth-child(11),
#orderDetailsModal .detail-table td:nth-child(11){width:94px!important;}
#orderDetailsModal .detail-table th:nth-child(12),
#orderDetailsModal .detail-table td:nth-child(12){width:62px!important;}
#orderDetailsModal .detail-table th:nth-child(13),
#orderDetailsModal .detail-table td:nth-child(13){width:98px!important;}
#orderDetailsModal .detail-table th:nth-child(14),
#orderDetailsModal .detail-table td:nth-child(14){width:86px!important;}
#orderDetailsModal .detail-table th:nth-child(15),
#orderDetailsModal .detail-table td:nth-child(15){width:190px!important;}
#orderDetailsModal .detail-table th:nth-child(16),
#orderDetailsModal .detail-table td:nth-child(16){width:70px!important;overflow:visible!important;}
#orderDetailsModal .detail-table th:nth-child(17),
#orderDetailsModal .detail-table td:nth-child(17){width:76px!important;}
#orderDetailsModal .detail-table .order-cell-clamp{
  max-height:2.64em!important;
  line-height:1.32!important;
}
#orderDetailsModal .detail-created-date-cell .order-cell-clamp{
  white-space:nowrap!important;
  display:block!important;
  max-height:none!important;
}
#orderDetailsModal .detail-worker-cell .order-cell-clamp{
  white-space:nowrap!important;
  display:block!important;
}
#orderDetailsModal .detail-thumb-btn img{
  width:46px!important;
  height:34px!important;
  object-fit:cover!important;
  border-radius:8px!important;
}
#orderDetailContextMenu{
  z-index:10180!important;
}

/* V277 订单管理客户搜索结果框加高：多显示联想客户内容 */
#ordersPage#ordersPage #orderCustomerSuggest{
  max-height:min(62vh,680px)!important;
  min-height:0!important;
  align-content:start!important;
  grid-auto-rows:max-content!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:10px!important;
}
#ordersPage#ordersPage #orderCustomerSuggest.hidden,
#ordersPage#ordersPage #orderCustomerSuggest:empty{
  min-height:0!important;
}
#ordersPage#ordersPage #orderCustomerSuggest button{
  min-height:40px!important;
}

/* V279 订单管理表格统一基线：单表格对齐、统一表头、干净右侧和独立底栏 */
#ordersPage#ordersPage{
  --order-head-bg:#eaf8f6;
  --order-head-line:rgba(11,122,117,.22);
  --order-grid-line:rgba(11,122,117,.075);
  --order-row-bg:#fff;
  --order-row-hover:#f3faf9;
  --order-row-selected:#e0f0ee;
}
#ordersPage#ordersPage .data-table-wrap.order-table-wrap{
  position:relative!important;
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  min-height:0!important;
  width:calc(100% - 44px)!important;
  max-width:calc(100% - 44px)!important;
  margin-left:22px!important;
  margin-right:22px!important;
  align-self:center!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(190,226,223,.72)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
}
#ordersPage#ordersPage .orders-grid-scroll{
  flex:1 1 auto!important;
  min-height:0!important;
  width:100%!important;
  overflow-y:scroll!important;
  overflow-x:auto!important;
  scrollbar-gutter:stable!important;
  background:#fff!important;
}
#ordersPage#ordersPage .orders-table,
#ordersPage#ordersPage:not(.order-extra-open) .orders-table,
#ordersPage#ordersPage.order-extra-open .orders-table{
  display:table!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  margin:0!important;
  overflow:visible!important;
  table-layout:fixed!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  border-radius:0!important;
  background:#fff!important;
}
#ordersPage#ordersPage:not(.order-extra-open) .orders-table{
  width:max(100%,1358px)!important;
  min-width:1358px!important;
}
#ordersPage#ordersPage.order-extra-open .orders-table{
  width:max(100%,1516px)!important;
  min-width:1516px!important;
}
#ordersPage#ordersPage .orders-table::before,
#ordersPage#ordersPage .orders-table::after{
  content:none!important;
  display:none!important;
}
#ordersPage#ordersPage .orders-table thead{
  display:table-header-group!important;
  position:static!important;
  width:auto!important;
  background:transparent!important;
}
#ordersPage#ordersPage .orders-table tbody#ordersRows{
  display:table-row-group!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  overflow:visible!important;
  background:#fff!important;
}
#ordersPage#ordersPage .orders-table thead tr,
#ordersPage#ordersPage .orders-table tbody#ordersRows tr,
#ordersPage#ordersPage .orders-table tbody#ordersRows tr.empty-row{
  display:table-row!important;
  position:static!important;
  width:auto!important;
  table-layout:inherit!important;
}
#ordersPage#ordersPage .orders-table thead th,
#ordersPage#ordersPage .orders-table tbody td,
#ordersPage#ordersPage .orders-table tbody#ordersRows td{
  display:table-cell!important;
  box-sizing:border-box!important;
  right:auto!important;
  left:auto!important;
  transform:none!important;
  border-left:0!important;
  border-right:1px solid var(--order-grid-line)!important;
  border-bottom:1px solid var(--order-grid-line)!important;
  background:var(--order-row-bg)!important;
  background-color:var(--order-row-bg)!important;
  background-clip:padding-box!important;
  box-shadow:none!important;
  vertical-align:middle!important;
}
#ordersPage#ordersPage .orders-table thead th,
#ordersPage#ordersPage .orders-table thead th:nth-child(15),
#ordersPage#ordersPage .orders-table thead th.order-note-toggle-th,
#ordersPage#ordersPage.order-extra-open .orders-table thead th.order-extra-col{
  position:sticky!important;
  top:0!important;
  z-index:8!important;
  height:48px!important;
  padding-top:6px!important;
  padding-bottom:6px!important;
  background:var(--order-head-bg)!important;
  background-color:var(--order-head-bg)!important;
  color:#233247!important;
  border-bottom:2px solid var(--order-head-line)!important;
  box-shadow:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
#ordersPage#ordersPage .orders-table tbody td:nth-child(15),
#ordersPage#ordersPage .orders-table tbody td.money-cell{
  background:var(--order-row-bg)!important;
  background-color:var(--order-row-bg)!important;
  color:#0b7a75!important;
  font-weight:900!important;
  box-shadow:none!important;
}
#ordersPage#ordersPage .orders-table tbody#ordersRows tr:not(.row-selected):hover > td,
#ordersPage#ordersPage .orders-table tbody#ordersRows tr:not(.row-selected):hover > td:nth-child(15),
#ordersPage#ordersPage .orders-table tbody#ordersRows tr:not(.row-selected):hover > td.money-cell,
#ordersPage#ordersPage .orders-table tbody#ordersRows tr:not(.row-selected):hover > td.order-note-cell,
#ordersPage#ordersPage .orders-table tbody#ordersRows tr:not(.row-selected):hover > td.order-extra-col{
  background:var(--order-row-hover)!important;
  background-color:var(--order-row-hover)!important;
}
#ordersPage#ordersPage .orders-table tbody#ordersRows tr.row-selected > td,
#ordersPage#ordersPage .orders-table tbody#ordersRows tr:has(> td input.order-row-check:checked) > td{
  background:var(--order-row-selected)!important;
  background-color:var(--order-row-selected)!important;
}
#ordersPage#ordersPage .orders-table thead th.order-note-toggle-th,
#ordersPage#ordersPage .orders-table tbody td.order-note-cell,
#ordersPage#ordersPage.order-extra-open .orders-table thead th.order-extra-col,
#ordersPage#ordersPage.order-extra-open .orders-table tbody td.order-extra-col{
  right:auto!important;
  left:auto!important;
  box-shadow:none!important;
  border-left:0!important;
}
#ordersPage#ordersPage .orders-table thead th.order-note-toggle-th{
  position:sticky!important;
  padding-right:28px!important;
  overflow:visible!important;
}
#ordersPage#ordersPage .orders-table thead th.order-note-toggle-th .order-extra-toggle{
  position:absolute!important;
  top:50%!important;
  right:4px!important;
  z-index:10!important;
  width:20px!important;
  min-width:20px!important;
  height:20px!important;
  padding:0!important;
  margin:0!important;
  transform:translateY(-50%)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(11,122,117,.16)!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.88)!important;
  color:#0b7a75!important;
  font-size:11px!important;
  line-height:1!important;
  box-shadow:none!important;
}
#ordersPage#ordersPage .orders-table thead th.order-note-toggle-th .order-extra-toggle:hover{
  background:#fff!important;
  border-color:rgba(11,122,117,.34)!important;
}
#ordersPage#ordersPage:not(.order-extra-open) .orders-table thead th.order-extra-col,
#ordersPage#ordersPage:not(.order-extra-open) .orders-table tbody td.order-extra-col{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  min-width:0!important;
  max-width:0!important;
  padding:0!important;
  border:0!important;
}
#ordersPage#ordersPage.order-extra-open .orders-table thead th.order-extra-col,
#ordersPage#ordersPage.order-extra-open .orders-table tbody td.order-extra-col{
  display:table-cell!important;
  visibility:visible!important;
  position:static!important;
  right:auto!important;
  left:auto!important;
  padding:6px 4px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#ordersPage#ordersPage.order-extra-open .orders-table thead th.order-extra-col{
  position:sticky!important;
  top:0!important;
  z-index:8!important;
  right:auto!important;
  left:auto!important;
  background:var(--order-head-bg)!important;
  background-color:var(--order-head-bg)!important;
}
#ordersPage#ordersPage.order-extra-open .orders-table thead th.order-note-toggle-th:nth-child(21),
#ordersPage#ordersPage.order-extra-open .orders-table thead th.order-extra-col:nth-child(22){
  position:sticky!important;
  top:0!important;
  z-index:12!important;
  right:auto!important;
  left:auto!important;
  border-bottom:2px solid var(--order-head-line)!important;
  border-right:1px solid var(--order-grid-line)!important;
  box-shadow:none!important;
}
#ordersPage#ordersPage.order-extra-open .orders-table thead th.order-extra-col:nth-child(23){
  position:sticky!important;
  top:0!important;
  z-index:12!important;
  right:auto!important;
  left:auto!important;
  border-bottom:2px solid var(--order-head-line)!important;
  border-right:0!important;
  box-shadow:none!important;
}
#ordersPage#ordersPage:not(.order-extra-open) .orders-table thead th:nth-child(21){
  border-top-right-radius:12px!important;
}
#ordersPage#ordersPage:not(.order-extra-open) .orders-table thead th:nth-child(21),
#ordersPage#ordersPage:not(.order-extra-open) .orders-table tbody#ordersRows td:nth-child(21),
#ordersPage#ordersPage.order-extra-open .orders-table thead th:nth-child(23),
#ordersPage#ordersPage.order-extra-open .orders-table tbody#ordersRows td:nth-child(23){
  border-right:0!important;
}
#ordersPage#ordersPage.order-extra-open .orders-table thead th:nth-child(23){
  border-top-right-radius:12px!important;
}
#ordersPage#ordersPage .order-table-footer{
  flex:0 0 auto!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  min-height:52px!important;
  padding:6px 10px!important;
  box-sizing:border-box!important;
  border-top:1px solid rgba(11,122,117,.10)!important;
  border-radius:0 0 13px 13px!important;
  background:linear-gradient(90deg,rgba(239,250,248,.94),rgba(255,255,255,.94))!important;
}
#ordersPage#ordersPage .order-table-footer > .pager-bar{
  flex:0 1 auto!important;
  position:static!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  min-height:38px!important;
  padding:2px 7px!important;
  margin:0!important;
  transform:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  border:1px solid rgba(11,122,117,.11)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:none!important;
  color:#53636f!important;
  font-size:12px!important;
  font-weight:750!important;
  line-height:1!important;
  z-index:auto!important;
  pointer-events:auto!important;
}
#ordersPage#ordersPage .order-table-footer > .pager-bar .ghost-btn{
  height:32px!important;
  min-height:32px!important;
  min-width:62px!important;
  padding:0 12px!important;
  border-radius:8px!important;
  border:1px solid rgba(11,122,117,.13)!important;
  background:#fff!important;
  color:#40515d!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:32px!important;
  box-shadow:none!important;
}
#ordersPage#ordersPage .order-table-footer > .pager-bar .ghost-btn:hover:not(:disabled){
  background:#edf9f7!important;
  border-color:rgba(11,122,117,.30)!important;
  color:#0b7a75!important;
}
#ordersPage#ordersPage .order-table-footer > .pager-bar .ghost-btn:disabled{
  opacity:.46!important;
  cursor:not-allowed!important;
}
#ordersPage#ordersPage .order-table-footer > .pager-bar #orderPageInfo{
  min-width:142px!important;
  color:#53636f!important;
  text-align:center!important;
  white-space:nowrap!important;
}
#ordersPage#ordersPage .order-table-footer > .pager-bar .jump-page-field{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  height:32px!important;
  margin:0!important;
  color:#667681!important;
  font-size:12px!important;
  font-weight:750!important;
  white-space:nowrap!important;
}
#ordersPage#ordersPage .order-table-footer > .pager-bar input{
  width:46px!important;
  height:32px!important;
  min-height:32px!important;
  padding:0 5px!important;
  margin:0!important;
  border:1px solid rgba(11,122,117,.14)!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#40515d!important;
  font-size:12px!important;
  font-weight:800!important;
  text-align:center!important;
  box-shadow:none!important;
}
#ordersPage#ordersPage .order-table-footer > .amount-summary-bar{
  flex:1 1 auto!important;
  min-width:0!important;
  width:auto!important;
  max-width:100%!important;
  min-height:34px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#ordersPage#ordersPage .order-table-footer > .amount-summary-bar span{
  flex:0 0 auto!important;
  white-space:nowrap!important;
}
@media(max-width:1350px){
  #ordersPage#ordersPage .order-table-footer{
    justify-content:center!important;
    gap:6px!important;
  }
  #ordersPage#ordersPage .order-table-footer > .amount-summary-bar{
    justify-content:center!important;
  }
}

/* V312 order management footer: translucent frosted glass bar. */
#ordersPage#ordersPage .order-table-footer{
  background:linear-gradient(90deg,rgba(239,252,250,.52),rgba(255,255,255,.42))!important;
  border-top:1px solid rgba(255,255,255,.58)!important;
  border-left:1px solid rgba(255,255,255,.34)!important;
  border-right:1px solid rgba(255,255,255,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.70)!important;
  -webkit-backdrop-filter:blur(18px) saturate(165%)!important;
  backdrop-filter:blur(18px) saturate(165%)!important;
}
#ordersPage#ordersPage .order-table-footer > .pager-bar{
  background:rgba(255,255,255,.48)!important;
  border:1px solid rgba(255,255,255,.58)!important;
  box-shadow:0 8px 22px rgba(16,32,45,.06), inset 0 1px 0 rgba(255,255,255,.72)!important;
  -webkit-backdrop-filter:blur(14px) saturate(150%)!important;
  backdrop-filter:blur(14px) saturate(150%)!important;
}
#ordersPage#ordersPage .order-table-footer > .pager-bar .ghost-btn,
#ordersPage#ordersPage .order-table-footer > .pager-bar input{
  background:rgba(255,255,255,.58)!important;
  border-color:rgba(255,255,255,.58)!important;
  box-shadow:0 4px 12px rgba(16,32,45,.04), inset 0 1px 0 rgba(255,255,255,.70)!important;
}
#ordersPage#ordersPage .order-table-footer > .pager-bar .ghost-btn:hover:not(:disabled){
  background:rgba(237,249,247,.78)!important;
  border-color:rgba(11,122,117,.24)!important;
}
#ordersPage#ordersPage .order-table-footer > .amount-summary-bar span{
  background:rgba(255,255,255,.48)!important;
  border:1px solid rgba(255,255,255,.58)!important;
  box-shadow:0 8px 20px rgba(16,32,45,.05), inset 0 1px 0 rgba(255,255,255,.72)!important;
  -webkit-backdrop-filter:blur(14px) saturate(150%)!important;
  backdrop-filter:blur(14px) saturate(150%)!important;
}
/* Invoice custom tax input must stay above the invoice editor. */
.invoice-custom-tax-modal{
  z-index: var(--layer-modal-confirm) !important;
}
.invoice-custom-tax-modal .order-action-card{
  z-index:120001!important;
}

/* V286 unified glass context menu master */
:where(
  .order-row-context-menu,
  .quote-row-context-menu,
  .worker-row-context-menu,
  .invoice-row-context-menu,
  .file-context-menu,
  .case-gallery-context-menu
){
  position:fixed!important;
  z-index: var(--layer-dropdown) !important;
  min-width:166px!important;
  width:auto!important;
  max-width:240px!important;
  padding:7px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.62)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.72),rgba(239,250,248,.54))!important;
  box-shadow:
    0 20px 46px rgba(15,42,48,.18),
    0 7px 18px rgba(15,42,48,.10),
    inset 0 1px 0 rgba(255,255,255,.86)!important;
  backdrop-filter:blur(22px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(145%)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
:where(
  .order-row-context-menu,
  .quote-row-context-menu,
  .worker-row-context-menu,
  .invoice-row-context-menu,
  .file-context-menu,
  .case-gallery-context-menu
)::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  border-radius:inherit!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(255,255,255,.82),transparent 42%),
    radial-gradient(circle at 100% 100%,rgba(117,206,197,.18),transparent 48%)!important;
  pointer-events:none!important;
}
:where(
  .order-row-context-menu,
  .quote-row-context-menu,
  .worker-row-context-menu,
  .invoice-row-context-menu,
  .file-context-menu,
  .case-gallery-context-menu
) button,
:where(.case-gallery-context-menu) .case-gallery-menu-row{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-height:32px!important;
  height:auto!important;
  padding:7px 11px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#132f39!important;
  text-align:left!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:18px!important;
  cursor:pointer!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
  transition:background-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease!important;
}
:where(
  .order-row-context-menu,
  .quote-row-context-menu,
  .worker-row-context-menu,
  .invoice-row-context-menu,
  .file-context-menu,
  .case-gallery-context-menu
) button:hover,
:where(.case-gallery-context-menu) .case-gallery-menu-row:hover{
  background:rgba(236,253,250,.74)!important;
  color:#04756f!important;
  box-shadow:inset 0 0 0 1px rgba(11,122,117,.10)!important;
}
:where(
  .order-row-context-menu,
  .quote-row-context-menu,
  .worker-row-context-menu,
  .invoice-row-context-menu,
  .file-context-menu,
  .case-gallery-context-menu
) button:active,
:where(.case-gallery-context-menu) .case-gallery-menu-row:active{
  transform:scale(.985)!important;
}
:where(
  .order-row-context-menu,
  .quote-row-context-menu,
  .worker-row-context-menu,
  .invoice-row-context-menu,
  .file-context-menu,
  .case-gallery-context-menu
) button.danger{
  color:#b42318!important;
}
:where(
  .order-row-context-menu,
  .quote-row-context-menu,
  .worker-row-context-menu,
  .invoice-row-context-menu,
  .file-context-menu,
  .case-gallery-context-menu
) button.danger:hover{
  background:rgba(255,241,240,.76)!important;
  color:#b42318!important;
  box-shadow:inset 0 0 0 1px rgba(180,35,24,.10)!important;
}
:where(
  .order-row-context-menu,
  .quote-row-context-menu,
  .worker-row-context-menu,
  .invoice-row-context-menu,
  .file-context-menu,
  .case-gallery-context-menu
) hr,
:where(.order-row-context-menu) .order-context-divider{
  height:1px!important;
  margin:6px 5px!important;
  border:0!important;
  background:linear-gradient(90deg,transparent,rgba(11,122,117,.18),transparent)!important;
}
.case-gallery-context-menu-wide{
  min-width:184px!important;
}

/* V287 order editor interaction polish */
#orderEditModal :is(.primary-btn,.ghost-btn,#orderChooseCustomerBtn,#orderChooseProductBtn,.order-worker-trigger,#orderFormFileUploadBtn,#orderFormFileViewBtn){
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease,filter .16s ease!important;
}
#orderEditModal :is(.primary-btn,.ghost-btn,#orderChooseCustomerBtn,#orderChooseProductBtn,.order-worker-trigger,#orderFormFileUploadBtn,#orderFormFileViewBtn):hover:not(:disabled){
  filter:saturate(1.05)!important;
  transform:translateY(-1px)!important;
  border-color:rgba(11,122,117,.34)!important;
  box-shadow:0 10px 24px rgba(11,122,117,.13), inset 0 1px 0 rgba(255,255,255,.82)!important;
}
#orderEditModal .oq-modal-head #closeOrderModal:hover,
#orderEditModal .oq-actions #cancelOrderModal:hover{
  background:rgba(243,250,249,.96)!important;
  color:#04756f!important;
}
#orderEditModal .oq-actions #saveOrderBtn:hover{
  box-shadow:0 12px 28px rgba(11,122,117,.22), inset 0 1px 0 rgba(255,255,255,.38)!important;
}
#orderEditModal .oq-input-with-btn button:hover:not(:disabled){
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(231,250,247,.96))!important;
  color:#04756f!important;
}
#orderEditModal input[type="date"]::-webkit-calendar-picker-indicator{
  border-radius:8px!important;
  padding:4px!important;
  cursor:pointer!important;
  transition:background-color .16s ease,box-shadow .16s ease,filter .16s ease!important;
}
#orderEditModal input[type="date"]:hover::-webkit-calendar-picker-indicator,
#orderEditModal input[type="date"]:focus::-webkit-calendar-picker-indicator{
  background:transparent!important;
  box-shadow:none!important;
  filter:saturate(1.18) brightness(.94)!important;
  opacity:.78!important;
}
#orderEditModal :is(.oq-upload-card,.order-image-box-v66,.order-file-box-v66){
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
#orderEditModal :is(.oq-upload-card,.order-image-box-v66,.order-file-box-v66):hover{
  border-color:rgba(11,122,117,.42)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(237,252,249,.92))!important;
  box-shadow:0 12px 28px rgba(11,122,117,.10), inset 0 1px 0 rgba(255,255,255,.86)!important;
  transform:translateY(-1px)!important;
}
#orderEditModal :is(.oq-field,.oq-note-field,.oq-upload-card,.oq-money-card,.order-field,.order-note-field-v66,.order-task-card-v66,.order-money-card-v66):focus-within{
  border-color:transparent!important;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(120deg,rgba(16,185,129,.82),rgba(14,165,233,.68),rgba(245,158,11,.62)) border-box!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.9),
    0 0 0 4px rgba(20,184,166,.10),
    0 14px 32px rgba(13,148,136,.10)!important;
}
#orderEditModal :is(input,select,textarea):focus{
  outline:0!important;
}
#orderEditModal .oq-input-with-btn:focus-within{
  border-radius:14px!important;
  box-shadow:0 0 0 3px rgba(20,184,166,.10)!important;
}
#orderEditModal #orderFormTaskContent::placeholder{
  color:#94a3b8!important;
}

/* V288 product quote hover polish */
#quotePage :is(button,.file-button,.quote-upload-inline-btn,.quote-image-cell-btn,.quote-verify-btn,.danger-btn,.dark-btn){
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease,filter .16s ease!important;
}
#quotePage :is(button,.file-button,.quote-upload-inline-btn,.quote-image-cell-btn,.quote-verify-btn,.danger-btn,.dark-btn):hover:not(:disabled){
  transform:translateY(-1px)!important;
  filter:saturate(1.06)!important;
  border-color:rgba(11,122,117,.34)!important;
  box-shadow:0 10px 24px rgba(11,122,117,.13), inset 0 1px 0 rgba(255,255,255,.72)!important;
}
#quotePage :is(button,.file-button,.quote-upload-inline-btn,.quote-image-cell-btn,.quote-verify-btn,.danger-btn,.dark-btn):active:not(:disabled){
  transform:translateY(0) scale(.99)!important;
}
#quotePage .danger-btn:hover:not(:disabled){
  background:rgba(255,241,240,.96)!important;
  color:#b42318!important;
  border-color:rgba(180,35,24,.22)!important;
}
#quotePage .dark-btn:hover:not(:disabled){
  filter:saturate(1.08) brightness(1.04)!important;
}
#quotePage #dropZone{
  cursor:pointer!important;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease,filter .18s ease!important;
}
#quotePage #dropZone:hover,
#quotePage #dropZone.drag-over{
  border-color:rgba(11,122,117,.46)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(237,252,249,.92))!important;
  box-shadow:0 12px 28px rgba(11,122,117,.12), inset 0 1px 0 rgba(255,255,255,.86)!important;
  transform:translateY(-1px)!important;
}
#quotePage #dropZone:hover .drop-icon,
#quotePage #dropZone.drag-over .drop-icon{
  background:linear-gradient(145deg,#0b7a75,#14b8a6)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(11,122,117,.22)!important;
}
#quotePage #dropZone .file-button{
  cursor:pointer!important;
}

/* V289 order image viewer and export polish */
#orderImageModal{
  background:rgba(7,18,24,.70)!important;
  backdrop-filter:blur(16px) saturate(115%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(115%)!important;
}
#orderImageModal .order-image-modal-card{
  width:min(1180px,92vw)!important;
  height:min(820px,90vh)!important;
  max-height:90vh!important;
  background:linear-gradient(145deg,rgba(19,34,42,.94),rgba(7,18,24,.90))!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 34px 100px rgba(0,0,0,.48)!important;
  color:#eef9f8!important;
}
#orderImageModal .order-image-head strong{
  color:#f4fffe!important;
}
#orderImageModal .order-image-stage{
  position:relative!important;
  height:calc(min(820px,90vh) - 130px)!important;
  overflow:hidden!important;
  border-radius:22px!important;
  background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.10),rgba(0,0,0,.24) 58%,rgba(0,0,0,.38))!important;
}
#orderImageModal #orderImageLarge{
  position:relative!important;
  z-index:5!important;
  max-width:86%!important;
  max-height:92%!important;
  object-fit:contain!important;
  transition:transform .12s ease, opacity .18s ease!important;
  cursor:zoom-in!important;
  will-change:transform!important;
}
#orderImageModal #orderImageLarge.is-zoomed{
  z-index:9!important;
  cursor:grab!important;
}
#orderImageModal #orderImageLarge.is-dragging{
  cursor:grabbing!important;
  transition:none!important;
}
#orderImageModal .image-side{
  z-index:2!important;
  opacity:.36!important;
  filter:blur(.2px) saturate(.9)!important;
  transform:scale(.86)!important;
  transition:opacity .18s ease,transform .18s ease!important;
}
#orderImageModal .image-side:hover{
  opacity:.62!important;
  transform:scale(.9)!important;
}
#orderImageModal .image-side img{
  border-radius:20px!important;
  box-shadow:0 18px 46px rgba(0,0,0,.36)!important;
}
#orderImageModal .image-nav-btn{
  background:rgba(255,255,255,.18)!important;
  color:#e9fffd!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
#orderImageModal .image-nav-btn:hover{
  background:rgba(255,255,255,.34)!important;
  color:#fff!important;
}
#orderImageModal .order-image-count{
  color:#e8f8f7!important;
}
.order-image-context-menu{
  z-index: var(--layer-dropdown) !important;
}

/* V289 strong glass menu master override */
body .order-row-context-menu,
body .quote-row-context-menu,
body .worker-row-context-menu,
body .invoice-row-context-menu,
body .file-context-menu,
body .case-gallery-context-menu{
  border:1px solid rgba(255,255,255,.58)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(230,248,246,.46))!important;
  box-shadow:0 22px 54px rgba(11,31,38,.22),inset 0 1px 0 rgba(255,255,255,.82)!important;
  backdrop-filter:blur(24px) saturate(155%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(155%)!important;
}
body .order-row-context-menu button,
body .quote-row-context-menu button,
body .worker-row-context-menu button,
body .invoice-row-context-menu button,
body .file-context-menu button,
body .case-gallery-context-menu button,
body .case-gallery-context-menu .case-gallery-menu-row{
  background:transparent!important;
}
body .order-row-context-menu button:hover,
body .quote-row-context-menu button:hover,
body .worker-row-context-menu button:hover,
body .invoice-row-context-menu button:hover,
body .file-context-menu button:hover,
body .case-gallery-context-menu button:hover,
body .case-gallery-context-menu .case-gallery-menu-row:hover{
  background:rgba(232,250,247,.78)!important;
}

/* V290 order detail modal final containment: no horizontal scrollbar, keep inherited vertical scroll style. */
#orderDetailsModal .order-details-card,
#orderDetailsModal .order-details-layer-card{
  overflow:hidden!important;
}
#orderDetailsModal .detail-table-wrap{
  overflow-y:auto!important;
  overflow-x:clip!important;
}
#orderDetailsModal .detail-table{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
#orderDetailsModal .detail-table-wrap::-webkit-scrollbar:horizontal{
  height:0!important;
}

/* V292 glass polish and unified image preview behavior. */
body .order-row-context-menu,
body .quote-row-context-menu,
body .worker-row-context-menu,
body .invoice-row-context-menu,
body .file-context-menu,
body .case-gallery-context-menu{
  background:linear-gradient(145deg,rgba(255,255,255,.38),rgba(221,244,241,.22))!important;
  border:1px solid rgba(255,255,255,.48)!important;
  box-shadow:0 22px 58px rgba(12,32,38,.24),inset 0 1px 0 rgba(255,255,255,.58)!important;
  backdrop-filter:blur(28px) saturate(170%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(170%)!important;
}



/* V311 order file view modes: keep large and small icon layouts in the right direction. */
#orderFileModal .windows-file-grid.view-large{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;
  gap:14px!important;
}
#orderFileModal .windows-file-grid.view-small{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(112px,1fr))!important;
  gap:10px!important;
}
#orderFileModal .windows-file-grid.view-large .windows-file-item{
  min-height:150px!important;
  padding:10px!important;
}
#orderFileModal .windows-file-grid.view-small .windows-file-item{
  min-height:116px!important;
  padding:8px!important;
  gap:5px!important;
}
#orderFileModal .windows-file-grid.view-large .file-thumb{
  width:84px!important;
  height:74px!important;
}
#orderFileModal .windows-file-grid.view-small .file-thumb{
  width:54px!important;
  height:48px!important;
  border-radius:10px!important;
}
#orderFileModal .windows-file-grid.view-small .windows-file-item strong{
  font-size:12px!important;
}
#orderFileModal .windows-file-grid.view-small .windows-file-item small,
#orderFileModal .windows-file-grid.view-small .windows-file-item em{
  display:none!important;
}

/* V307 case gallery context submenu: keep right-side flyout visible. */
body .case-gallery-context-menu{
  overflow:visible!important;
  z-index: var(--layer-dropdown) !important;
}
body .case-gallery-context-menu .case-gallery-menu-row{
  position:relative!important;
  overflow:visible!important;
}
body .case-gallery-context-menu .case-gallery-submenu{
  z-index: var(--layer-dropdown) !important;
  left:calc(100% + 8px)!important;
  top:-7px!important;
  overflow:visible!important;
  background:rgba(245,255,253,.30)!important;
  background-image:linear-gradient(145deg,rgba(255,255,255,.28),rgba(229,250,247,.18))!important;
  border:1px solid rgba(255,255,255,.50)!important;
  box-shadow:0 22px 58px rgba(5,32,35,.22),inset 0 1px 0 rgba(255,255,255,.58)!important;
  -webkit-backdrop-filter:blur(26px) saturate(180%)!important;
  backdrop-filter:blur(26px) saturate(180%)!important;
}

/* V308 task reminder modals: match the add-order frosted glass style. */
#taskReminderModal{
  background:rgba(22,38,42,.42)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.08)!important;
  backdrop-filter:blur(14px) saturate(1.08)!important;
  z-index: var(--layer-modal) !important;
}
#taskReminderModal .task-reminder-card,
body .order-confirm-modal .order-confirm-card{
  width:min(760px,92vw)!important;
  border-radius:28px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(238,250,248,.66))!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.2)!important;
  backdrop-filter:blur(24px) saturate(1.2)!important;
  box-shadow:0 34px 90px rgba(16,32,45,.24),inset 0 1px 0 rgba(255,255,255,.74)!important;
  padding:28px 32px!important;
  color:#102033!important;
}
#taskReminderModal .modal-head,
body .order-confirm-modal .order-confirm-card .modal-head{
  min-height:54px!important;
  padding:0 0 16px!important;
  margin:0 0 18px!important;
  border-bottom:1px solid rgba(11,122,117,.13)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
#taskReminderModal .modal-head h2,
body .order-confirm-modal .order-confirm-card .modal-head strong{
  margin:0!important;
  color:#102033!important;
  font-size:24px!important;
  font-weight:900!important;
  letter-spacing:0!important;
}
#taskReminderModal .modal-head::before,
body .order-confirm-modal .order-confirm-card .modal-head::before{
  content:""!important;
  width:6px!important;
  height:28px!important;
  border-radius:999px!important;
  margin-right:12px!important;
  background:linear-gradient(180deg,#0b7a75,#f8a900)!important;
  box-shadow:0 8px 18px rgba(11,122,117,.20)!important;
}
#taskReminderModal .modal-head > div,
body .order-confirm-modal .order-confirm-card .modal-head strong{
  margin-right:auto!important;
}
#taskReminderModal .modal-head .eyebrow{
  display:none!important;
}
#taskReminderModal .icon-btn{
  width:46px!important;
  height:46px!important;
  border-radius:14px!important;
  border:1px solid rgba(11,122,117,.14)!important;
  background:rgba(255,255,255,.58)!important;
  color:#102033!important;
  font-size:0!important;
  cursor:pointer!important;
  transition:background-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
#taskReminderModal .icon-btn::before{
  content:"关闭"!important;
  font-size:15px!important;
  font-weight:900!important;
}
#taskReminderModal .icon-btn:hover{
  background:rgba(255,255,255,.78)!important;
  box-shadow:0 10px 24px rgba(11,122,117,.12)!important;
  transform:translateY(-1px)!important;
}
body .order-confirm-modal .order-confirm-card button:hover:not(:disabled){
  box-shadow:0 10px 24px rgba(11,122,117,.12)!important;
  transform:translateY(-1px)!important;
}
body .order-confirm-modal .order-confirm-card .primary-btn:hover:not(:disabled){
  background:#08766d!important;
  color:#fff!important;
}
body .order-confirm-modal .order-confirm-card .ghost-btn:hover:not(:disabled){
  background:rgba(255,255,255,.78)!important;
  color:#102033!important;
}
#taskReminderModal .reminder-form{
  display:grid!important;
  gap:18px!important;
}
#taskReminderModal .reminder-form label{
  color:#344054!important;
  font-size:15px!important;
  font-weight:850!important;
}
#taskReminderModal input[type="datetime-local"]{
  height:54px!important;
  border-radius:16px!important;
  border:1px solid rgba(11,122,117,.16)!important;
  background:rgba(255,255,255,.74)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72)!important;
  padding:0 16px!important;
}
#taskReminderModal .task-important-line{
  min-height:54px!important;
  padding:0!important;
  color:#0b7a75!important;
}
#taskReminderModal .form-actions,
body .order-confirm-modal .order-confirm-card .modal-actions{
  justify-content:center!important;
  gap:22px!important;
  margin-top:20px!important;
}
#taskReminderModal .form-actions button,
body .order-confirm-modal .order-confirm-card .modal-actions button{
  min-width:136px!important;
  height:48px!important;
  border-radius:15px!important;
  font-weight:900!important;
}
body .order-confirm-modal .order-confirm-message{
  margin:6px 0 2px!important;
  padding:18px 12px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.48)!important;
  border:1px solid rgba(11,122,117,.08)!important;
  color:#102033!important;
  font-size:17px!important;
  line-height:1.7!important;
}
.toast{
  background:rgba(232,250,247,.46)!important;
  border:1px solid rgba(255,255,255,.62)!important;
  color:#0d3b43!important;
  box-shadow:0 18px 46px rgba(16,42,54,.16),inset 0 1px 0 rgba(255,255,255,.72)!important;
  backdrop-filter:blur(24px) saturate(160%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(160%)!important;
}
#orderEditModal input[type="date"]::-webkit-calendar-picker-indicator,
#orderEditModal input[type="date"]:hover::-webkit-calendar-picker-indicator,
#orderEditModal input[type="date"]:focus::-webkit-calendar-picker-indicator{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:.8!important;
}
#orderImageModal{
  background:rgba(5,14,18,.68)!important;
  backdrop-filter:blur(16px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(120%)!important;
}
#orderImageModal .order-image-modal-card{
  width:min(92vw,1480px)!important;
  height:min(90vh,920px)!important;
  background:linear-gradient(145deg,rgba(18,31,38,.88),rgba(7,18,24,.82))!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 34px 110px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.18)!important;
  backdrop-filter:blur(24px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(130%)!important;
}
#orderImageModal .order-image-head strong,
#orderImageModal .order-image-count{
  color:#eafffb!important;
}
#orderImageModal .order-image-stage{
  background:rgba(0,0,0,.24)!important;
  height:calc(100% - 112px)!important;
  border-radius:22px!important;
  overflow:hidden!important;
}
#orderImageModal .image-side{
  display:none!important;
}
#orderImageModal #orderImageLarge{
  max-width:96%!important;
  max-height:96%!important;
  border-radius:14px!important;
  cursor:grab!important;
  box-shadow:0 24px 70px rgba(0,0,0,.38)!important;
}
#orderImageModal #orderImageLarge.is-dragging{
  cursor:grabbing!important;
}
#orderImageModal .image-nav-btn,
.case-gallery-preview-dark .case-gallery-preview-nav{
  width:54px!important;
  height:54px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.34)!important;
  background:rgba(255,255,255,.18)!important;
  color:#eafffb!important;
  box-shadow:0 16px 38px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.26)!important;
  backdrop-filter:blur(16px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(150%)!important;
}
#orderImageModal .image-nav-btn:hover,
.case-gallery-preview-dark .case-gallery-preview-nav:hover{
  background:rgba(255,255,255,.34)!important;
  transform:translateY(-1px) scale(1.03)!important;
}
.case-gallery-preview-dark .case-gallery-preview-media{
  cursor:grab!important;
}

/* V294 focused fixes: task select, reminder text, date icon, image preview, glass menu. */
#tasksPage #homeTaskRows .task-rank-select,
#tasksPage #homeTaskRows .task-worker-select{
  background:rgba(255,255,255,.62)!important;
  border:1px solid rgba(11,122,117,.12)!important;
  border-radius:10px!important;
  color:#102033!important;
  overflow:visible!important;
}

.reminder-ticker .reminder-slide-text{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  max-width:100%!important;
}
.reminder-ticker .reminder-time{
  flex:0 0 auto!important;
  color:#f8a900!important;
  font-weight:900!important;
}
.reminder-ticker .reminder-title{
  min-width:0!important;
  color:#0b7a75!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#orderEditModal input[type="date"]::-webkit-calendar-picker-indicator{
  opacity:1!important;
  filter:contrast(1.05) saturate(1.2)!important;
  background-color:transparent!important;
  cursor:pointer!important;
}
#orderEditModal input[type="date"]:hover::-webkit-calendar-picker-indicator,
#orderEditModal input[type="date"]:focus::-webkit-calendar-picker-indicator{
  opacity:1!important;
  background-color:transparent!important;
  box-shadow:none!important;
  filter:contrast(1.05) saturate(1.2)!important;
}
#orderImageModal{
  padding:0!important;
  background:rgba(3,10,14,.84)!important;
  backdrop-filter:blur(18px) saturate(1.05)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.05)!important;
  align-items:center!important;
  justify-content:center!important;
}
#orderImageModal .order-image-modal-card{
  width:90vw!important;
  height:90vh!important;
  max-width:none!important;
  max-height:none!important;
  padding:14px!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(12,22,28,.96),rgba(4,13,18,.94))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.52)!important;
}
#orderImageModal .order-image-head{
  min-height:38px!important;
  margin:0 0 10px!important;
  padding:0!important;
  color:rgba(255,255,255,.92)!important;
}
#orderImageModal .order-image-head strong{
  color:rgba(255,255,255,.94)!important;
  font-size:16px!important;
}
#orderImageModal .image-modal-actions button{
  border-color:rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.08)!important;
  color:rgba(255,255,255,.9)!important;
}
#orderImageModal .image-modal-actions button:hover{
  background:rgba(255,255,255,.18)!important;
  transform:translateY(-1px)!important;
}
#orderImageModal .order-image-stage{
  height:calc(100% - 82px)!important;
  display:grid!important;
  grid-template-columns:66px minmax(0,1fr) 66px!important;
  gap:0!important;
  border-radius:16px!important;
  background:radial-gradient(circle at center,rgba(29,42,49,.96),rgba(5,10,14,.98))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;
  overflow:hidden!important;
}
#orderImageModal #orderImageLarge{
  grid-column:2!important;
  justify-self:center!important;
  align-self:center!important;
  max-width:100%!important;
  max-height:100%!important;
  border-radius:10px!important;
  box-shadow:0 20px 60px rgba(0,0,0,.38)!important;
  background:#070d11!important;
}
#orderImageModal .image-nav-btn{
  position:static!important;
  align-self:center!important;
  justify-self:center!important;
  width:48px!important;
  height:76px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.08)!important;
  color:rgba(255,255,255,.68)!important;
  opacity:.34!important;
  box-shadow:none!important;
  font-size:46px!important;
}
#orderImageModal .image-nav-btn:hover{
  opacity:1!important;
  color:#fff!important;
  background:rgba(255,255,255,.18)!important;
  transform:scale(1.04)!important;
}
#orderImageModal .order-image-count{
  min-height:30px!important;
  margin-top:8px!important;
  color:rgba(255,255,255,.66)!important;
}
body .order-row-context-menu,
body .quote-row-context-menu,
body .worker-row-context-menu,
body .invoice-row-context-menu,
body .file-context-menu,
body .case-gallery-context-menu{
  background:rgba(246,255,253,.32)!important;
  background-image:linear-gradient(145deg,rgba(255,255,255,.44),rgba(236,255,252,.18))!important;
  border:1px solid rgba(255,255,255,.58)!important;
  box-shadow:0 24px 70px rgba(5,32,35,.24),inset 0 1px 0 rgba(255,255,255,.72)!important;
  backdrop-filter:blur(34px) saturate(190%) contrast(1.03)!important;
  -webkit-backdrop-filter:blur(34px) saturate(190%) contrast(1.03)!important;
}
body .order-row-context-menu button,
body .quote-row-context-menu button,
body .worker-row-context-menu button,
body .invoice-row-context-menu button,
body .file-context-menu button,
body .case-gallery-context-menu button,
body .case-gallery-context-menu .case-gallery-menu-row{
  background:rgba(255,255,255,0)!important;
}
body .order-row-context-menu button:hover,
body .quote-row-context-menu button:hover,
body .worker-row-context-menu button:hover,
body .invoice-row-context-menu button:hover,
body .file-context-menu button:hover,
body .case-gallery-context-menu button:hover,
body .case-gallery-context-menu .case-gallery-menu-row:hover{
  background:rgba(255,255,255,.38)!important;
}

/* V296 focused fixes: shortcut-visible date icon, order image viewer size, softer reminder strip. */
.reminder-ticker .reminder-slide-text{
  gap:12px!important;
}
.reminder-ticker .reminder-time{
  color:#0f766e!important;
  background:linear-gradient(135deg,rgba(214,246,241,.92),rgba(255,248,225,.92))!important;
  border:1px solid rgba(15,118,110,.16)!important;
  border-radius:999px!important;
  padding:4px 10px!important;
  box-shadow:0 6px 16px rgba(15,118,110,.08),inset 0 1px 0 rgba(255,255,255,.78)!important;
  line-height:1.15!important;
}
.reminder-ticker .reminder-title{
  color:#08756f!important;
  font-weight:900!important;
}
#orderEditModal input[type="date"]{
  color-scheme:light!important;
  appearance:auto!important;
  -webkit-appearance:auto!important;
  padding-right:48px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%230b6f6a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='4.5' width='17' height='16' rx='3'/%3E%3Cpath d='M8 2.8v4M16 2.8v4M3.5 9h17'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:calc(100% - 16px) 50%!important;
  background-size:22px 22px!important;
}
#orderEditModal input[type="date"]::-webkit-calendar-picker-indicator{
  width:22px!important;
  height:22px!important;
  opacity:1!important;
  display:block!important;
  cursor:pointer!important;
  background-color:transparent!important;
  filter:invert(24%) sepia(16%) saturate(1234%) hue-rotate(145deg) brightness(92%) contrast(90%)!important;
}
#orderImageModal:not(.cashflow-fullscreen-viewer){
  padding:24px!important;
  background:rgba(5,20,25,.68)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  align-items:center!important;
  justify-content:center!important;
  z-index: var(--layer-preview) !important;
}
#orderImageModal:not(.cashflow-fullscreen-viewer) .order-image-modal-card{
  width:90vw!important;
  height:90vh!important;
  max-width:none!important;
  max-height:none!important;
  padding:14px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  background:linear-gradient(145deg,rgba(9,24,30,.98),rgba(2,14,19,.96))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.34)!important;
}
#orderImageModal:not(.cashflow-fullscreen-viewer) .order-image-head{
  min-height:34px!important;
  margin:0!important;
  padding:0!important;
  flex:0 0 auto!important;
}
#orderImageModal:not(.cashflow-fullscreen-viewer) .order-image-head strong,
#orderImageModal:not(.cashflow-fullscreen-viewer) .order-image-count{
  color:rgba(255,255,255,.9)!important;
}
#orderImageModal:not(.cashflow-fullscreen-viewer) .image-modal-actions{
  display:flex!important;
  gap:10px!important;
}
#orderImageModal:not(.cashflow-fullscreen-viewer) .image-modal-actions button{
  border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.10)!important;
  color:rgba(255,255,255,.92)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
}
#orderImageModal:not(.cashflow-fullscreen-viewer) .image-modal-actions button:hover{
  background:rgba(255,255,255,.18)!important;
  transform:translateY(-1px)!important;
}
#orderImageModal:not(.cashflow-fullscreen-viewer) .order-image-stage{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr) 64px!important;
  align-items:center!important;
  gap:12px!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:#061117!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)!important;
}
#orderImageModal:not(.cashflow-fullscreen-viewer) .image-side{
  display:none!important;
}
#orderImageModal:not(.cashflow-fullscreen-viewer) #orderImageLarge{
  grid-column:2!important;
  justify-self:center!important;
  align-self:center!important;
  max-width:100%!important;
  max-height:100%!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  border-radius:16px!important;
  transform-origin:center center!important;
  box-shadow:0 12px 34px rgba(0,0,0,.36)!important;
  cursor:grab!important;
}
#orderImageModal:not(.cashflow-fullscreen-viewer) #orderImageLarge.is-dragging{
  cursor:grabbing!important;
}
#orderImageModal:not(.cashflow-fullscreen-viewer) .image-nav-btn{
  position:static!important;
  width:52px!important;
  height:52px!important;
  justify-self:center!important;
  align-self:center!important;
  border-radius:999px!important;
  border:0!important;
  background:rgba(255,255,255,.10)!important;
  color:rgba(255,255,255,.62)!important;
  font-size:42px!important;
  line-height:1!important;
  opacity:.55!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
  transition:transform .16s ease,background .16s ease,color .16s ease,opacity .16s ease!important;
}
#orderImageModal:not(.cashflow-fullscreen-viewer) .image-nav-btn:hover{
  transform:translateY(-1px) scale(1.04)!important;
  background:rgba(255,255,255,.20)!important;
  color:#fff!important;
  opacity:1!important;
}

/* V298 focused fixes: task selects, date picker hit area, image viewer controls. */
#tasksPage #homeTaskRows td:nth-child(5),
#tasksPage #homeTaskRows td:nth-child(6){
  height:42px!important;
  padding-top:4px!important;
  padding-bottom:4px!important;
  vertical-align:middle!important;
  overflow:visible!important;
}
#tasksPage #homeTaskRows .task-rank-select,
#tasksPage #homeTaskRows .task-worker-select{
  height:32px!important;
  min-height:32px!important;
  line-height:32px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(11,122,117,.16)!important;
  border-radius:11px!important;
  background-color:rgba(255,255,255,.78)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important;
  font-size:12px!important;
  font-weight:400!important;
  padding:0 6px!important;
}
#tasksPage #homeTaskRows .task-rank-select{
  width:64px!important;
  min-width:64px!important;
  max-width:64px!important;
}
#tasksPage #homeTaskRows .task-worker-select{
  width:64px!important;
  min-width:64px!important;
  max-width:64px!important;
}
#tasksPage #homeTaskRows .task-rank-select.task-normal{color:#111827!important;background-color:#fff!important;}
#tasksPage #homeTaskRows .task-rank-select.task-urgent{color:#c2412d!important;background-color:#fff4f2!important;}
#tasksPage #homeTaskRows .task-rank-select.task-rank-done{color:#2563eb!important;background-color:#eef5ff!important;}
#tasksPage #homeTaskRows .task-rank-select.task-account{color:#07895f!important;background-color:#ecfdf3!important;}
#tasksPage #homeTaskRows .task-rank-select option[value="普通"]{background:#fff!important;color:#111827!important;}
#tasksPage #homeTaskRows .task-rank-select option[value="紧急"]{background:#fff0ee!important;color:#c2412d!important;}
#tasksPage #homeTaskRows .task-rank-select option[value="完成"]{background:#edf4ff!important;color:#2563eb!important;}
#tasksPage #homeTaskRows .task-rank-select option[value="记账"]{background:#ecfdf3!important;color:#07895f!important;}
#tasksPage #homeTaskRows .task-worker-select option{background:#fff!important;color:#102033!important;}
#orderEditModal .oq-date-field{
  cursor:pointer!important;
}
#orderEditModal .oq-date-field input[type="date"]{
  cursor:pointer!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%230b7a75' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='15' rx='3'/%3E%3Cpath d='M8 3.5v3M16 3.5v3M4 9h16'/%3E%3C/svg%3E")!important;
  background-size:22px 22px!important;
  background-position:calc(100% - 17px) 50%!important;
  background-repeat:no-repeat!important;
}
#orderImageModal:not(.cashflow-fullscreen-viewer) .order-image-head,
#orderImageModal:not(.cashflow-fullscreen-viewer) .image-modal-actions,
#orderImageModal:not(.cashflow-fullscreen-viewer) .image-modal-actions button{
  position:relative!important;
  z-index:20!important;
}
#orderImageModal:not(.cashflow-fullscreen-viewer) .order-image-stage{
  position:relative!important;
  z-index:1!important;
}
#orderImageModal:not(.cashflow-fullscreen-viewer) #orderImageLarge{
  position:relative!important;
  z-index:2!important;
}
#orderImageModal:not(.cashflow-fullscreen-viewer) .image-nav-btn{
  width:56px!important;
  height:150px!important;
  min-height:150px!important;
  z-index:8!important;
  opacity:.42!important;
  background:rgba(255,255,255,.10)!important;
  transition:opacity .16s ease,background-color .16s ease,color .16s ease!important;
}
#orderImageModal:not(.cashflow-fullscreen-viewer) .image-nav-btn:hover{
  transform:none!important;
  opacity:1!important;
  background:rgba(255,255,255,.22)!important;
  color:#fff!important;
}

/* V299 home task selects: text-only look for 状态/工人. */
#tasksPage #homeTaskRows .task-rank-select,
#tasksPage #homeTaskRows .task-worker-select{
  border-color:transparent!important;
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
}
#tasksPage #homeTaskRows .task-rank-select:hover,
#tasksPage #homeTaskRows .task-rank-select:focus,
#tasksPage #homeTaskRows .task-worker-select:hover,
#tasksPage #homeTaskRows .task-worker-select:focus{
  border-color:transparent!important;
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  outline:none!important;
}
#tasksPage #homeTaskRows .task-rank-select.task-normal,
#tasksPage #homeTaskRows .task-rank-select.task-urgent,
#tasksPage #homeTaskRows .task-rank-select.task-rank-done,
#tasksPage #homeTaskRows .task-rank-select.task-account{
  background:transparent!important;
  background-color:transparent!important;
}

/* V300 order image delete confirmation must stay above the image viewer. */
.order-confirm-modal{
  z-index: var(--layer-modal-confirm) !important;
}
.order-confirm-modal .order-confirm-card{
  position:relative!important;
  z-index:72001!important;
}

/* V301 home important reminder: keep the time chip shadow from being clipped. */
#tasksPage .dash-reminder,
#tasksPage .dash-reminder .reminder-ticker{
  overflow:visible!important;
}
#tasksPage .dash-reminder .reminder-slide-text{
  max-width:100%!important;
  padding:6px 10px 6px 0!important;
  overflow:visible!important;
}
#tasksPage .dash-reminder .reminder-title{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* V302 home task toolbar buttons: subtle hover feedback for add/clear only. */
#tasksPage #homeTaskAdd,
#tasksPage #homeTaskFilterClear{
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease,color .16s ease!important;
}
#tasksPage #homeTaskAdd:hover,
#tasksPage #homeTaskFilterClear:hover{
  background:rgba(11,122,117,.10)!important;
  border-color:rgba(11,122,117,.26)!important;
  color:#08756f!important;
  box-shadow:0 8px 20px rgba(11,122,117,.10)!important;
  transform:translateY(-1px)!important;
}
#tasksPage #homeTaskAdd:active,
#tasksPage #homeTaskFilterClear:active{
  transform:translateY(0)!important;
  box-shadow:0 4px 12px rgba(11,122,117,.08)!important;
}

/* V303 home task custom dropdowns for status and worker. */
#tasksPage #homeTaskRows td:nth-child(5),
#tasksPage #homeTaskRows td:nth-child(6){
  overflow:visible!important;
}
#tasksPage #homeTaskRows .home-task-select{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:64px!important;
  min-width:64px!important;
  max-width:64px!important;
  height:32px!important;
  z-index:2!important;
}
#tasksPage #homeTaskRows .home-task-select.open{
  z-index:120!important;
}
#tasksPage #homeTaskRows .home-task-select-btn{
  width:64px!important;
  height:32px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#102033!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:30px!important;
  text-align:center!important;
  cursor:pointer!important;
  padding:0 6px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease!important;
}
#tasksPage #homeTaskRows .home-task-select-btn:hover,
#tasksPage #homeTaskRows .home-task-select.open .home-task-select-btn{
  background:rgba(255,255,255,.64)!important;
  border-color:rgba(11,122,117,.16)!important;
  box-shadow:0 6px 16px rgba(11,122,117,.08)!important;
}
#tasksPage #homeTaskRows .home-task-rank-picker.task-urgent .home-task-select-btn{color:#c2412d!important;}
#tasksPage #homeTaskRows .home-task-rank-picker.task-rank-done .home-task-select-btn{color:#2563eb!important;}
#tasksPage #homeTaskRows .home-task-rank-picker.task-account .home-task-select-btn{color:#07895f!important;}
#tasksPage #homeTaskRows .home-task-select-menu{
  position:absolute!important;
  left:50%!important;
  top:calc(100% + 7px)!important;
  z-index:65000!important;
  min-width:86px!important;
  padding:7px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.66)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(235,250,248,.56))!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.2)!important;
  backdrop-filter:blur(18px) saturate(1.2)!important;
  box-shadow:0 18px 42px rgba(16,32,45,.16),inset 0 1px 0 rgba(255,255,255,.72)!important;
  display:grid!important;
  gap:3px!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translate(-50%,-6px) scale(.98)!important;
  transform-origin:top center!important;
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important;
}
#tasksPage #homeTaskRows .home-task-select.open .home-task-select-menu{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translate(-50%,0) scale(1)!important;
}
#tasksPage #homeTaskRows .home-task-select::before,
#tasksPage #homeTaskRows .home-task-select::after,
#tasksPage #homeTaskRows .home-task-select-btn::before,
#tasksPage #homeTaskRows .home-task-select-btn::after,
#tasksPage #homeTaskRows .home-task-select-menu::before,
#tasksPage #homeTaskRows .home-task-select-menu::after,
#tasksPage #homeTaskRows .home-task-select-menu button::before,
#tasksPage #homeTaskRows .home-task-select-menu button::after{
  content:none!important;
  display:none!important;
}
#tasksPage #homeTaskRows .home-task-select-menu button{
  height:30px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#102033!important;
  font-size:12px!important;
  font-weight:500!important;
  cursor:pointer!important;
  padding:0 12px!important;
  text-align:center!important;
  white-space:nowrap!important;
  transition:background-color .14s ease,color .14s ease,transform .14s ease!important;
}
#tasksPage #homeTaskRows .home-task-select-menu button:hover{
  background:rgba(11,122,117,.10)!important;
  color:#08756f!important;
}
#tasksPage #homeTaskRows .home-task-select-menu button.is-selected{
  background:rgba(11,122,117,.14)!important;
  color:#075f59!important;
}
#tasksPage #homeTaskRows .home-task-select-menu button.task-urgent{color:#c2412d!important;}
#tasksPage #homeTaskRows .home-task-select-menu button.task-rank-done{color:#2563eb!important;}
#tasksPage #homeTaskRows .home-task-select-menu button.task-account{color:#07895f!important;}
#tasksPage #homeTaskRows .home-task-select-menu button.custom-option{
  border-top:1px solid rgba(11,122,117,.12)!important;
  border-radius:8px!important;
  margin-top:3px!important;
}

/* V316 home task picker fix: the open menu is moved under <body>, so keep its
   floating styles after it leaves the task table and remove empty-button dots. */
#tasksPage #homeTaskRows .home-task-select-btn:empty{
  font-size:0!important;
  color:transparent!important;
  text-shadow:none!important;
  background-image:none!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
#tasksPage #homeTaskRows .home-task-select-btn:empty::before,
#tasksPage #homeTaskRows .home-task-select-btn:empty::after{
  content:none!important;
  display:none!important;
}
body > .home-task-select-menu[data-owner-task-id]{
  position:fixed!important;
  z-index:65000!important;
  min-width:92px!important;
  padding:7px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.66)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(235,250,248,.92))!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.2)!important;
  backdrop-filter:blur(18px) saturate(1.2)!important;
  box-shadow:0 18px 42px rgba(16,32,45,.20),inset 0 1px 0 rgba(255,255,255,.82)!important;
  display:grid!important;
  gap:3px!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:none!important;
  list-style:none!important;
}
body > .home-task-select-menu[data-owner-task-id]::before,
body > .home-task-select-menu[data-owner-task-id]::after,
body > .home-task-select-menu[data-owner-task-id] button::before,
body > .home-task-select-menu[data-owner-task-id] button::after{
  content:none!important;
  display:none!important;
}
body > .home-task-select-menu[data-owner-task-id] button{
  width:100%!important;
  height:30px!important;
  min-height:30px!important;
  margin:0!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#102033!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:30px!important;
  text-align:center!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
body > .home-task-select-menu[data-owner-task-id] button:hover{
  background:rgba(11,122,117,.10)!important;
  color:#08756f!important;
}
body > .home-task-select-menu[data-owner-task-id] button.is-selected{
  background:rgba(11,122,117,.14)!important;
  color:#075f59!important;
}
body > .home-task-select-menu[data-owner-task-id] button.task-urgent{color:#c2412d!important;}
body > .home-task-select-menu[data-owner-task-id] button.task-rank-done{color:#2563eb!important;}
body > .home-task-select-menu[data-owner-task-id] button.task-account{color:#07895f!important;}
body > .home-task-select-menu[data-owner-task-id] button.custom-option{
  margin-top:3px!important;
  border-top:1px solid rgba(11,122,117,.12)!important;
  border-radius:8px!important;
}

/* V318 home tasks: native selects with a centered text-only resting state. */
#tasksPage #homeTaskRows .task-rank-select,
#tasksPage #homeTaskRows .task-worker-select{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:34px!important;
  min-height:34px!important;
  margin:0 auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#102033!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:normal!important;
  text-align:center!important;
  text-align-last:center!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  cursor:pointer!important;
}
#tasksPage #homeTaskRows .task-rank-select:hover,
#tasksPage #homeTaskRows .task-rank-select:focus,
#tasksPage #homeTaskRows .task-worker-select:hover,
#tasksPage #homeTaskRows .task-worker-select:focus{
  border:0!important;
  background-color:transparent!important;
  outline:none!important;
  box-shadow:none!important;
}
#tasksPage #homeTaskRows .task-rank-select option,
#tasksPage #homeTaskRows .task-worker-select option{
  color:#102033!important;
  background:#fff!important;
}

/* V304 order image viewer: fixed centered navigation buttons. */
#orderImageModal:not(.cashflow-fullscreen-viewer) .order-image-stage{
  position:relative!important;
}
#orderImageModal:not(.cashflow-fullscreen-viewer) .image-nav-btn{
  position:absolute!important;
  top:50%!important;
  width:58px!important;
  height:150px!important;
  min-height:150px!important;
  margin:0!important;
  transform:translateY(-50%)!important;
  opacity:.42!important;
  background:rgba(255,255,255,.10)!important;
  transition:opacity .16s ease,background-color .16s ease,color .16s ease!important;
}
#orderImageModal:not(.cashflow-fullscreen-viewer) .image-prev{
  left:18px!important;
}
#orderImageModal:not(.cashflow-fullscreen-viewer) .image-next{
  right:18px!important;
}
#orderImageModal:not(.cashflow-fullscreen-viewer) .image-nav-btn:hover{
  transform:translateY(-50%)!important;
  opacity:1!important;
  background:rgba(255,255,255,.22)!important;
  color:#fff!important;
}

/* V306 context menus: 70% transparent frosted glass surface. */
body .order-row-context-menu,
body .quote-row-context-menu,
body .worker-row-context-menu,
body .invoice-row-context-menu,
body .file-context-menu,
body .case-gallery-context-menu{
  background:rgba(245,255,253,.30)!important;
  background-image:linear-gradient(145deg,rgba(255,255,255,.28),rgba(229,250,247,.18))!important;
  border:1px solid rgba(255,255,255,.50)!important;
  box-shadow:0 22px 58px rgba(5,32,35,.22),inset 0 1px 0 rgba(255,255,255,.58)!important;
  -webkit-backdrop-filter:blur(26px) saturate(180%)!important;
  backdrop-filter:blur(26px) saturate(180%)!important;
}
body .order-row-context-menu button,
body .quote-row-context-menu button,
body .worker-row-context-menu button,
body .invoice-row-context-menu button,
body .file-context-menu button,
body .case-gallery-context-menu button,
body .case-gallery-context-menu .case-gallery-menu-row{
  color:#102033!important;
  background:transparent!important;
  text-shadow:0 1px 0 rgba(255,255,255,.34)!important;
}
body .order-row-context-menu button:hover,
body .quote-row-context-menu button:hover,
body .worker-row-context-menu button:hover,
body .invoice-row-context-menu button:hover,
body .file-context-menu button:hover,
body .case-gallery-context-menu button:hover,
body .case-gallery-context-menu .case-gallery-menu-row:hover{
  background:rgba(255,255,255,.34)!important;
}

/* Order-file context menu is portaled to body, so it must sit above its modal. */
body > .order-file-context-menu{
  z-index:calc(var(--layer-modal) + var(--layer-dropdown))!important;
}

/* Keep the order-file window geometry stable while only its inner view changes. */
#orderFileModal .windows-file-card{
  display:flex!important;
  flex-direction:column!important;
  width:min(980px,94vw)!important;
  height:min(680px,88vh)!important;
  max-height:min(680px,88vh)!important;
  overflow:hidden!important;
}
#orderFileModal .order-file-list{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:auto!important;
}

/* Compact file panes must keep their own content size instead of stretching. */
#orderFileModal .windows-file-grid.view-large,
#orderFileModal .windows-file-grid.view-small{
  align-content:start!important;
  align-items:start!important;
  grid-auto-rows:max-content!important;
  justify-content:start!important;
}
#orderFileModal .windows-file-grid.view-small{
  grid-template-columns:repeat(auto-fill,132px)!important;
}
#orderFileModal .windows-file-grid.view-small .windows-file-item{
  width:132px!important;
  height:116px!important;
  min-height:116px!important;
  max-height:116px!important;
}
#orderFileModal .file-check{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  margin:0!important;
  padding:0!important;
}
#orderFileModal .file-check input[type="checkbox"]{
  appearance:auto!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  max-width:18px!important;
  max-height:18px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  accent-color:#0b7a75!important;
}
#orderFileModal .windows-file-grid.view-detail .windows-file-item{
  grid-template-columns:22px 46px minmax(180px,1fr) 130px 120px!important;
}