/* FuelOps v0.3.9.9 — Personal user settings + signature capture */
.signature-dialog{width:min(92vw,900px);border:1px solid #33475f;border-radius:16px;background:#0d1828;color:#c0ccd8;padding:0;box-shadow:0 30px 80px rgba(0,0,0,.55)}
.signature-dialog::backdrop{background:rgba(3,8,14,.72)}
.signature-dialog-shell{display:grid;gap:16px;padding:22px}
.signature-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.signature-dialog-head h2,.signature-dialog-head p{margin:0}
.signature-dialog-head p{margin-top:5px;color:#8194aa;font-size:.78rem;line-height:1.4;max-width:650px}

.user-settings-trigger{cursor:pointer;position:relative;padding-right:15px;transition:color .15s ease}
.user-settings-trigger::after{content:'⚙';position:absolute;right:0;top:50%;transform:translateY(-48%);font-size:.62rem;color:#61758d;opacity:.8}
.user-settings-trigger:hover,.user-settings-trigger:focus{color:#e1eaf3!important;outline:none}
.user-settings-trigger:hover::after,.user-settings-trigger:focus::after{color:#9ab0c8;opacity:1}
.user-settings-trigger.signature-ready::after{color:#79b98f}

.user-account-summary{display:grid;grid-template-columns:1fr 1.3fr .8fr;gap:10px;padding:12px;border:1px solid #263a50;border-radius:10px;background:rgba(8,17,28,.42)}
.user-account-summary>div{display:grid;gap:4px;min-width:0;padding:4px 8px}
.user-account-summary span{color:#70849b;font-size:.61rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.user-account-summary strong{color:#d6e1eb;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.user-signature-section{display:grid;gap:12px;padding-top:2px}
.user-signature-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid rgba(105,133,165,.18)}
.user-signature-heading>div{display:grid;gap:3px}
.user-signature-heading strong{color:#dbe5ef;font-size:.92rem}
.user-signature-heading span{color:#74889e;font-size:.72rem}

.signature-current{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid #263a50;border-radius:10px;background:rgba(8,17,28,.45)}
.signature-current-copy{display:grid;gap:3px}
.signature-current-copy strong{color:#dbe5ef;font-size:.82rem}
.signature-current-copy span{color:#74889e;font-size:.7rem}
.signature-preview{display:flex;align-items:center;justify-content:center;width:240px;height:64px;border-radius:8px;background:#fff;overflow:hidden}
.signature-preview img{max-width:100%;max-height:100%;object-fit:contain}
.signature-preview.empty{background:#111f31;color:#6f8399;font-size:.7rem;font-weight:750}
.signature-pad-wrap{display:grid;gap:7px}
.signature-pad-label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#90a2b5;font-size:.68rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.signature-pad-label span:last-child{color:#687c92;font-weight:700;letter-spacing:0;text-transform:none}
.signature-canvas-frame{padding:8px;border:1px solid #334a64;border-radius:12px;background:#08131f}
#signatureCanvas{display:block;width:100%;height:220px;border-radius:8px;background:#fff;cursor:crosshair;touch-action:none}
.signature-actions{display:flex;justify-content:flex-end;gap:8px;align-items:center}
.signature-message{margin:0 auto 0 0;min-height:1.2em;color:#8396aa;font-size:.74rem}
.signature-message.success{color:#91d3ac}
.signature-message.error{color:#e7a0a0}

@media(max-width:700px){
  .user-account-summary{grid-template-columns:1fr}
  .signature-current{grid-template-columns:1fr}
  .signature-preview{width:100%;height:70px}
  #signatureCanvas{height:180px}
  .signature-actions{flex-wrap:wrap}
  .signature-message{width:100%;order:2}
  .signature-pad-label{display:grid}
}