/* The registration keyboard stays in the dialog's document flow on tablets. */
dialog.operation-dialog:has(.fl-register) {
  width:min(1040px,calc(100vw - 24px)); max-width:1040px; margin: max(8px,2dvh) auto auto;
  max-height:calc(100dvh - max(16px,4dvh)); overflow:auto; padding:0;
  border:1px solid #c7d4dc; border-radius:12px; color:#1b3041;
}
dialog.operation-dialog:has(.fl-register)>.workspace__content { padding:0; }
dialog.operation-dialog:has(.fl-register) .operation-dialog__header {
  margin:0; padding:12px clamp(14px,3vw,32px); background:#193e55; color:#fff;
  display:flex; align-items:center; justify-content:space-between;
}
dialog.operation-dialog:has(.fl-register) .operation-dialog__header h2 { color:inherit; font-size:24px; }
dialog.operation-dialog:has(.fl-register) .operation-dialog__header .button { color:#fff; background:transparent; border:1px solid #7890a0; min-height:44px; }
dialog.operation-dialog .fl-dialog:has(.fl-register) { width:100%; max-width:none; padding:0; }
.fl-register { --pad:clamp(14px,3vw,32px); }
.fl-register .fl-fixed-station { margin:12px var(--pad); font-size:16px; color:#475f70; }
.fl-fixed-station strong { color:#1b3041; margin-inline-start:.4em; }
.fl-entry-fields { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px 20px; margin:0 var(--pad) 14px; }
.fl-register .fl-field-label { display:block; color:#425b6c; font-size:15px; font-weight:650; margin-bottom:5px; }
.fl-register .fl-model-entry output,.fl-register .fl-product-select select { display:flex; align-items:center; height:44px; min-height:44px; width:100%; padding:0 12px; border-radius:6px; font-size:18px; }
.fl-register .fl-model-entry output { border:1px solid #638797; background:#eff7fa; font-weight:650; }
.fl-register .fl-product-select { display:block; min-width:0; grid-column:1/-1; }
.fl-register .fl-product-select select { display:block; border:1px solid #bccbd5; background-color:white; }
.fl-matching-models,.fl-handle-options { display:flex; gap:6px; flex-wrap:wrap; }
.fl-matching-models { margin-top:5px; }
.fl-matching-models button,.fl-handle-options button { min-height:44px; border:1px solid #bacbd6; border-radius:6px; padding:4px 12px; background:white; font:inherit; color:#1c3547; }
.fl-handle-options button { flex:1; }
.fl-handle-options button[aria-pressed=true] { border-color:#216580; background:#e6f3f9; box-shadow:inset 0 0 0 1px #216580; }
.fl-handle-options button:disabled { color:#74818b; background:#f5f7f8; }
.fl-keyboard { display:grid; gap:6px; background:#e7eef2; padding:12px clamp(8px,2vw,20px); border-block:1px solid #c9d6de; }
.fl-key-row { display:flex; justify-content:center; gap:6px; }
.fl-key-row button { flex:0 1 calc((100% - 54px)/10); min-width:0; height:clamp(44px,6.8dvh,59px);
  padding:0; background:#fff; color:#1b3041; border:1px solid #b9c9d3; border-bottom:2px solid #9fb4c0;
  border-radius:7px; font:600 clamp(19px,2.5vw,24px)/1 system-ui,sans-serif; touch-action:manipulation; }
.fl-key-row:first-child button { background:#f5f8fa; }
.fl-key-row button.fl-backspace { flex-basis:calc((100% - 54px)/5 + 6px); background:#d7e3eb; }
.fl-key-row button:active { background:#c4e4f1; }
.fl-registration-actions.lp-actions { display:flex; justify-content:flex-end; margin:0; padding:10px clamp(14px,3vw,32px); }
@media(max-width:575px) {
 .fl-entry-fields { gap:8px; }
 .fl-keyboard { grid-template-columns:repeat(6,minmax(0,1fr)); }
 .fl-key-row { display:contents; }
 .fl-key-row button.fl-backspace { grid-column:span 6; }
}