/* Her Space: Say It With Music branding (sayitwith-music.com).
   Loaded last, so it re-colors the Monday-style boards, the forms admin and the app chrome in one place.
   Palette: studio black #0C0B0A, signal blue #0088CB, warm cream #F3EEE4. Type: Syne (headings), Outfit (text). */
/* Syne and Outfit: SIL Open Font License, files in /assets/core/fonts */
@font-face{font-family:'Syne';font-weight:600;font-display:swap;src:url(/assets/core/fonts/syne-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Syne';font-weight:700;font-display:swap;src:url(/assets/core/fonts/syne-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Syne';font-weight:800;font-display:swap;src:url(/assets/core/fonts/syne-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'Outfit';font-weight:400;font-display:swap;src:url(/assets/core/fonts/outfit-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Outfit';font-weight:500;font-display:swap;src:url(/assets/core/fonts/outfit-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Outfit';font-weight:600;font-display:swap;src:url(/assets/core/fonts/outfit-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Outfit';font-weight:700;font-display:swap;src:url(/assets/core/fonts/outfit-latin-700-normal.woff2) format('woff2')}
:root{
  --siwm-black:#0C0B0A; --siwm-panel:#131210; --siwm-raised:#1B1916; --siwm-line:#2B2823;
  --siwm-blue:#0088CB; --siwm-blue-hover:#0098E2; --siwm-blue-soft:rgba(0,136,203,.16); --siwm-blue-line:rgba(0,136,203,.35);
  --siwm-cream:#F3EEE4; --siwm-muted:#A9A195;
  --siwm-display:'Syne',ui-sans-serif,system-ui,sans-serif; --siwm-text:'Outfit',ui-sans-serif,system-ui,sans-serif;
}
.dark-app-theme{
  --font-family:var(--siwm-text);
  --surface-bg:var(--siwm-black); --sidebar-bg:var(--siwm-black); --header-bg:var(--siwm-panel); --footer-bg:var(--siwm-panel);
  --primary-background-color:var(--siwm-panel); --row-bg:var(--siwm-panel); --row-hover:var(--siwm-raised);
  --allgrey-background-color:var(--siwm-raised); --chip-bg:#27241F; --cell-border:var(--siwm-line);
  --layout-border-color:var(--siwm-line); --ui-border-color:#4A453D;
  --primary-color:var(--siwm-blue); --primary-hover-color:var(--siwm-blue-hover);
  --primary-selected-color:var(--siwm-blue-soft); --primary-selected-hover-color:rgba(0,136,203,.24);
  --primary-background-hover-color:rgba(243,238,228,.06);
  --primary-text-color:var(--siwm-cream); --secondary-text-color:var(--siwm-muted); --icon-color:var(--siwm-muted);
  --link-color:#3DB2EC; --text-color-on-primary:#fff;
}
.light-app-theme{ --font-family:var(--siwm-text); --primary-color:#0079B6; --primary-hover-color:#00679B; --primary-selected-color:#E1F1FA; --link-color:#0079B6 }
body{font-family:var(--siwm-text)}
::selection{background:rgba(0,136,203,.45);color:#fff}
:focus-visible{outline:2px solid var(--siwm-blue);outline-offset:2px}

/* headings in the brand display face */
h1,h2,h3,.fr-h1,.bhead h1,.fr-auth h1,.fr-card h2{font-family:var(--siwm-display);font-weight:700;letter-spacing:-.01em}
.fr-h1{font-size:30px}

/* brand mark + wordmark */
.fr-brand,.side .brand{font-family:var(--siwm-display);font-weight:700;letter-spacing:.01em}
.fr-brand .logo,.side .brand .logo{background:none!important;color:var(--siwm-blue);width:26px;height:26px;display:inline-grid;place-items:center}

/* top bar: black with a thin blue rule, like the site header */
.fr-top{background:var(--siwm-black)!important;border-bottom:1px solid var(--siwm-blue-line)!important}
.fr-mods a,.fr-me a{font-weight:500}
.fr-mods a.on,.fr-me a.on{background:var(--siwm-blue-soft);color:#fff;box-shadow:inset 0 0 0 1px var(--siwm-blue-line)}

/* main panel and cards: outlined in blue, rounded like the site's pills and cards */
.main,.fr .fr-main{border:1px solid var(--siwm-line);border-radius:12px 12px 0 0}
.fr-card{border-radius:12px;border-color:var(--siwm-blue-line)!important;background:linear-gradient(180deg,rgba(0,136,203,.08),rgba(0,136,203,0) 60%),var(--siwm-panel)!important}
.fr-card:hover{border-color:var(--siwm-blue)!important}
.fr-card h2{color:var(--siwm-blue)}

/* buttons: solid blue primary, outlined secondary (site: 12px radius) */
.btn.primary,.fr-btn{background:var(--siwm-blue);color:#fff;border-radius:10px}
.btn.primary:hover,.fr-btn:hover{background:var(--siwm-blue-hover)}
.fr-btn.ghost{background:transparent;border:1px solid var(--siwm-blue-line);color:var(--siwm-cream)}
.fr-btn.ghost:hover{border-color:var(--siwm-blue);background:var(--siwm-blue-soft)}
.btn{border-radius:8px}

/* sign-in page: dark stage with a soft blue glow */
.fr-auth{background:radial-gradient(900px 500px at 70% 20%,rgba(0,136,203,.18),transparent 60%),var(--siwm-black)}
.fr-auth .box{background:rgba(19,18,16,.92);border-color:var(--siwm-blue-line);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.fr-auth .fr-brand{font-size:22px}

/* tabs and tables */
.tabs a.on,.fr-tabs a.on{border-bottom-color:var(--siwm-blue)}
.fr table.list th{font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.pill.ok{background:#1F8A5B}
a.fr-link,.fr .desc a,.fr p a{color:var(--link-color)}

/* light mode: the top bar stays studio black (cream text), work areas go white with cream accents */
.fr-top .fr-brand,.fr-top .fr-mods a,.fr-top .fr-me a,.fr-top .fr-who{color:var(--siwm-cream)}
.fr-top .fr-mods a:hover,.fr-top .fr-me a:hover{background:rgba(243,238,228,.08)}
.fr-thm{display:inline-grid;place-items:center;padding:6px 8px;border-radius:6px}
.light-app-theme{--siwm-panel:#FFFFFF;--siwm-raised:#F7F4EE;--siwm-line:#E4DED3;--siwm-muted:#857D71}
.light-app-theme .fr-card{background:linear-gradient(180deg,rgba(0,121,182,.06),rgba(0,121,182,0) 60%),#fff!important}
.light-app-theme .fr-card h2{color:#0079B6}
.light-app-theme .fr-btn.ghost{color:#0C0B0A}

/* notifications bell (top bar) */
.fr-top .fr-bell{position:relative;display:inline-grid;place-items:center;padding:6px 8px;border-radius:6px}
.fr-top .fr-bell .nb{position:absolute;top:0;right:-2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#e2445c;color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;line-height:1}
/* profile */
.prof .phead{display:flex;align-items:center;gap:14px;margin-bottom:6px}.prof .phead .desc{margin:2px 0 0}
.prof .pav{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--siwm-blue);color:#fff;font-weight:700;font-size:18px;font-family:var(--siwm-display)}
.pform fieldset.pf{border:1px solid var(--siwm-line);border-radius:10px;padding:12px 16px 14px;margin:0 0 14px}.pform legend{padding:0 6px;font-weight:600;color:var(--primary-text-color)}
.pform .pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px 14px}.pform .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pform input.ro{opacity:.7;cursor:not-allowed}.pform label{margin:0}
/* notifications page */
.notifs .ntabs{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 14px}.notifs .ntabs a{padding:6px 14px;border-radius:16px;border:1px solid var(--siwm-line);color:var(--primary-text-color);font-size:13px}
.notifs .ntabs a.on{background:var(--siwm-blue-soft);border-color:var(--siwm-blue-line)}.notifs .nbadge{display:inline-block;min-width:18px;padding:0 5px;border-radius:9px;background:#e2445c;color:#fff;font-size:11px;font-weight:700;text-align:center}
.notifs .nlist{list-style:none;margin:12px 0;padding:0;border:1px solid var(--siwm-line);border-radius:10px;overflow:hidden}
.notifs .nlist li{display:grid;grid-template-columns:130px 1fr auto;gap:12px;align-items:start;padding:10px 14px;border-bottom:1px solid var(--siwm-line)}.notifs .nlist li:last-child{border-bottom:0}
.notifs .nlist li.new{background:var(--siwm-blue-soft)}.notifs .nlist li.new .nlink{font-weight:700}.notifs .nlist li.empty{display:block;color:var(--secondary-text-color)}
.notifs .nsec{font-size:12px;color:var(--secondary-text-color)}.notifs .nmain p{margin:2px 0 0;color:var(--secondary-text-color);font-size:13px;overflow-wrap:anywhere}.notifs time{font-size:12px;color:var(--secondary-text-color);white-space:nowrap}
.notifs .nlink{border:0;background:none;padding:0;color:var(--primary-text-color);font:inherit;text-align:left;cursor:pointer}.notifs .nlink:hover{color:var(--siwm-blue);text-decoration:underline}
.notifs .nprefs{margin-top:18px}.notifs .nprefs summary{cursor:pointer;font-weight:600}.notifs .nprefs table{margin:10px 0;max-width:560px}
@media (max-width:700px){.notifs .nlist li{grid-template-columns:1fr}}
/* compact */
body.fr{font-size:13.5px}.fr-h1{font-size:24px}.fr .content{padding:18px 24px 32px}.fr-top{gap:18px}.fr-mods a,.fr-me a{font-size:13.5px}
.fr-card{padding:16px}.fr-card h2{font-size:17px}.fr-card p{font-size:13px}
/* profile photos */
.av{display:inline-grid;place-items:center;border-radius:50%;color:#fff;font-weight:700;flex:none;vertical-align:middle;overflow:hidden}
/* Monday-style face stack: round, overlapping, white ring; name on hover */
.avs{display:inline-flex;align-items:center;vertical-align:middle}.avs>.av{box-shadow:0 0 0 2px var(--siwm-surface,#fff)}.avs>.av+.av{margin-left:-6px}.avs>.av:hover{position:relative;z-index:2}.av.more{background:#676879;color:#fff}
img.av.ph{display:inline-block;background:var(--siwm-raised)}
.photo-pick{display:flex;align-items:center;gap:16px;margin:4px 0 8px}.photo-pick .av.big{width:72px!important;height:72px!important;font-size:26px!important}
.fr-top .fr-meuser{display:inline-flex;align-items:center;gap:8px}
/* acknowledgements (profile changes Full Access has to see) */
.acks{margin:12px 0 18px;border:1px solid var(--fr-line,rgba(255,255,255,.12));border-radius:10px;padding:10px 14px;background:var(--fr-card,rgba(255,255,255,.03))}
.acks>summary{cursor:pointer;font-weight:600}.acks h3{margin:0 0 8px;font-size:14px}
.ack{border-top:1px solid var(--fr-line,rgba(255,255,255,.1));padding:10px 0 4px;margin-top:8px}.acks .ack:first-of-type{border-top:0}
.nlist .ack{border-top:0;padding-top:6px;margin-top:2px}
.ackh{font-size:13px;margin-bottom:6px}.ackt{border-collapse:collapse;font-size:12.5px;margin:0 0 8px;width:auto}
.ackt th{text-align:left;font-weight:600;padding:3px 14px 3px 0;white-space:nowrap;color:var(--fr-muted,#a7a29a)}.ackt td{padding:3px 8px 3px 0;vertical-align:top}
.ackt td.from{text-decoration:line-through;opacity:.6}.ackt td.arr{opacity:.5}.ackt i{opacity:.55}
.ackok{color:#00a86b;font-size:12.5px;margin:4px 0}.ack form{margin:4px 0}.ack .fr-btn{padding:5px 14px;font-size:12.5px}
.pf .chk{display:flex;gap:8px;align-items:center;margin:2px 0 10px;font-size:13px}.pf .chk input{width:auto}
.profpick{margin:0}.profpick select{height:30px;border:1px solid var(--ui-border-color,#c3c6d4);border-radius:6px;background:transparent;color:inherit;font:inherit;font-size:13.5px;padding:0 6px;max-width:190px}.profpick select option{background:var(--primary-background-color,#fff);color:var(--primary-text-color,#111)}a.canuse{color:inherit;text-decoration:underline dotted}

/* owner faces: no white ring around photos (or initials) anywhere on boards */
.av,.avs>.av,.foot .pp .av,img.av.ph{border:0!important;box-shadow:none!important;outline:0}