:root{--radius:16px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:calc(var(--radius) - 4px);background:#0f172a;color:#fff;padding:.55rem 1rem;font-size:.9rem;font-weight:600;line-height:1;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.btn:hover{background:#1f2937}
.btn:focus{outline:2px solid rgba(15,23,42,.35);outline-offset:2px}

.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:calc(var(--radius) - 4px);border:1px solid #cbd5e1;background:#fff;color:#0f172a;padding:.55rem 1rem;font-size:.9rem;font-weight:600;line-height:1}
.btn-outline:hover{background:#f8fafc}

.input{width:100%;border:1px solid #cbd5e1;border-radius:calc(var(--radius) - 6px);padding:.6rem .8rem;background:#fff}
.input:focus{outline:2px solid rgba(59,130,246,.25);outline-offset:2px}

.label{display:block;font-size:.9rem;font-weight:600;color:#0f172a;margin-bottom:.35rem}
.help{font-size:.8rem;color:#64748b;margin-top:.35rem}

.card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius);box-shadow:0 1px 2px rgba(0,0,0,.04)}
.card-h{padding:1rem 1rem .75rem 1rem;border-bottom:1px solid #e2e8f0}
.card-b{padding:1rem}

.badge{display:inline-flex;align-items:center;border:1px solid #e2e8f0;background:#f8fafc;border-radius:999px;padding:.15rem .55rem;font-size:.75rem;color:#475569}

.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}

/* Make tables scroll on mobile */
.table-wrap{overflow:auto}

/* Small animation */
.fade-in{animation:fadeIn .2s ease-out}
@keyframes fadeIn{from{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}
.select{width:100%;border:1px solid #cbd5e1;border-radius:calc(var(--radius) - 6px);padding:.6rem .8rem;background:#fff}
.select:focus{outline:2px solid rgba(59,130,246,.25);outline-offset:2px}

.textarea{width:100%;border:1px solid #cbd5e1;border-radius:calc(var(--radius) - 6px);padding:.6rem .8rem;background:#fff;resize:vertical}
.textarea:focus{outline:2px solid rgba(59,130,246,.25);outline-offset:2px}

.btn-danger{display:inline-flex;align-items:center;justify-content:center;border-radius:calc(var(--radius) - 4px);background:#ef4444;color:#fff;padding:.55rem 1rem;font-size:.9rem;font-weight:600;line-height:1}
.btn-danger:hover{background:#dc2626}

.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:calc(var(--radius) - 6px);border:1px solid #cbd5e1;background:#fff;color:#0f172a}
.btn-icon:hover{background:#f8fafc}

.chip{display:inline-flex;align-items:center;border:1px solid #e2e8f0;background:#f8fafc;border-radius:999px;padding:.2rem .6rem}