/* z3n.gg call link - shared styles */
*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#000;--bg-elevated:#111;--border:#222;--border-focus:#444;--text:#fff;--text-muted:#888;--text-hint:#666;--accent:#fff;--success:#22c55e}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom);line-height:1.5}
.container{max-width:420px;margin:0 auto;padding:48px 0}
h1{font-size:28px;font-weight:700;margin-bottom:8px}
h2{font-size:20px;font-weight:600;margin:32px 0 16px}
.subtitle{color:var(--text-muted);font-size:16px;margin-bottom:32px}
.form-group{margin-bottom:20px}
label{display:block;font-size:13px;color:var(--text-hint);margin-bottom:8px}
input[type="text"],input[type="email"],input[type="number"],input[type="password"],select,textarea{width:100%;padding:14px 16px;font-size:16px;border:2px solid var(--border);border-radius:12px;background:var(--bg-elevated);color:var(--text);-webkit-appearance:none}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--border-focus)}
input[readonly]{background:var(--bg);color:var(--text-muted)}
.hint{font-size:13px;color:var(--text-hint);margin-top:6px}
.checkbox-row{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:15px;cursor:pointer}
.checkbox-row input[type="checkbox"]{width:20px;height:20px;accent-color:var(--success)}
.time-row{display:flex;gap:16px;margin-top:12px}
.time-row>div{flex:1}
.time-row select{width:100%}
.btn{display:inline-block;padding:16px 24px;font-size:17px;font-weight:600;border:none;border-radius:12px;cursor:pointer;text-align:center;text-decoration:none;min-height:52px;transition:opacity 0.15s}
.btn:hover{opacity:0.9}
.btn:disabled{opacity:0.4;cursor:not-allowed}
.btn-primary{width:100%;background:var(--accent);color:#000;margin-top:24px}
.btn-secondary{background:var(--bg-elevated);color:var(--text);border:2px solid var(--border)}
.btn-copy{padding:10px 16px;font-size:14px;font-weight:600;background:var(--bg-elevated);color:var(--text);border:2px solid var(--border);border-radius:8px;cursor:pointer;min-height:auto}
.link-box{background:var(--bg-elevated);border-radius:12px;padding:16px;margin:24px 0}
.link-box label{margin-bottom:12px}
.link-value{display:flex;gap:8px}
.link-value input{flex:1;padding:12px 14px;font-size:14px;font-family:monospace}
.success-icon{width:64px;height:64px;border-radius:50%;background:var(--success);color:#000;font-size:32px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.summary{background:var(--bg-elevated);border-radius:12px;padding:20px;margin:24px 0}
.summary p{margin-bottom:8px}
.summary p:last-child{margin-bottom:0}
.stats{display:flex;gap:16px;margin:24px 0}
.stat{flex:1;background:var(--bg-elevated);border-radius:12px;padding:20px;text-align:center}
.stat-value{display:block;font-size:28px;font-weight:700;margin-bottom:4px}
.stat-label{font-size:13px;color:var(--text-hint)}
.call-list{list-style:none}
.call-item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-elevated);border-radius:12px;margin-bottom:8px}
.call-date{font-weight:600;min-width:100px}
.call-time{color:var(--text-muted);min-width:80px}
.call-fan{flex:1;color:var(--text-muted);font-size:14px;overflow:hidden;text-overflow:ellipsis}
.call-amount{font-weight:600;color:var(--success);min-width:60px}
.call-action{padding:8px 16px;font-size:14px;font-weight:600;background:var(--success);color:#000;border-radius:8px;text-decoration:none}
.note{color:var(--text-hint);font-size:13px;margin-top:24px;text-align:center}
.empty{color:var(--text-muted);text-align:center;padding:24px}
@media(max-width:480px){.stats{flex-wrap:wrap}.stat{min-width:calc(50% - 8px)}.call-item{flex-wrap:wrap}.call-fan{order:3;flex-basis:100%;margin-top:8px}}