.profile-crop-help { margin-top:0; line-height:1.45; }
/* Shared photo crop and printed-signature tools. */
  .profile-image-crop-stage { position:relative; width:min(100%, 360px); aspect-ratio:1; margin:2px auto 14px; overflow:hidden; border:1px solid var(--line-strong); border-radius:50%; background:var(--surface-2); touch-action:none; cursor:grab; box-shadow:inset 0 0 0 1px rgba(0,0,0,.04); }
  .profile-image-crop-stage:active { cursor:grabbing; }
  .profile-image-crop-stage img { position:absolute; max-width:none; user-select:none; -webkit-user-drag:none; pointer-events:none; transform:translate(-50%, -50%); }
  .profile-image-crop-controls { display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center; color:var(--ink-2); font-size:13px; }
  .profile-image-crop-controls input[type="range"] { width:100%; accent-color:var(--primary); }
  @media (max-width:560px) { .profile-image-crop-stage { width:min(78vw, 330px); } }
  .signature-placement-visual { position:absolute; display:flex; align-items:center; justify-content:flex-start; color:#182830; font-family:cursive; font-size:24px; white-space:nowrap; user-select:none; pointer-events:none; transform-origin:top left; }
  .signature-placement-visual img { display:block; width:100%; height:100%; object-fit:contain; }
/* The writing desk is rendered locally; only its ink layer is exported. */
#signaturePadModal { padding:0; background:#151b2b; }
.signature-pad-modal.modal { width:100%; max-width:none; height:100dvh; max-height:100dvh; border:0; border-radius:0; padding:0; display:flex; flex-direction:column; overflow:hidden; box-shadow:none; background:#151b2b; color:#eef2f8; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.signature-pad-modal .modal-head { flex:none; flex-wrap:wrap; gap:8px; min-height:54px; margin:0; padding:8px max(18px,env(safe-area-inset-right)) 8px max(18px,env(safe-area-inset-left)); padding-top:calc(8px + env(safe-area-inset-top,0px)); background:var(--primary-dark); border:0; color:white; }
.signature-pad-modal .modal-head h2 { margin:0; font-size:18px; font-weight:600; color:inherit; }
#signaturePadModal .modal-head button { min-height:44px; }
.signature-pad-modal .modal-head .ghost { min-width:44px; min-height:40px; padding:3px 12px; border:0; color:#fff; background:transparent; font-size:27px; box-shadow:none; }
.signature-pad-modal .modal-body { flex:1; min-height:0; padding:0; overflow:auto; display:flex; background:radial-gradient(ellipse at 50% 30%,#232c44,#151b2b 75%); }
.signature-pad-workspace { flex:1; min-width:0; min-height:320px; display:flex; flex-direction:column; align-items:center; gap:8px; padding:12px max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left)); }
.signature-pad-tools { order:3; flex:1 0 100%; display:flex; flex-direction:column; gap:8px; min-width:0; }
.signature-pad-modal #saveSignaturePadCompact { display:none; }
.signature-pad-toolbar { order:0; display:flex; align-items:center; justify-content:space-between; gap:16px; flex:none; width:min(100%,900px); }
.signature-pad-width { display:flex; align-items:center; gap:12px; min-width:0; margin:0; color:#fff; font-size:12px; white-space:nowrap; }
.signature-pad-width input { width:clamp(80px,17vw,180px); height:32px; min-height:32px; padding:0; margin:0; border:0; background:transparent; accent-color:var(--primary); box-shadow:none; }
.signature-pad-width output { min-width:18px; color:#fff; font-variant-numeric:tabular-nums; }
.signature-pad-actions { display:flex; gap:8px; }
.signature-pad-modal .signature-pad-actions button { display:flex; align-items:center; justify-content:center; gap:6px; min-height:40px; padding:7px 13px; border:1px solid #ffffff33; border-radius:6px; color:#e2e8f0; background:#ffffff05; box-shadow:none; font-size:13px; font-weight:500; }
.signature-pad-actions svg { width:17px; height:17px; }
.signature-pad-surface { order:1; position:relative; flex:1; width:min(100%,1000px); min-height:150px; }
.signature-pad-canvas { display:block; width:100%; height:100%; object-fit:contain; touch-action:none; user-select:none; cursor:crosshair; outline-offset:2px; }
.signature-pad-typed { order:2; flex:none; display:grid; gap:6px; width:100%; margin:0; }
.signature-pad-typed > span { color:#fff; font-size:10px; font-weight:600; letter-spacing:.11em; text-transform:uppercase; }
.signature-pad-typed input { width:100%; height:44px; min-height:44px; padding:9px 12px; border:1px solid #ffffff33; border-radius:6px; background:#ffffff0d; color:#f1f5f9; font:16px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; box-shadow:none; }
.signature-pad-typed input::placeholder { color:#8490a6; opacity:1; }
.signature-pad-status { order:3; flex:none; width:min(100%,700px); margin:0; min-height:18px; color:#a9b4c7; font-size:11px; line-height:1.35; text-align:center; }
.signature-pad-modal .modal-foot { flex:none; display:grid; grid-template-columns:1fr 1fr; gap:12px; width:100%; margin:0; padding:10px max(14px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left)); border-top:1px solid #ffffff14; background:#151b2b; }
.signature-pad-modal .modal-foot button { min-height:44px; padding:10px 18px; border:1px solid #ffffff33; border-radius:6px; color:#e2e8f0; background:transparent; font:600 14px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; box-shadow:none; }
.signature-pad-modal :is(#saveSignaturePad,#saveSignaturePadCompact) { border-color:var(--primary); background:var(--primary); color:#fff; }
.signature-pad-modal button:disabled { opacity:.4; cursor:default; }
@media (hover:hover) and (pointer:fine) { .signature-pad-modal button:hover { transform:none; filter:brightness(1.06); box-shadow:none; } }
.signature-pad-modal :is(button,input,canvas):focus-visible { outline:2px solid var(--primary); outline-offset:3px; }
.signature-pad-modal[aria-busy="true"] .signature-pad-canvas { pointer-events:none; }
@media (max-width:380px) { .signature-pad-toolbar { gap:8px; } .signature-pad-width { gap:6px; } .signature-pad-modal .signature-pad-actions button { padding-inline:8px; } }
@media (orientation:landscape) and (max-height:600px) {
  .signature-pad-modal.modal { position:relative; }
  .signature-pad-modal .modal-head { position:absolute; inset:0 0 auto; z-index:3; flex-wrap:nowrap; gap:8px; min-height:48px; padding:4px max(10px,env(safe-area-inset-right)) 4px max(10px,env(safe-area-inset-left)); background:linear-gradient(#151b2bf5,#151b2b99); }
  .signature-pad-modal .modal-head h2 { font-size:16px; }
  .signature-pad-modal .modal-head > .spacer { display:none; }
  .signature-pad-modal #saveSignaturePadCompact { display:inline-flex; align-items:center; justify-content:center; gap:3px; min-height:40px; padding:8px 12px; border:0; border-radius:6px; font-size:13px; }
  .signature-pad-modal .modal-body { overflow:hidden; }
  .signature-pad-workspace { position:relative; min-height:0; padding:0; }
  .signature-pad-surface { position:absolute; inset:0; width:100%; height:100%; min-height:0; }
  .signature-pad-canvas { --signature-immersive:1; }
  .signature-pad-tools { order:0; flex:1 1 auto; flex-direction:row; align-items:center; gap:10px; }
  .signature-pad-toolbar { display:contents; }
  .signature-pad-width { gap:6px; }
  .signature-pad-width input { width:clamp(60px,8vw,108px); height:40px; }
  .signature-pad-actions { flex:none; gap:6px; }
  .signature-pad-modal .signature-pad-actions button { min-width:44px; min-height:44px; padding:7px 9px; }
  .signature-pad-typed { flex:1; min-width:100px; width:clamp(100px,16vw,240px); }
  .signature-pad-typed input { min-width:0; height:40px; min-height:40px; padding:8px; }
  .signature-pad-typed > span, .signature-pad-status { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  .signature-pad-modal .modal-foot { display:none; }
}
@media (orientation:landscape) and (max-height:600px) and (max-width:1100px) {
  .signature-pad-modal .modal-head h2 { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
}
@media (orientation:landscape) and (max-height:600px) and (max-width:760px) {
  .signature-pad-width > span, .signature-pad-action-label, .signature-pad-save-label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .signature-pad-modal #closeSignaturePad { width:44px; min-width:44px; max-width:44px; padding:8px; font-size:0; }
  .signature-pad-modal #closeSignaturePad::after { content:'×'; font-size:23px; }
}

/* Profile and EHS preferences share the same native form presentation. */
.pref-backdrop {
  --pref-blue:#0085d9;
  --pref-ink:#142333;
  --pref-muted:#6c7c8c;
  --pref-line:#e0e7ed;
  --pref-card:#fff;
  --pref-heading:#f4f8fb;
  --pref-canvas:#fff;
  --pref-input:#fff;
  padding:18px;
}
.pref-screen.modal {
  width:min(600px,100%);
  max-width:600px;
  height:min(1000px,calc(100dvh - 36px));
  max-height:calc(100dvh - 36px);
  display:flex;
  flex-direction:column;
  padding:0;
  overflow:hidden;
  border:1px solid var(--pref-line);
  border-radius:18px;
  background:var(--pref-canvas);
  color:var(--pref-ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:14px;
  text-align:left;
}
.pref-screen *, .pref-screen *::before, .pref-screen *::after { box-sizing:border-box; }
.pref-screen button, .pref-screen input, .pref-screen select { font:inherit; letter-spacing:normal; }
.pref-screen button { margin:0; text-transform:none; }
.pref-icon { display:block; width:24px; height:24px; flex:none; }
.pref-header {
  display:grid;
  grid-template-columns:54px minmax(0,1fr) 54px;
  align-items:center;
  flex:none;
  min-height:54px;
  padding:5px 10px;
  background:linear-gradient(115deg,#008cde,#0082d7);
  color:white;
}
.pref-header h2 { margin:0; color:inherit; font-size:18px; font-weight:600; text-align:center; letter-spacing:-.02em; }
.pref-header button {
  display:grid;
  place-items:center;
  min-width:44px;
  min-height:44px;
  padding:8px 2px;
  border:0;
  border-radius:6px;
  background:transparent;
  box-shadow:none;
  color:white;
  font-size:16px;
  font-weight:400;
}
.pref-header .pref-header-back { justify-self:start; }
.pref-header .pref-header-action { justify-self:end; }
@media (hover:hover) and (pointer:fine) { .pref-header button:hover { transform:none; background:#ffffff1a; box-shadow:none; color:#fff; } }
.pref-content { flex:1; min-height:0; min-width:0; overflow:auto; overscroll-behavior:contain; padding:12px 14px 20px; scroll-padding-bottom:24px; }
.pref-card {
  display:block;
  margin:0 0 12px;
  overflow:hidden;
  border:1px solid var(--pref-line);
  border-radius:10px;
  background:var(--pref-card);
}
.pref-card-heading { display:flex; align-items:center; gap:10px; min-height:36px; padding:7px 10px; background:var(--pref-heading); }
.pref-card-heading h3 { margin:0; color:var(--pref-ink); font-size:15px; font-weight:650; line-height:1.25; letter-spacing:-.02em; }
.pref-card-heading .pref-icon { width:22px; height:22px; stroke-width:1.5; }
.pref-card-body { padding:10px 12px; }
.pref-person { position:relative; display:flex; align-items:center; gap:12px; min-height:83px; padding:10px; background:linear-gradient(130deg,var(--pref-card),var(--pref-heading)); }
.pref-avatar { display:grid; place-items:center; width:61px; height:61px; flex:none; overflow:hidden; border-radius:50%; background:#e4f2fa; color:#087eaf; font-size:24px; font-weight:600; }
.pref-avatar img { width:100%; height:100%; display:block; object-fit:cover; }
.pref-person-copy { display:grid; gap:4px; min-width:0; flex:1; line-height:1.25; }
.pref-person-copy strong { font-size:15px; font-weight:650; overflow-wrap:anywhere; }
.pref-person-copy > span { color:var(--pref-muted); font-size:12px; overflow-wrap:anywhere; }
.pref-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:8px 10px; padding:8px 10px 10px; }
.pref-field { display:grid; gap:4px; min-width:0; margin:0; color:var(--pref-muted); font-size:11px; line-height:1.25; }
.pref-field-full { grid-column:1 / -1; }
.pref-field > input, .pref-field > select {
  display:block;
  width:100%;
  min-width:0;
  min-height:44px;
  margin:0;
  padding:7px 10px;
  border:1px solid #d9e1e7;
  border-radius:6px;
  background:var(--pref-input);
  box-shadow:0 1px 2px #12334d03;
  color:var(--pref-ink);
  font-size:16px;
  line-height:1.3;
}
.pref-field select { appearance:none; padding-right:29px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23455868' stroke-width='1.6'%3E%3Cpath d='m3 6 5 5 5-5'/%3E%3C/svg%3E"); background-position:right 9px center; background-repeat:no-repeat; }
.pref-field select option { background:var(--pref-input); color:var(--pref-ink); }
.pref-field > input:focus, .pref-field > select:focus { outline:2px solid #0089d736; outline-offset:1px; border-color:var(--pref-blue); box-shadow:none; }
.pref-help { margin:4px 0 0; color:var(--pref-muted); font-size:11px; line-height:1.4; }
.pref-footer { display:grid; grid-template-columns:1fr 1fr; gap:10px; flex:none; padding:10px 12px max(12px,env(safe-area-inset-bottom,0px)); border-top:1px solid var(--pref-line); background:var(--pref-card); box-shadow:0 -6px 16px #eff5fa66; }
.pref-screen .pref-outline, .pref-screen .pref-primary, .pref-screen .pref-danger { display:flex; align-items:center; justify-content:center; gap:8px; min-height:42px; padding:9px 12px; border:1px solid #94c8ed; border-radius:6px; background:#eff8ff; box-shadow:none; color:#0784cc; font-size:13px; font-weight:600; cursor:pointer; }
.pref-screen .pref-primary { border-color:var(--pref-blue); background:var(--pref-blue); color:white; }
.pref-screen .pref-footer .pref-outline { border-color:var(--pref-blue); background:var(--pref-card); color:#0089d7; }
.pref-screen .pref-danger { border-color:#f0abb7; background:#fff3f5; color:#db354f; }
.pref-screen button:disabled { opacity:.6; cursor:wait; }
.pref-status { margin:0; color:var(--pref-muted); font-size:12px; line-height:1.45; }
.pref-status:empty { display:none; }
.pref-status.is-error { padding:8px 0; color:#c62840; }
.pref-summary { margin:0; padding:0 12px; }
.pref-summary > div:last-child { border:0; }
.pref-summary dd { margin:0; color:var(--pref-ink); overflow-wrap:anywhere; }
.pref-signature-preview { position:relative; display:flex; align-items:center; justify-content:center; min-height:77px; padding:8px 12px; overflow:hidden; border:1px solid var(--pref-line); border-radius:7px; background:#fff; color:#253442; font-family:cursive; font-size:27px; }
.pref-signature-preview.is-empty { color:#81909b; font-family:inherit; font-size:12px; }
.pref-signature-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin:9px 0 14px; }
.pref-signature-actions .pref-icon { width:16px; height:16px; }
.pref-screen .pref-signature-actions button { min-height:36px; padding:7px 6px; font-size:12px; }
.pref-scale { display:grid; grid-template-columns:auto minmax(0,1fr) 40px; align-items:center; gap:16px; padding:4px 0; border-top:1px solid var(--pref-line); font-size:12px; }
.pref-scale input { min-width:0; width:100%; min-height:24px; height:24px; padding:0; border:0; background:transparent; box-shadow:none; accent-color:#008cea; }
.pref-scale input[type="range"] { appearance:none; }
.pref-scale input[type="range"]::-webkit-slider-runnable-track { height:6px; border-radius:6px; background:linear-gradient(to right,#008bea var(--signature-progress,27%),#dce5ed var(--signature-progress,27%)); }
.pref-scale input[type="range"]::-webkit-slider-thumb { appearance:none; width:18px; height:18px; margin-top:-6px; border:1px solid #008bea; border-radius:50%; background:#fff; box-shadow:0 1px 5px #17618a40; }
.pref-scale output { text-align:right; font-variant-numeric:tabular-nums; }
.pref-screen .pref-position-button { display:flex; align-items:center; gap:16px; width:100%; min-height:36px; padding:7px 12px; border:1px solid var(--pref-line); border-radius:7px; background:var(--pref-input); box-shadow:none; color:var(--pref-ink); font-size:12px; font-weight:400; }
.pref-position-button > span { flex:1; text-align:left; }
.pref-position-button .pref-icon { width:18px; height:18px; }
.pref-position-button[aria-expanded="true"] > .pref-icon:last-child { transform:rotate(90deg); }
.pref-signature-note { display:flex; align-items:center; gap:9px; margin-top:12px; font-size:10px; }
.pref-signature-note .pref-icon { width:14px; height:14px; }
.pref-screen[data-mode="edit"] #profileSignaturePreview { margin-bottom:9px; }

body[data-theme="agilent-web-dark"] .pref-backdrop {
  --pref-ink:#eef5fa; --pref-muted:#b0c3cf; --pref-line:#304b5d;
  --pref-card:#102c3e; --pref-heading:#173649; --pref-canvas:#0b2233; --pref-input:#0d2638;
}
body[data-theme="agilent-web-dark"] .pref-field > input, body[data-theme="agilent-web-dark"] .pref-field > select { border-color:#385468; color-scheme:dark; }
body[data-theme="agilent-web-dark"] .pref-screen .pref-outline { background:#143b54; color:#8fd4ff; border-color:#426b85; }
body[data-theme="agilent-web-dark"] .pref-screen .pref-danger { background:#482938; color:#ffa9b8; border-color:#825062; }
body[data-theme="agilent-web-dark"] .pref-footer { box-shadow:0 -4px 14px #061a2926; }
body[data-theme="agilent-web-dark"] .pref-status.is-error { color:#ffb2bf; }
@media (max-width:640px) {
  .pref-backdrop { padding:0; }
  .pref-screen.modal { width:100%; height:100dvh; max-height:100dvh; max-width:none; border:0; border-radius:0; }
  .pref-header { padding-top:calc(5px + env(safe-area-inset-top,0px)); }
}
@media (max-width:360px) {
  .pref-header h2 { font-size:16px; }
  .pref-person { gap:8px; padding:10px; }
  .pref-avatar { width:49px; height:49px; }
  .pref-person-copy strong { font-size:13px; }
  .pref-person-copy > span { font-size:10px; }
  .pref-fields { column-gap:8px; }

}

.pref-screen[data-mode="edit"] .pref-field { gap:3px; }
.pref-screen[data-mode="edit"] .pref-field > input, .pref-screen[data-mode="edit"] .pref-field > select { min-height:44px; padding-top:8px; padding-bottom:6px; line-height:20px; }

.pref-person { display:grid; grid-template-columns:64px minmax(0,1fr); align-items:start; padding:14px; }
.pref-person-copy { gap:6px; }
.pref-person-copy strong { font-size:18px; }
.pref-person-copy > span { font-size:14px; }
.pref-person #profileSignaturePreview { box-sizing:border-box; width:100%; min-height:64px; margin:2px 0 0; border:0; border-radius:6px; background:transparent; color:var(--pref-ink); padding:4px; cursor:pointer; }
.pref-person #profileSignaturePreview:empty::after { content:'Tap to sign'; }
.pref-person #profileSignaturePreview.is-empty { font-size:14px; color:var(--pref-muted); }
.pref-person .signature-placement-visual { pointer-events:none; }
.pref-field { font-size:13px; }
.pref-summary > div { display:grid; align-items:baseline; gap:10px; grid-template-columns:minmax(110px,.85fr) minmax(0,1.15fr); min-height:40px; font-size:14px; padding:10px 0; }
.profile-autofill { display:flex; align-items:center; gap:10px; min-height:54px; padding:10px 14px; font-size:15px; cursor:pointer; }
.profile-autofill input { width:22px; height:22px; flex:none; accent-color:var(--pref-blue); }
.expiration-preferences { display:grid; gap:12px; margin-top:0; border-top:1px solid var(--line); padding-top:18px; }
.expiration-preferences > button { justify-self:end; min-height:var(--ui-action-height); padding:10px 18px; border-radius:var(--ui-control-radius); font-size:15px; }
.expiration-preferences .pref-card-heading h3 { font-size:17px; }
.expiration-preferences .pref-card-heading { background:transparent; padding-left:0; }
.expiration-preferences .pref-fields { padding:10px 0; }
.expiration-preferences .pref-field { color:var(--ink); }
.expiration-preferences .pref-field input,.expiration-preferences .pref-field select { background-color:var(--surface); color:var(--ink); border-color:var(--line-strong); }
.expiration-preferences [role="status"] { font-size:14px; color:var(--muted); }
.signature-rotate-hint { margin:4px 0; font-size:14px; color:var(--muted); text-align:center; }
@media (orientation:landscape) and (max-height:600px) { .signature-rotate-hint { display:none; } }

.pref-screen button:focus-visible { outline:3px solid var(--pref-blue); outline-offset:2px; }

/* Restore the compact profile: identity and tappable signature stay together. */
#profileModal .pref-content { padding:16px 20px; }
#profileModal .pref-card { margin-bottom:12px; }
#profileModal .pref-person { grid-template-columns:64px minmax(0,1fr) auto; gap:12px; min-height:0; padding-bottom:12px; }
#profileModal .pref-person-copy { grid-column:2 / -1; gap:4px; }
#profileModal .pref-person-copy strong { padding-right:48px; }
#profileModal .profile-edit-action { z-index:1; align-self:start; min-width:44px; min-height:44px; padding:4px; border:0; background:transparent; box-shadow:none; color:var(--primary-dark); }
#profileModal .profile-photo-edit { position:relative; display:block; grid-column:1; grid-row:1; width:64px; height:64px; min-height:64px; padding:0; border:0; border-radius:50%; background:transparent; box-shadow:none; }
#profileModal .profile-photo-edit .pref-avatar { width:64px; height:64px; }
.profile-photo-pencil { position:absolute; right:-2px; bottom:-2px; display:grid; place-items:center; width:24px; height:24px; border:2px solid var(--surface); border-radius:50%; background:var(--primary); color:white; pointer-events:none; }
.profile-photo-pencil svg { width:14px; height:14px; }
#profileModal .profile-signature-inline { position:relative; display:block; grid-column:1 / -1; min-width:0; width:100%; max-width:400px; margin:0 auto; cursor:pointer; }
#profileModal .pref-person #profileSignaturePreview { height:92px; min-height:92px; margin:0; padding:0; overflow:visible; text-align:left; justify-content:flex-start; }
#profileSignaturePreview::before { content:''; position:absolute; left:3%; right:3%; top:70%; border-top:1px solid var(--line-strong); pointer-events:none; }
#profileSignaturePreview .signature-placement-visual { z-index:1; line-height:1; font-size:var(--profile-signature-font,52px); font-family:"Snell Roundhand","Savoye LET","Apple Chancery","Segoe Script","Lucida Handwriting","Brush Script MT",cursive; }
#profileSignatureHint { position:absolute; top:calc(70% + 5px); left:0; right:0; text-align:center; color:var(--muted); font-size:12px; line-height:1.3; }
#profileModal .pref-card-heading { min-height:28px; padding-bottom:6px; }
#profileModal .pref-summary > div { min-height:32px; padding:5px 0; font-size:14px; line-height:1.35; gap:10px; border-bottom:1px solid var(--line); }
#profileModal .pref-summary > div:last-child { border-bottom:0; }
#profileModal .profile-autofill { min-height:44px; margin-bottom:0; padding:4px 0 0; border-bottom:0; }
#profileModal .profile-autofill small { font-size:12px; line-height:1.4; }
#profileModal #profileSignatureSettings { margin-top:12px; padding-top:12px; border-top:1px solid var(--line); border-bottom:0; }
#profileModal .pref-fields { padding-bottom:12px; }
@media(max-width:360px) {
  #profileModal .pref-content { padding:14px; }
  #profileModal .pref-person { grid-template-columns:54px minmax(0,1fr) auto; gap:8px; }
  #profileModal .profile-photo-edit,#profileModal .profile-photo-edit .pref-avatar { width:54px; height:54px; min-height:54px; }
  #profileModal .pref-person-copy strong { font-size:16px; }
  #profileModal .pref-person-copy > span { font-size:12px; }
}

body[data-theme="agilent-web-dark"] #profileSignaturePreview .signature-placement-visual img { filter:brightness(0) invert(1); }

body[data-theme="agilent-web-dark"] #profileSignaturePreview .signature-placement-visual { color:var(--ink); }