#attendance-import-dialog {
  position:fixed; box-sizing:border-box; width:min(980px,calc(100vw - 32px));
  height:min(820px,calc(100dvh - 32px)); max-height:calc(100dvh - 32px);
  max-width:calc(100vw - 32px); padding:0; overflow:hidden;
}
#attendance-import-dialog .settings-dialog-card {width:100%;max-width:100%;height:100%;max-height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;}
#attendance-import-dialog .settings-dialog-head {cursor:grab;user-select:none;touch-action:none;flex-shrink:0;}
#attendance-import-dialog .settings-dialog-head.is-dragging {cursor:grabbing;}
#attendance-import-dialog .settings-dialog-head button {cursor:pointer;touch-action:auto;}
#attendance-import-dialog .settings-dialog-body {min-height:0;overflow:hidden;padding:0;display:flex;flex-direction:column;}
#attendance-import-dialog .attendance-import-workspace {min-height:0;height:100%;margin:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:0;}
#attendance-import-dialog .attendance-import-scroll {grid-area:1/1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px;}
#attendance-import-dialog .attendance-import-actions {grid-area:2/1;margin:0;padding:14px 20px;background:var(--panel,#fff);border-top:1px solid #dce3ea;flex-shrink:0;display:flex;justify-content:flex-end;gap:12px;}
#attendance-import-dialog .attendance-import-progress {grid-area:1/1;z-index:3;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;padding:24px;}
#attendance-import-dialog .attendance-import-progress[hidden] {display:none;}
.attendance-read-status {display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0;padding:14px 16px;border:1px solid #d8e2eb;border-radius:12px;background:#f6f9fc;}
.attendance-read-status.is-error {border-color:#e7c69e;background:#fff8ef;}
.attendance-read-status p {margin:4px 0;font-size:13px;}
.attendance-read-status small {font-size:11px;opacity:.65;overflow-wrap:anywhere;}
.qidian-mobile-app-layout #attendance-import-dialog {width:calc(100vw - 16px);max-width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);}
.qidian-mobile-app-layout #attendance-import-dialog .settings-dialog-head {cursor:default;touch-action:auto;}
.qidian-mobile-app-layout #attendance-import-dialog .attendance-import-scroll {padding:12px;}
.qidian-mobile-app-layout #attendance-import-dialog .attendance-import-actions {padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom));}

/* One toolbar control per field; the authorized single warehouse has no markup. */
.attendance-page-actions .attendance-warehouse-control,
.attendance-page-actions .attendance-date-control {
  height:42px !important; min-height:42px !important; box-sizing:border-box;
  border:1px solid #d8e7ef; border-radius:11px; background:#fff;
  color:#234764; font-size:12px; box-shadow:none;
}
.attendance-page-actions .attendance-warehouse-control {
  position:relative; display:grid; grid-template-columns:auto minmax(0,1fr);
  align-items:center; align-self:center; gap:8px; padding:4px 12px;
  width:220px; max-width:100%; min-width:0; flex:0 0 220px; margin:0;
}
.attendance-page-actions .attendance-warehouse-control > span {
  white-space:nowrap; line-height:1; font-weight:750;
}
.attendance-page-actions .attendance-warehouse-control select {
  appearance:none; width:100%; min-width:0; height:32px; min-height:32px;
  margin:0; padding:0 20px 0 0; border:0; border-radius:0;
  background:transparent; box-shadow:none; color:inherit; font:inherit;
  white-space:nowrap; text-overflow:ellipsis; outline:none; cursor:pointer;
}
.attendance-page-actions .attendance-warehouse-control::after {
  content:''; position:absolute; right:14px; top:16px; width:6px; height:6px;
  border-right:1.5px solid #57738e; border-bottom:1.5px solid #57738e;
  transform:rotate(45deg); pointer-events:none;
}
.attendance-page-actions .attendance-warehouse-control:hover,
.attendance-page-actions .attendance-warehouse-control:focus-within,
.attendance-page-actions .attendance-date-control:hover,
.attendance-page-actions .attendance-date-control:focus-within {
  border-color:#87bce2; box-shadow:0 0 0 2px rgba(70,150,210,.08);
}
@media (max-width:620px) {
  .attendance-page-actions .attendance-warehouse-control {width:100%; flex:1 1 220px;}
}