#signatures-view h2 { font:36px Fraunces,serif; }
.signature-admin-create { display:grid; grid-template-columns:1fr 1.2fr; gap:28px; align-items:center; border-color:#b98b5950; }
.signature-admin-create h3 { font:24px Fraunces,serif; margin-bottom:10px; }
.signature-admin-create form > div { display:flex; gap:12px; margin-top:8px; }
.signature-admin-create select,.signature-admin-toolbar select { min-width:0; flex:1; padding:12px; border:1px solid var(--admin-line); background:var(--admin-bg); color:inherit; border-radius:10px; font:inherit; }
.signature-admin-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:28px 0 16px; }
.signature-admin-toolbar label { display:flex; align-items:center; gap:12px; font-size:14px; }
#signature-requests { display:grid; gap:14px; }
.signature-request { display:flex; align-items:center; gap:26px; padding:22px; border:1px solid var(--admin-line); background:var(--admin-panel); border-radius:16px; }
.signature-request-info { flex:1; min-width:0; overflow-wrap:anywhere; }
.signature-request h3 { margin:10px 0 6px; font-size:19px; }
.signature-request p { font-size:13px; opacity:.75; line-height:1.8; }
.signature-state { display:inline-block; padding:4px 9px; border-radius:6px; font-size:12px; color:#d8b182; background:#b98b591a; }
.signature-state.signed { color:#88c8a7; background:#3e926422; }
.signature-state.revoked,.signature-state.expired { color:#aaa; background:#8881; }
.signature-preview { width:220px; max-width:100%; border-radius:10px; overflow:hidden; background:#fff; }
.signature-preview img { width:100%; display:block; }
.signature-admin-note { margin-top:20px; }
.signature-share-dialog { position:relative; margin:auto; width:min(470px,calc(100vw - 28px)); max-height:90vh; overflow:auto; padding:28px; border:1px solid #b98b5960; border-radius:20px; background:var(--admin-panel); color:#eee4d8; }
.signature-share-dialog::backdrop { background:#101318aa; backdrop-filter:blur(3px); }
.signature-share-dialog h2 { font:28px Fraunces,serif; margin:12px 0; }
.signature-share-dialog p { font-size:14px; line-height:1.7; margin:12px 0; }
.signature-dialog-close { float:right; }
#signature-qr { width:240px; max-width:100%; margin:20px auto; background:white; padding:8px; border-radius:12px; }
#signature-qr svg { width:100%; height:auto; display:block; }
.signature-share-dialog label { font-size:13px; }
#signature-share-url { width:100%; margin:8px 0 12px; padding:12px; border:1px solid var(--admin-line); border-radius:10px; background:var(--admin-bg); color:inherit; }
#signature-copy-link { width:100%; }
html[data-admin-theme="light"] .signature-share-dialog { color:#3b3027; }
html[data-admin-theme="light"] .signature-state { color:#835d38; }
html[data-admin-theme="light"] .signature-state.signed { color:#276444; }
@media(max-width:1100px){.signature-admin-create{grid-template-columns:1fr}.signature-request{flex-wrap:wrap}}
@media(max-width:600px){.signature-admin-create form > div{flex-direction:column}.signature-admin-toolbar{align-items:flex-start;flex-direction:column}.signature-request{gap:16px}.signature-preview{width:100%}.signature-request-info{flex-basis:100%}}

#signatures-view { --signature-accent:#d3ad82; --signature-muted:#aaa69e; }
html[data-admin-theme="light"] #signatures-view { --signature-accent:#825a34; --signature-muted:#7a736a; }
#signatures-view > .admin-top { margin-bottom:30px; }
#signatures-view .eyebrow { color:var(--signature-accent); font-size:11px; letter-spacing:.16em; margin-bottom:8px; }
#signatures-view .signature-admin-create { padding:26px; border:1px solid var(--admin-line); border-radius:16px; box-shadow:none; background:var(--admin-panel); }
.signature-create-intro { display:flex; gap:18px; align-items:center; }
.signature-create-icon { display:grid; place-items:center; width:52px; height:52px; flex:0 0 52px; border:1px solid #b98b593b; border-radius:15px; color:var(--signature-accent); background:#b98b590a; }
.signature-create-icon svg { width:25px; height:25px; }
.signature-create-icon svg,.signature-action svg { fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.signature-admin-create h3 { margin-bottom:6px; }
.signature-admin-create .notice { max-width:370px; color:var(--signature-muted); line-height:1.7; }
.signature-admin-create form > label { font-size:12px; color:var(--signature-muted); }
#signature-create-form .btn { border-radius:10px; box-shadow:none; display:flex; align-items:center; gap:14px; white-space:nowrap; }
#signatures-status:empty { display:none; }
.signature-admin-toolbar { margin:32px 0 16px; }
.signature-admin-toolbar h3 { font-size:18px; font-weight:600; }
.signature-admin-toolbar label { margin-left:auto; color:var(--signature-muted); font-size:13px; }
#signature-requests { gap:0; border:1px solid var(--admin-line); border-radius:16px; overflow:hidden; background:var(--admin-panel); }
.signature-request { padding:24px 26px; border:0; border-radius:0; gap:30px; background:none; }
.signature-request + .signature-request { border-top:1px solid var(--admin-line); }
.signature-request h3 { font-weight:600; font-size:18px; margin:11px 0 6px; }
.signature-request p { color:var(--signature-muted); opacity:1; }
.signature-state { padding:0; border-radius:0; background:transparent!important; display:inline-flex; gap:7px; align-items:center; font-size:12px; font-weight:600; }
.signature-state::before { content:''; width:5px; height:5px; border-radius:50%; background:currentColor; }
.signature-preview-wrap { width:280px; max-width:100%; flex-shrink:0; }
.signature-preview { width:100%; padding:10px; border:1px solid #eae5de; border-radius:10px; background:#fff; }
.signature-preview-wrap > small { display:block; text-align:center; font-size:11px; color:var(--signature-muted); margin-top:7px; }
.signature-action { display:inline-flex; align-items:center; gap:10px; font-size:13px; box-shadow:none; border-radius:10px; }
.signature-action svg { width:18px; height:18px; flex-shrink:0; }
#signatures-view .signature-download,#signatures-view .signature-link { padding:12px 15px; border:1px solid #b98b5945; color:var(--signature-accent); background:#b98b590b; }
#signatures-view .signature-download:hover,#signatures-view .signature-link:hover { border-color:#b98b5980; background:#b98b591a; }
.signature-download small { display:block; font-size:11px; font-weight:400; margin-top:3px; color:var(--signature-muted); }
#signatures-view .signature-revoke { border-color:transparent; background:transparent; font-size:12px; color:var(--signature-muted); }
.signature-admin-note { color:var(--signature-muted); font-size:12px; padding-top:4px; }
@media(max-width:1100px){.signature-request{gap:20px}.signature-preview-wrap{width:240px}}
@media(max-width:600px){#signatures-view .signature-admin-create{padding:20px}.signature-create-icon{width:42px;height:42px;flex-basis:42px}.signature-create-intro{gap:12px}.signature-request{padding:20px}.signature-preview-wrap{width:100%}.signature-admin-toolbar{flex-direction:row;flex-wrap:wrap}.signature-admin-toolbar label{margin-left:0}.signature-download{width:100%;justify-content:center}}