.opp-loading{color:#9eb1ba;align-items:center;gap:10px;padding:32px;display:flex}.opp-error{color:#e6b2a3;background:#211713;border:1px solid #9b654f;margin:0 0 18px;padding:12px 14px;font-size:13px}.opp-add{margin-bottom:18px;padding:22px}.opp-add>.panel-head{padding:0 0 17px}.opp-form{grid-template-columns:1.5fr 1.2fr .7fr 1.3fr auto;align-items:end;gap:11px;display:grid}.opp-form label,.opp-edit label,.opp-picker label{color:#849ba5;letter-spacing:.1em;text-transform:uppercase;gap:6px;font-size:10px;display:grid}.opp-form input,.opp-form select,.opp-edit input,.opp-edit select,.opp-edit textarea,.opp-search input{color:#dbe5e8;width:100%;font:inherit;letter-spacing:0;text-transform:none;background:#07131b;border:1px solid #29414c;padding:10px;font-size:13px}.opp-form button,.opp-actions a{color:#071019;cursor:pointer;background:#e9a936;border:1px solid #e9a936;justify-content:center;align-items:center;gap:6px;min-height:39px;padding:9px 13px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.opp-form button:disabled{opacity:.4;cursor:not-allowed}.opp-list{gap:12px;display:grid}.opp-empty{color:#8296a0;padding:22px;font-size:13px}.opp-card{padding:0}.opp-card.open{border-color:#e9a936}.opp-head{text-align:left;color:#dfeaec;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:flex-start;gap:13px;width:100%;padding:18px 20px;display:flex}.opp-head:hover{background:#0b1c26}.opp-head small{color:#e9a936;letter-spacing:.12em;font-size:9px}.opp-head h3{margin:6px 0 4px;font-size:17px}.opp-head p{color:#849ba5;margin:0;font-size:12px}.opp-certs{gap:7px;margin:0;padding:0 20px 16px;list-style:none;display:grid}.opp-certs li{background:#08151d;border:1px solid #1d303b;border-left:2px solid #55d8a8;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.opp-certs strong,.opp-certs span{display:block}.opp-certs strong{color:#e4edf1;font-size:13px}.opp-certs span{color:#8296a0;margin-top:3px;font-size:11px}.opp-certs a,.opp-certs button{color:#8296a0;cursor:pointer;background:0 0;border:0;padding:6px;display:inline-flex}.opp-certs a:hover{color:#e9a936}.opp-certs button:hover{color:#d28e82}.opp-detail{border-top:1px solid #203640;padding:4px 20px 20px}.opp-picker{padding:16px 0}.opp-search{display:block;position:relative}.opp-search svg{color:#718892;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.opp-search input{padding-left:31px}.opp-matches{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px;display:grid}.opp-matches button{text-align:left;color:#dbe5e8;cursor:pointer;background:#08151d;border:1px solid #29414c;padding:11px}.opp-matches button:hover{border-color:#55d8a8}.opp-matches strong,.opp-matches span{display:block}.opp-matches strong{font-size:12px;line-height:1.35}.opp-matches span{color:#8296a0;margin-top:4px;font-size:10px}.opp-custom{color:#9eb1ba;cursor:pointer;background:0 0;border:1px dashed #39505a;align-items:center;gap:6px;margin-top:9px;padding:8px 10px;font-size:11px;display:inline-flex}.opp-custom:hover{color:#e9a936;border-color:#e9a936}.opp-edit{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.opp-edit .wide{grid-column:1/-1}.opp-edit textarea{resize:vertical;min-height:68px}.opp-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:9px;margin-top:16px;display:flex}.opp-delete{color:#d28e82;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:8px 0;font-size:11px}@media (max-width:900px){.opp-form{grid-template-columns:1fr 1fr}.opp-form button{grid-column:1/-1}.opp-edit{grid-template-columns:1fr 1fr}}@media (max-width:760px){.opp-add{padding:17px}.opp-form,.opp-edit,.opp-matches{grid-template-columns:1fr}.opp-head{padding:15px}.opp-certs{padding:0 15px 14px}.opp-detail{padding:4px 15px 16px}}
.spotify-bar{color:#9eb1ba;background:#08151d;border:1px solid #1d303b;border-left:2px solid #55d8a8;align-items:center;gap:12px;margin:0 0 16px;padding:13px 15px;font-size:12px;line-height:1.45;display:flex}.spotify-bar>svg{color:#55d8a8;flex:none}.spotify-bar>div{flex:1;gap:4px;display:grid}.spotify-bar strong{color:#e4edf1}.spotify-bar small{color:#8296a0;font-size:11px}.spotify-warn{color:#efaaa3!important}.spotify-primary,.spotify-secondary,.spotify-episode button{cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:8px 11px;font-size:11px;display:inline-flex}.spotify-primary,.spotify-episode button{color:#071019;background:#e9a936;border:1px solid #e9a936;font-weight:700}.spotify-secondary{color:#c9d9df;background:#10212b;border:1px solid #39505a}.spotify-secondary:hover{color:#efaaa3;border-color:#d28e82}.spotify-episode button:disabled{opacity:.5;cursor:wait}.spotify-link{color:#e9a936;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px}.spotify-episode{flex-wrap:wrap;align-items:center;gap:9px;margin:12px 0;display:flex}.spotify-episode a{color:#55d8a8;align-items:center;gap:6px;font-size:12px;display:inline-flex}.spotify-episode small{flex-basis:100%;font-size:11px;line-height:1.45}.spotify-badge{color:#55d8a8;letter-spacing:.08em;border:1px solid #285062;align-items:center;gap:4px;width:max-content;margin-top:5px;padding:2px 6px;font-size:9px;font-style:normal;display:inline-flex}@media (max-width:760px){.spotify-bar{flex-wrap:wrap}.spotify-bar>button{width:100%}}