/* One field edge and one focus indicator across the artist workspace. */
:root{--control-edge:color-mix(in srgb,var(--ink) 10%,transparent);--control-focus:color-mix(in srgb,var(--blue) 75%,transparent)}
input:not([type=checkbox]):not([type=hidden]):not([type=file]),textarea,select:not(.native-select),.select-trigger{min-width:0;max-width:100%;min-height:40px;border:1px solid var(--control-edge);border-radius:7px;background:var(--field);padding:10px 12px;line-height:1.5;box-shadow:none;outline:none;transition:border-color .18s,background .18s}
input:not([type=checkbox]):not([type=hidden]):not([type=file]):focus,textarea:focus,select:not(.native-select):focus,.select-trigger:focus-visible,.select-trigger[aria-expanded=true]{border-color:var(--control-focus);box-shadow:none;outline:none}
.signin-card input{background:var(--bg);border-color:var(--control-edge)}
input[readonly]{background:var(--hover);border-color:transparent;color:var(--muted)}
input[aria-invalid=true],textarea[aria-invalid=true]{border-color:#d86975}
textarea{min-height:140px;resize:vertical}
button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.select-trigger:focus-visible{outline:none}
.select-wrap{min-width:0;max-width:100%;margin-top:8px}
.select-trigger{gap:12px;font-weight:400}
.select-value{display:block;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.select-trigger:after{margin:0 3px 3px 0;width:6px;height:6px;border-width:1px;flex-shrink:0}
.select-options button{gap:12px;line-height:1.45;overflow-wrap:anywhere;white-space:normal}
.select-options button:focus-visible{outline:none;background:color-mix(in srgb,var(--blue) 12%,var(--elevated))}
.select-options button:after{flex-shrink:0}
.native-select{border:0!important;box-shadow:none!important;outline:none!important;min-height:0!important}
label{line-height:1.5;min-width:0}
label input,label textarea,label select{margin-top:8px}
label .small{line-height:1.5;margin-top:7px}
.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
.form-grid>label,.signin-grid>section{min-width:0}
.signin-card fieldset{min-inline-size:0;margin:0}
.range{flex-shrink:0;max-width:100%}
.range .select-wrap,.audience-filters .select-wrap,.release-select .select-wrap{margin-top:0}
.search{min-width:0;flex:0 1 250px}
.section-title{flex-wrap:wrap}
.section-title>div{min-width:0}
.upload{gap:8px;vertical-align:middle}
.upload input{padding:0!important;border:0!important;margin:0!important;min-height:0!important;clip-path:inset(50%)}
.upload:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:3px}
.media-card .text-button{vertical-align:middle;min-height:36px;margin:14px 0 0 6px}
.upload-status:empty,#auth-error:empty{display:none}
.upload-status{overflow-wrap:anywhere}
.savebar{flex-wrap:wrap;gap:12px;padding-block:16px}
.savebar>span{min-width:0;line-height:1.5}
.savebar>div{flex-wrap:wrap;gap:8px}
.savebar .compact,.savebar .primary{margin:0}
.account>span:last-child{min-width:0;overflow-wrap:anywhere}
.topbar .compact{margin-left:0}
.roster-list button>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
.insight-toggle input{padding:0;flex:none;box-shadow:none;border-radius:3px}
.insight-toggle input:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.audience-filters>label{max-width:100%;min-width:0;width:180px}
.release-select{max-width:100%}
.release-performance h2{overflow-wrap:anywhere}
.tracking-note{background:var(--panel);border:0}
dialog{scrollbar-width:thin;scrollbar-color:var(--control-edge) transparent}
@media(max-width:767px){
  .form-grid{grid-template-columns:minmax(0,1fr)}
  input:not([type=checkbox]):not([type=hidden]):not([type=file]),textarea,select:not(.native-select){font-size:16px}
  .audience-filters>label{flex:1 1 140px;width:auto}
  .search{flex-basis:100%;max-width:100%}
  .topbar-artist{min-width:0;flex:1}
  .topbar>div{flex-shrink:0}
  .savebar{padding-bottom:max(12px,env(safe-area-inset-bottom));align-items:stretch}
  .savebar>div{justify-content:flex-end}
  .release-actions .compact{white-space:normal}
}
@media(prefers-reduced-motion:reduce){input,textarea,select,.select-trigger{transition:none}}
