/* Shared by the producer pages (sell, dashboard, admin, producer profile). Builds on site.css. */
[hidden]{display:none!important}

/* ---------- top bar (same as the tracks page) ---------- */
.top{
  position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:30px;
  padding:24px 5vw;background:rgba(0,0,0,.9);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.top img{height:24px;width:auto;opacity:.92}
.top .logo{margin-right:auto}
.top nav{display:flex;gap:28px;align-items:center}
.top nav a,.top nav button{font-size:10.5px;letter-spacing:.28em;color:var(--ash);transition:color .25s}
.top nav a:hover,.top nav button:hover,.top nav .here{color:var(--ivory)}
@media(max-width:760px){.top nav .far{display:none}}

/* ---------- type ---------- */
.lede{color:var(--ash);font-size:15px;line-height:1.75;max-width:52ch;margin:20px 0 0}
.sec{padding:64px 0 0}
.sec h2{font-size:clamp(28px,3.4vw,40px)}
.sec > p{color:var(--ash);font-size:14px;line-height:1.7;max-width:60ch;margin:12px 0 0}

/* ---------- forms (same as the homepage request form) ---------- */
.form{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px;margin-top:30px}
.form .wide{grid-column:1/-1}
.f label{display:block;font-size:10px;letter-spacing:.26em;color:var(--dim);margin-bottom:9px}
.f input,.f select,.f textarea{
  width:100%;padding:13px 0;font-size:15px;font-family:inherit;color:var(--ivory);
  background:transparent;border:none;border-bottom:1px solid var(--line);border-radius:0;
}
.f textarea{min-height:96px;resize:vertical;line-height:1.6}
.f input:focus,.f select:focus,.f textarea:focus{outline:none;border-color:var(--gold)}
.f select option{background:#0B0A08}
.f input[type=file]{padding:10px 0;font-size:13px;color:var(--ash)}
.f input[type=file]::file-selector-button{
  margin-right:16px;padding:9px 16px;border:1px solid var(--line);background:transparent;
  color:var(--ivory);font:inherit;font-size:10.5px;letter-spacing:.2em;cursor:pointer;
}
.f input[type=file]::file-selector-button:hover{border-color:var(--gold)}
.f .hint{display:block;font-size:11.5px;color:var(--dim);margin-top:8px;line-height:1.5;letter-spacing:.02em}
.prefix{display:flex;align-items:baseline;border-bottom:1px solid var(--line)}
.prefix:focus-within{border-color:var(--gold)}
.prefix span{color:var(--dim);font-size:15px;white-space:nowrap}
.prefix input{border:none}

.btn{background:var(--ivory);color:var(--void);padding:16px 30px;font-size:10.5px;letter-spacing:.26em}
.btn:hover{background:var(--gold)}
.btn:disabled{opacity:.5;cursor:default}
.btn.line{background:transparent;color:var(--ivory);border:1px solid var(--line)}
.btn.line:hover{border-color:var(--gold);color:var(--gold-hi);background:transparent}
.link{font-size:10.5px;letter-spacing:.22em;color:var(--ivory);border-bottom:1px solid var(--line);padding-bottom:5px}
.link:hover{border-color:var(--gold);color:var(--gold-hi)}
.link.quiet{color:var(--dim)}
.note{font-size:12px;color:var(--dim);letter-spacing:.04em;line-height:1.6;margin:14px 0 0}
.note.bad{color:#E0877D}
.note.good{color:var(--gold-hi)}

/* ---------- ruled rows (same rhythm as the tracks list) ---------- */
.rows{border-top:1px solid var(--line);margin-top:26px}
.row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 24px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}
.row .n{font-family:var(--serif);font-size:20px;line-height:1.2}
.row .d{font-size:12px;color:var(--ash);letter-spacing:.04em;margin-top:6px;line-height:1.6}
.row .acts{display:flex;gap:20px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.state{font-size:10px;letter-spacing:.2em;padding:4px 8px;border:1px solid var(--line);color:var(--ash);white-space:nowrap}
.state.live{color:var(--gold-hi);border-color:rgba(201,168,118,.5)}
.state.rejected{color:#E0877D;border-color:rgba(224,135,125,.4)}
.empty{color:var(--ash);font-size:14px;line-height:1.7;padding:26px 0}

@media(max-width:700px){
  .form{grid-template-columns:1fr}
  .row{grid-template-columns:1fr}
  .row .acts{justify-content:flex-start}
}