/* look-artists.css — Artist-Seite im Look von Valueverse-Player und Showstudio (Thomas 9.11.: „genau wie die anderen beiden Seiten,
   dasselbe Button-Kit, dieselben Designs“). Lädt nach kit/*.css und studio/look.css (Kopfzeile, Typografie, Karten) und ergänzt nur,
   was die Künstler-Formulare brauchen: Eingabefelder, Status-Chips, Reiter, Ablagefläche, Tabellen. Knöpfe sind Kit-Knöpfe (tw-button). */

/* ── Eingabefelder mit Radius wie die Kit-Knöpfe ── */
input[type=text],input[type=email],input[type=url],input[type=number],select,textarea{border-radius:10px;border-color:var(--line);background:var(--card)}
input:focus,select:focus,textarea:focus{outline-color:var(--blue)}
.field>span,.field>legend{font-family:"Space Grotesk",system-ui,sans-serif;font-size:12px;letter-spacing:.02em;text-transform:none;color:var(--muted);font-weight:500}
.field small{font-size:12px}
.radio{border-radius:10px;border-color:var(--line)}
.radio:has(input:checked){background:var(--ink);color:var(--paper)}
.check input{accent-color:var(--blue)}

/* ── Gedämpfter Kit-Knopf (Löschen, Zurückziehen, Ablehnen) ── */
.tw-button--ghost{color:#b3a6bd}
.tw-button--ghost:hover{color:#ffd0d0}
.tw-button.file-btn{position:relative;overflow:hidden}
.tw-button.file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}
.actions{gap:10px}
.row-between .tw-button{flex:none}

/* ── Status-Chips (Entwurf/eingereicht/freigegeben …) als kleine Pillen ── */
.chip{font-family:"Space Grotesk",system-ui,sans-serif;font-size:11px;letter-spacing:.02em;text-transform:none;padding:3px 9px;border-radius:999px;border:1px solid currentColor;font-weight:500}
.chip-type{background:transparent}

/* ── Reiter (Track-Seite) ── */
.tabs{border-bottom:1px solid var(--line);gap:4px}
.tabs a{font-family:"Space Grotesk",system-ui,sans-serif;font-size:13px;letter-spacing:0;text-transform:none;border-radius:8px 8px 0 0}
.tabs a.on{color:var(--ink)}

/* ── Startseite / Dashboard ── */
.hero h1 span{color:transparent;-webkit-text-stroke:1.5px var(--ink)}
.step h3{font-size:22px}
.card.todo{border-radius:12px}
.card.todo h3{margin-bottom:6px}
.todo .arrow{top:16px}
.stat{border-radius:12px}
.stat b{font-family:"Space Grotesk",system-ui,sans-serif;font-weight:500}
.upload-item,.split-head,.doc-embed,.lyrics,.dropzone{border-radius:12px}
.dropzone{border-style:dashed;border-color:var(--line)}
.dropzone.over{border-color:var(--blue)}
.table th{font-family:"Space Grotesk",system-ui,sans-serif;text-transform:none;letter-spacing:0;font-size:12px;border-bottom-color:var(--line)}
.site-footer{margin-top:40px}

/* ── Telefon: Kit-Knöpfe in Formularen volle Breite wie vorher die .button ── */
@media(max-width:560px){
  .actions .tw-button--text:not(.tw-button--small){width:100%}
  .form .tw-button--text.full{width:100%}
}

/* Lange Schlüssel (Nostr-Pubkey) umbrechen statt die Seite zu verbreitern */
.card .mono,.facts dd{overflow-wrap:anywhere}

/* ── 9.11. abends: Unterleiste der Artist-Seite unter dem Strich + Konto-Kreis/-Fenster wie im Valueverse ── */
.artist-subnav{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;margin:0;padding:14px 20px;border-bottom:1px solid var(--line);box-sizing:border-box}
.artist-subnav .badge{margin-left:4px}
@media(max-width:560px){.artist-subnav{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:12px 16px;scrollbar-width:none}.artist-subnav::-webkit-scrollbar{display:none}.artist-subnav .tw-chip{flex:none}}
.play-avatar{width:38px;height:38px;flex:none;display:grid;place-items:center;padding:0;margin:0 0 0 6px;border-radius:50%;border:1px solid color-mix(in srgb,var(--pink) 45%,var(--line));background:color-mix(in srgb,var(--pink) 14%,var(--card));color:var(--ink);font:500 14px/1 "DM Mono",ui-monospace,monospace;cursor:pointer;-webkit-tap-highlight-color:transparent}
.play-avatar:hover{border-color:color-mix(in srgb,var(--pink) 70%,var(--line))}
.account-sheet{width:min(420px,calc(100vw - 32px));border:1px solid var(--line);border-radius:16px;background:var(--card);color:var(--ink);padding:22px}
.account-sheet::backdrop{background:rgba(0,0,0,.55)}
.account-sheet .sheet-title{margin:4px 0 10px;font-size:24px}
.account-npub{font-size:12px;overflow-wrap:anywhere;color:var(--muted);margin:0 0 8px}
.account-sheet .account-actions{display:grid;gap:8px;margin-top:16px}
.account-sheet .account-actions .inline{display:block;margin:0}
.account-sheet .tw-button.full{width:100%;min-height:46px}
.avatar-edit{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.avatar-l{width:120px;height:120px;border-radius:50%;object-fit:cover;border:1px solid var(--line);background:var(--paper)}
.avatar-l.placeholder{display:block}
.form .field>small{display:block;margin-bottom:6px}