/* 指定业务表单的玻璃层次；保留既有布局、字段与事件。 */
@layer form-refinements {
  body[data-theme="liquid"] :is(#daily-modal,#order-modal,#quotation-modal,#purchase-modal,#material-modal) {
    --form-glass:linear-gradient(135deg,rgba(255,255,255,.76),rgba(240,239,255,.57));
    --form-panel:linear-gradient(145deg,rgba(255,255,255,.52),rgba(241,242,255,.28));
    --form-edge:rgba(255,255,255,.88);
    background:rgba(40,39,66,.22)!important;
    backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
  }
  body[data-theme="liquid"] :is(#daily-modal,#order-modal,#quotation-modal,#purchase-modal,#material-modal)>.dialog {
    background:var(--form-glass)!important;
    border:1px solid var(--form-edge)!important;
    box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(255,255,255,.36),0 30px 85px rgba(38,35,70,.25),0 6px 20px rgba(38,35,70,.1)!important;
    backdrop-filter:blur(24px) saturate(135%)!important;
    -webkit-backdrop-filter:blur(24px) saturate(135%)!important;
  }
  /* 去掉顶边装饰色条，保留原来的圆角和细玻璃边缘。 */
  #order-master-layout .order-detail-drawer::before,
  #business-types-page :is(.type-panel,.product-panel)::before,
  :is(#material-modal,#purchase-modal,#quotation-modal)>.dialog::before {display:none!important}

  #orders-page .orders-toolbar>[data-order-view] {
    display:inline-flex!important;align-items:center;justify-content:center;
    width:42px!important;min-width:42px!important;height:37px!important;min-height:37px!important;
    padding:0!important;margin-left:10px;flex:none;
  }
  #orders-page .orders-toolbar>[data-order-view]>svg {width:20px!important;height:20px!important;flex:none}
  /* 状态、数量、单位同行；零值也保留，原筛选事件和业务数值不变。 */
  #orders-card-view .customer-status-stats {grid-template-columns:repeat(auto-fit,minmax(min(145px,100%),1fr))!important}
  #orders-card-view .customer-status-stats>button {display:flex!important;align-items:center;justify-content:flex-start;gap:6px;flex-wrap:nowrap;padding:10px 12px;min-width:0}
  #orders-card-view .customer-status-stats>button>span {display:inline!important;font-size:14px!important;line-height:1.4!important;white-space:nowrap;padding-right:0!important}
  #orders-card-view .customer-status-stats>button>strong {margin-top:0!important;font-size:16px!important;line-height:1.4!important}
  #orders-card-view .customer-status-stats>button>small {margin-left:0!important;font-size:12px!important;line-height:1.4!important}
  #orders-card-view .customer-status-stats>button.active::after {position:static!important;flex:none;margin-left:auto;font-size:9px!important}
  #orders-page .orders-toolbar>[data-order-view]+[data-order-view] {margin-left:18px}
  #business-types-page .filter-tabs {gap:18px!important;flex-wrap:wrap}

  body[data-theme="liquid"] #order-modal .order-builder-head,
  body[data-theme="liquid"] #daily-modal .daily-dialog-head,
  body[data-theme="liquid"] #quotation-modal .qt-hero {
    background:linear-gradient(110deg,rgba(var(--admin-accent-rgb),.13),rgba(255,255,255,.3),rgba(var(--admin-accent-2-rgb),.12))!important;
    border-bottom:1px solid rgba(255,255,255,.8)!important;
    box-shadow:0 5px 18px rgba(48,43,84,.04)!important;color:var(--admin-text)!important;
  }
  body[data-theme="liquid"] :is(#daily-modal .daily-dialog-head,#quotation-modal .qt-hero)::after,
  body[data-theme="liquid"] #quotation-modal .qt-hero::before {display:none!important}
  body[data-theme="liquid"] :is(#daily-modal .daily-dialog-head,#quotation-modal .qt-hero) :is(h1,h2,p) {color:var(--admin-text)!important}
  body[data-theme="liquid"] #order-modal :is(form.modal-body,.m-col),
  body[data-theme="liquid"] #quotation-modal .qt-cols {background:transparent!important}
  body[data-theme="liquid"] #order-modal .sec,
  body[data-theme="liquid"] #quotation-modal .qt-glass,
  body[data-theme="liquid"] #daily-modal :is(.daily-form-panel,.daily-items-panel,.daily-total-panel),
  body[data-theme="liquid"] #purchase-modal :is(.purchase-items-block,.pur-status-group) {
    background:var(--form-panel)!important;border:1px solid var(--form-edge)!important;border-radius:var(--ui-radius,12px)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 5px 16px rgba(48,43,84,.06)!important;
  }
  body[data-theme="liquid"] #order-modal .sec {padding:16px!important;margin-bottom:14px!important}
  body[data-theme="liquid"] #order-modal :is(.settle-sec,.order-builder-actions),
  body[data-theme="liquid"] #daily-modal .form-actions,
  body[data-theme="liquid"] #quotation-modal .qt-footer {
    background:rgba(255,255,255,.22)!important;
  }
  /* 报价单沿用日账的单层玻璃卡片，内层不重复叠白底与模糊。 */
  body[data-theme="liquid"] #quotation-modal .qt-glass-in {
    background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  body[data-theme="liquid"] #quotation-modal :is(.qt-glass-in,.qt-footer)::before {display:none!important}
  body[data-theme="liquid"] #order-modal :is(.f-box,.pay-config,.order-items-table,.order-item-card,#order-drop-zone),
  body[data-theme="liquid"] #quotation-modal :is(.qt-drop,.qt-table-wrap,.qt-total),
  body[data-theme="liquid"] #daily-modal :is(.daily-detail-wrap,.daily-item),
  body[data-theme="liquid"] #purchase-modal .purchase-row {
    background:rgba(255,255,255,.27)!important;border-color:rgba(255,255,255,.85)!important;
  }
  /* 鼠标聚焦不再出现蓝色外圈，键盘仍有清晰焦点。 */
  #purchase-modal :is(input,select,textarea):focus {outline:none!important;box-shadow:none!important}
  #purchase-modal :is(input,select,textarea):focus-visible {outline:none!important;border-color:rgba(50,50,65,.55)!important}
  #purchase-modal :is(#purchase-pick-product,#purchase-clear-product),
  #material-modal :is(#mat-pick-cat,#mat-pick-unit) {color:#16161b!important}
  #purchase-modal :is(#purchase-pick-product,#purchase-clear-product):is(:hover,:active) {transform:none!important;translate:none!important;scale:1!important}
  :is(#purchase-pick-product,#mat-pick-cat,#mat-pick-unit) svg {stroke:currentColor!important}
  body[data-theme="liquid"] :is(#material-category-picker,#material-unit-picker,#material-supplier-picker) .mm-picker {
    background:linear-gradient(135deg,rgba(255,255,255,.74),rgba(239,238,255,.6))!important;
    border:1px solid rgba(255,255,255,.88);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
    box-shadow:inset 0 1px 0 #fff,0 22px 64px rgba(38,35,70,.24)!important;
  }
  body[data-theme="liquid"] :is(#material-category-picker,#material-unit-picker,#material-supplier-picker) {
    background:rgba(40,39,66,.18)!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
  }
  body[data-theme="liquid"] :is(#material-category-picker,#material-unit-picker,#material-supplier-picker) .mm-picker::before {display:none!important}
  body[data-theme="liquid"] :is(#material-category-picker,#material-unit-picker,#material-supplier-picker) :is(.mm-picker-head,.mm-picker-search,.mm-picker-actions,.mm-item) {background:rgba(255,255,255,.2)!important}
  body[data-theme="liquid"] :is(#material-category-picker,#material-unit-picker,#material-supplier-picker) .mm-item:hover {background:rgba(var(--admin-accent-rgb),.1)!important}
}

/* 日账标题右侧日期和员工仍关联原 form，原生校验及提交字段保持一致。 */
#daily-modal .daily-dialog-head {justify-content:space-between;flex-wrap:wrap;padding-right:66px}
#daily-modal .daily-dialog-head .daily-head-meta {display:flex;align-items:center;gap:12px;margin-left:auto}
#daily-modal .daily-head-meta label {display:flex;flex-direction:column;gap:4px;font-size:var(--fs-sm);color:var(--admin-text-muted)}
#daily-modal .daily-head-meta input {margin:0;width:145px;min-width:0;height:36px;padding:6px 8px;border-radius:var(--ui-radius,12px)}
#daily-modal .daily-head-meta #daily-operator {width:155px}
#daily-modal .daily-form-grid {grid-template-columns:minmax(0,1fr) auto;align-items:center}
#daily-modal .daily-payment-field {min-width:0;margin:0;padding:0;border:0}
#daily-modal .daily-payment-field legend {margin-bottom:10px;font-size:var(--fs-base);color:var(--admin-text-muted)}
#daily-modal .daily-pay-options {display:flex;flex-wrap:wrap;gap:10px}
#daily-modal .daily-pay-options label {position:relative;cursor:pointer}
#daily-modal .daily-pay-options input {position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
#daily-modal .daily-pay-options span {display:block;padding:9px 18px;border-radius:var(--ui-radius,12px);border:1px solid rgba(var(--admin-accent-rgb),.18);background:rgba(255,255,255,.25);transition:background .25s,box-shadow .25s;color:var(--admin-text)}
#daily-modal .daily-pay-options input:checked+span {background:rgba(var(--admin-accent-rgb),.14);border-color:rgba(var(--admin-accent-rgb),.45);box-shadow:inset 0 1px 0 #fff,0 3px 9px rgba(var(--admin-accent-rgb),.1);color:var(--admin-accent-ink)}
#daily-modal .daily-pay-options input:focus-visible+span {outline:2px solid var(--admin-accent-2);outline-offset:2px}
#daily-modal .daily-note-control {align-self:end}
#daily-modal #daily-note-panel[hidden] {display:none!important}
#daily-modal #daily-note-toggle {padding:9px 16px;white-space:nowrap}
body[data-theme="liquid"] #daily-modal :is(.daily-form-panel,.daily-items-panel,.daily-total-panel) {padding:16px 18px!important;margin:16px 24px!important}
body[data-theme="liquid"] #purchase-modal .dialog {width:min(820px,94vw);border-radius:var(--ui-radius,12px);padding:24px}
body[data-theme="liquid"] #purchase-modal .form-grid {gap:18px}
body[data-theme="liquid"] #purchase-modal :is(.purchase-items-block,.pur-status-group) {padding:14px}
@media(max-width:700px) {
  #daily-modal .daily-dialog-head .daily-head-meta {margin-left:0;width:100%;gap:8px}
  #daily-modal .daily-head-meta label {flex:1;min-width:0}
  #daily-modal .daily-head-meta :is(input,#daily-operator) {width:100%}
  #daily-modal .daily-form-grid {grid-template-columns:minmax(0,1fr)}
  #daily-modal .daily-pay-options span {padding:9px 12px}
}