.signature-page{--sig-bg:#111a14;--sig-bg2:#17231a;--sig-line:#2d4432;--sig-green:#46e875;--sig-muted:#9aab9e}
.signature-help{margin:18px 0 22px;padding:16px 18px;border:1px solid #31563a;border-radius:14px;background:linear-gradient(145deg,#17251a,#121b15);color:#c7dccb}
.signature-help strong{color:#75e891;font-size:13px;letter-spacing:.04em}
.signature-help p{margin:8px 0 0;line-height:1.6;font-size:13px}
.signature-targets,.signature-run,.signature-styles{margin-top:22px}
.signature-targets h3,.signature-run h3,.signature-styles h3{margin:0 0 8px;color:#ffb24a;font-size:13px;letter-spacing:.08em}
.signature-targets>p,.signature-run>p{margin:0 0 13px;color:var(--sig-muted);font-size:13px;line-height:1.55}
.signature-background-toggle{display:flex;align-items:center;gap:10px;width:fit-content;margin:8px 0 14px;padding:11px 13px;border:1px solid #31523a;border-radius:11px;background:#142019;cursor:pointer}
.signature-background-toggle input{width:17px;height:17px;accent-color:#39d967;flex:none}
.signature-background-toggle span{display:grid;gap:4px}
.signature-background-toggle strong{color:#c6e8cb;font-size:12px}
.signature-background-toggle small{color:#8fa294;font-size:11px}
.signature-search{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px}
.signature-search input,.signature-run-row input{min-width:0;height:48px;padding:0 15px;border:1px solid #303b35;border-radius:12px;background:#171c24;color:#edf5ee;font:inherit;outline:none}
.signature-search input:focus,.signature-run-row input:focus{border-color:#48a65c;box-shadow:0 0 0 3px rgba(70,232,117,.1)}
.signature-search-button{min-width:105px;border:1px solid #4a9a58;border-radius:12px;background:linear-gradient(135deg,#215d30,#1b4827);color:#bbf4c5;font-weight:750;cursor:pointer}
.signature-search-button:hover:not(:disabled){background:linear-gradient(135deg,#29763c,#205b30)}
.signature-friends-open{min-width:190px;padding:0 13px;border:1px solid #345b3c;border-radius:12px;background:linear-gradient(135deg,#17271b,#142019);color:#b9edc3;font-weight:700;cursor:pointer}
.signature-friends-open:hover{border-color:#4a9d5b;background:#1b3020;color:#d0ffd7}
.signature-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}
.signature-target-card{display:flex;align-items:center;gap:12px;min-width:0;padding:11px 13px;border:1px solid #2c4031;border-radius:13px;background:linear-gradient(135deg,#17231a,#141b16);cursor:pointer}
.signature-target-card:has(input:checked){border-color:#3e9853;background:#193020;box-shadow:0 0 16px rgba(49,220,83,.07)}
.signature-target-card input{width:17px;height:17px;accent-color:#39d967;flex:none}
.signature-target-card img{width:44px;height:44px;flex:none;border:2px solid #456b4c;border-radius:50%;object-fit:cover;background:#0d140f}
.signature-target-info{display:grid;gap:4px;min-width:0;flex:1}
.signature-target-info strong{overflow:hidden;color:#e5eee7;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.signature-target-info small{color:#95a499;font-size:12px}
.signature-vip{padding:4px 7px;border:1px solid #a77b2c;border-radius:999px;background:#342a16;color:#ffda6d;font-size:10px;font-weight:750;white-space:nowrap}
.signature-empty{grid-column:1/-1;padding:18px;border:1px dashed #344839;border-radius:12px;color:#9aab9e;text-align:center}
.signature-selected-summary,.signature-cost{margin-top:12px;padding:11px 13px;border:1px solid #2e4433;border-radius:11px;background:#141e17;color:#adbdaf;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.signature-run-row{display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:end;gap:10px}
.signature-run-row label{display:grid;gap:6px;color:#aab8ac;font-size:12px}
.signature-count-hint{color:#829486;font-size:11px;font-weight:400}
.signature-run-row input{width:100%}
.signature-start,.signature-stop{height:48px;padding:0 20px;border:1px solid #34864a;border-radius:12px;background:linear-gradient(135deg,#236e35,#278944);color:#e8ffeb;font-weight:800;cursor:pointer}
.signature-start:hover:not(:disabled){filter:brightness(1.12)}
.signature-start:disabled,.signature-stop:disabled{opacity:.45;cursor:not-allowed}
.signature-stop{border-color:#794444;background:linear-gradient(135deg,#542323,#702e2e);color:#ffdada}
.signature-status{min-height:22px;margin-top:11px;color:#a9b9ac;font-size:13px}
.signature-log{display:grid;gap:6px;margin-top:8px}
.signature-log-row{padding:9px 11px;border:1px solid #304334;border-radius:9px;background:#141d17;color:#d2e2d5;font-size:12px;overflow-wrap:anywhere}
.signature-log-row.success{border-color:#2c6840;color:#a5edb2}
.signature-log-row.waiting{border-color:#65532b;color:#ead28d}
.signature-log-row.error{border-color:#713a3a;color:#f1aaaa}
.signature-friends-dialog{width:min(620px,calc(100vw - 28px));max-height:min(82vh,760px);padding:0;border:1px solid #31563a;border-radius:18px;background:linear-gradient(145deg,#121b15,#0f1511);color:#e7f1e9;box-shadow:0 24px 80px #000d}
.signature-friends-dialog::backdrop{background:rgba(0,8,3,.78);backdrop-filter:blur(5px)}
.signature-friends-dialog header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px;border-bottom:1px solid #293e2e}
.signature-friends-dialog h2{margin:0;font-size:17px}
.signature-friends-dialog header p{margin:5px 0 0;color:#91a494;font-size:12px}
.signature-friends-dialog header button,.signature-friends-toolbar button{min-height:36px;padding:0 11px;border:1px solid #35543c;border-radius:9px;background:#17231a;color:#cfe3d2;cursor:pointer}
.signature-friends-dialog header button{width:36px;padding:0;font-size:20px}
.signature-friends-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding:12px 16px;border-bottom:1px solid #23372a}
.signature-friends-toolbar input{min-width:0;padding:0 12px;border:1px solid #304635;border-radius:9px;background:#111914;color:#e5eee7;outline:none}
.signature-friends-toolbar input:focus{border-color:#48a65c}
.signature-friends-toolbar button:hover,.signature-friends-dialog header button:hover{border-color:#4a9d5b;color:#9ff0ad}
.signature-friends-list{display:grid;gap:6px;max-height:54vh;overflow:auto;padding:10px 14px}
.signature-friend-row{display:flex;align-items:center;gap:11px;min-height:58px;padding:8px 10px;border:1px solid #25382a;border-radius:11px;background:#151f18;cursor:pointer}
.signature-friend-row:has(input:checked){border-color:#438752;background:#192b1d}
.signature-friend-row input{width:17px;height:17px;accent-color:#39d967;flex:none}
.signature-friend-row img{width:38px;height:38px;border:1px solid #426a49;border-radius:50%;object-fit:cover;background:#0b110d}
.signature-friend-copy{display:grid;gap:3px;min-width:0;flex:1}
.signature-friend-copy strong{overflow:hidden;color:#e0ece2;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.signature-friend-copy small{color:#91a393;font-size:11px}
.signature-friend-vip{padding:4px 7px;border:1px solid #90712a;border-radius:99px;background:#302817;color:#f1d36d;font-size:10px;font-weight:700}
.signature-friends-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-top:1px solid #293e2e;color:#9cac9f;font-size:12px}
.signature-friends-dialog footer .signature-search-button{min-height:40px;padding:0 14px}
.signature-friends-dialog button:disabled{opacity:.45;cursor:not-allowed}
.signature-style-list{display:grid;gap:8px}
.signature-style{display:flex;align-items:center;gap:14px;width:100%;min-height:72px;padding:12px 15px;border:1px solid #2b3430;border-radius:15px;background:linear-gradient(135deg,#151b18,#121715);color:#e5eee7;text-align:left;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.signature-style:hover:not(:disabled){border-color:#41694a;transform:translateY(-1px)}
.signature-style.active{border-color:#438752;background:linear-gradient(135deg,#172a1d,#18241b);box-shadow:inset 0 0 0 1px rgba(70,232,117,.08)}
.signature-style:disabled{cursor:default}
.signature-emoji{display:grid;place-items:center;width:28px;flex:none;font-size:21px}
.signature-style-copy{display:grid;gap:5px;min-width:0;flex:1}
.signature-style-copy strong{font-size:14px}
.signature-style-copy small{color:#929f95;font-size:12px}
.signature-price{padding:7px 10px;border-radius:999px;background:#31232e;color:#f0a9d4;font-size:12px;font-weight:800;white-space:nowrap}
@media(max-width:720px){.signature-results{grid-template-columns:1fr}.signature-run-row{grid-template-columns:95px minmax(0,1fr)}.signature-stop{grid-column:1/-1}.signature-search{grid-template-columns:minmax(0,1fr) auto}.signature-friends-open{grid-column:1/-1;min-height:42px}.signature-friends-toolbar{grid-template-columns:minmax(0,1fr) auto}.signature-friends-toolbar input{min-height:38px}.signature-friends-toolbar button:last-child{grid-column:1/-1}}
@media(max-width:440px){.signature-search{grid-template-columns:1fr}.signature-search-button{height:44px}.signature-run-row{grid-template-columns:1fr}.signature-start,.signature-stop{width:100%}.signature-friends-dialog footer{align-items:stretch;flex-direction:column}.signature-friends-dialog footer .signature-search-button{min-height:42px}}
