/* Farooq Music 2.0 — TEAM page (Teams & Workers v1, 28 Sep 2026). On top of fm2-admin.css + fm2-work.css. No inline styles (CSP). */
.progress .bar-row{display:flex;justify-content:space-between;gap:1rem;font-size:.85rem;color:var(--soft)}
.progress .bar-row strong{color:var(--ink-hi)}
.meter{height:.5rem;background:var(--panel-2);border:1px solid var(--line);overflow:hidden}
.meter-fill{height:100%;background:var(--phos);width:0;transition:width .4s}
.owed{display:flex;gap:.6rem;align-items:baseline}
.owed strong{font-family:var(--mono);font-size:1.1rem;color:var(--phos)}
.types{border:1px solid var(--line);padding:.5rem .7rem;display:flex;flex-wrap:wrap;gap:.4rem .9rem;margin:0}
.types legend{padding:0 .3rem}
.types label{display:inline-flex;gap:.35rem;align-items:center;font-size:.8rem;color:var(--ink)}
.types input{width:auto;min-height:0}
.head-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1.2rem}
.kv{display:grid;grid-template-columns:max-content 1fr;gap:.25rem .8rem;margin:0;font-size:.82rem}
.kv dt{color:var(--dim)} .kv dd{margin:0;color:var(--ink-hi)}
textarea{font:inherit;font-size:.85rem;padding:.5rem .6rem;background:var(--panel-2);color:var(--ink-hi);border:1px solid var(--line);width:100%;box-sizing:border-box;resize:vertical}
#rates td input{font:inherit;font-size:.85rem;width:7rem;min-height:2.2rem;padding:0 .5rem;background:var(--panel-2);color:var(--ink-hi);border:1px solid var(--line);direction:ltr}
#rates td input.note{width:12rem}
.st.pending{border-color:var(--amber);color:var(--amber)} .st.accepted{border-color:var(--good);color:var(--good)} .st.declined,.st.revoked,.st.expired{opacity:.55}
.st.active{border-color:var(--good);color:var(--good)} .st.paused{border-color:var(--amber);color:var(--amber)} .st.removed{opacity:.5}
.role{font-size:.7rem;letter-spacing:.08rem;color:var(--soft)} .ur .role{letter-spacing:0;font-size:.85rem}
.money{font-family:var(--mono);color:var(--phos);direction:ltr;unicode-bidi:isolate}
.navbtn .badge{margin-inline-start:.4rem;background:var(--amber);color:var(--amber-ink);font-size:.68rem;font-weight:700;padding:.05rem .45rem;border-radius:999px;letter-spacing:0}
.navbtn.is-here{border-color:var(--phos);color:var(--ink-hi)}
.tbl tr.clickable{cursor:pointer} .tbl tr.clickable:hover td{background:var(--sel)}
#rates td select{font:inherit;font-size:.85rem;min-height:2.2rem;padding:0 .4rem;background:var(--panel-2);color:var(--ink-hi);border:1px solid var(--line)}
/* 28 Sep — the bell on every admin page */
.navbtn.bell{border-color:var(--amber)} .navbtn.bell .badge{margin-inline-start:.4rem}
.bell-panel{position:fixed;top:1rem;inset-inline-start:calc(var(--side-w) + 1rem);width:min(28rem,92vw);max-height:70vh;overflow:auto;background:var(--panel);border:1px solid var(--amber);box-shadow:var(--pop-shadow);padding:.8rem;z-index:50;display:grid;gap:.6rem}
@media (max-width:900px){.bell-panel{inset-inline-start:auto;inset-inline-end:1rem}}   /* 114: the bell sits in the side menu now; on a phone the menu is above the page */
.bell-panel .head-row{display:flex;justify-content:space-between;align-items:center}
.notes-list{display:grid;gap:.5rem}
.notice{border:1px solid var(--line);background:var(--panel-2);padding:.6rem .8rem;display:grid;gap:.25rem}
.notice.unread{border-color:var(--amber)} .notice .t{font-weight:700;color:var(--ink-hi)} .notice .b{font-size:.85rem;color:var(--soft);white-space:pre-wrap} .notice .m{font-size:.75rem;color:var(--dim)}