/* GigHub Bands v13.2 — Backstage Command Center + light/dark themes */
:root{
  color-scheme:light;
  --gh-primary:#d96c3f;
  --gh-accent:#3fafba;
  --gh-secondary:#65737a;
  --gh-on-primary:#ffffff;
  --gh-on-accent:#102126;
  --blue:var(--gh-primary);
  --blue-dark:#b54e28;
  --pink:var(--gh-accent);
  --ink:#172027;
  --ink-2:#34424a;
  --muted:#6a777d;
  --muted-2:#8b9599;
  --canvas:#ebe7e0;
  --surface:#f8f5ef;
  --surface-2:#ffffff;
  --surface-3:#efebe4;
  --control:#202a30;
  --control-2:#2a363d;
  --line:#d8d2c9;
  --line-strong:#bfc3c2;
  --success:#267a54;
  --success-bg:#e7f4ed;
  --warning:#9b651d;
  --warning-bg:#fff2d8;
  --danger:#a4423c;
  --danger-bg:#fae9e7;
  --info:#256a8b;
  --info-bg:#e7f1f6;
  --radius-xs:8px;
  --radius-sm:12px;
  --radius-md:18px;
  --radius-lg:24px;
  --shadow-sm:0 1px 2px rgba(23,32,39,.08),0 8px 22px rgba(23,32,39,.04);
  --shadow-md:0 12px 34px rgba(23,32,39,.12);
  --tap:44px;
  --content:1120px;
  --rail:214px;
  --topbar:68px;
  --bottom-nav:72px;
  --safe-b:env(safe-area-inset-bottom,0px);
  --safe-t:env(safe-area-inset-top,0px);
  --text:var(--ink);
  --text-primary:var(--ink);
  --text-secondary:var(--muted);
  --text-tertiary:var(--muted-2);
  --border-subtle:var(--line);
  --card:var(--surface-2);
  --section:var(--surface);
  --shadow-1:var(--shadow-sm);
  --safe-bottom:var(--safe-b);
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-synthesis:none;
}
html[data-theme="light"]{color-scheme:light;--ink:#172027;--ink-2:#34424a;--muted:#6a777d;--muted-2:#8b9599;--canvas:#ebe7e0;--surface:#f8f5ef;--surface-2:#ffffff;--surface-3:#efebe4;--control:#202a30;--control-2:#2a363d;--line:#d8d2c9;--line-strong:#bfc3c2;--success:#267a54;--success-bg:#e7f4ed;--warning:#9b651d;--warning-bg:#fff2d8;--danger:#a4423c;--danger-bg:#fae9e7;--info:#256a8b;--info-bg:#e7f1f6}
html[data-theme="dark"]{color-scheme:dark;--ink:#f4f0e8;--ink-2:#d5dde0;--muted:#a7b1b5;--muted-2:#829096;--canvas:#11171b;--surface:#172027;--surface-2:#1d272d;--surface-3:#263139;--control:#0d1317;--control-2:#1b252b;--line:#324048;--line-strong:#46545b;--success:#74d5a5;--success-bg:#163b2b;--warning:#efbf69;--warning-bg:#3c2d18;--danger:#f09a91;--danger-bg:#3c2020;--info:#79c7ea;--info-bg:#183142;--shadow-sm:0 1px 2px rgba(0,0,0,.22),0 8px 22px rgba(0,0,0,.18);--shadow-md:0 14px 38px rgba(0,0,0,.34)}
*{box-sizing:border-box;min-width:0}
html{background:var(--canvas);color:var(--ink);text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--canvas);color:var(--ink);font:400 15px/1.48 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
button,input,select,textarea{font:inherit;color:inherit}
button{border:0}
button,a,select,input[type="checkbox"],input[type="radio"]{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--gh-accent) 64%,white);outline-offset:2px}
a{color:var(--info)}
svg{display:block;width:1.25em;height:1.25em;stroke-width:1.8}
img{max-width:100%}
[hidden]{display:none!important}
#app{min-height:100dvh}
.screen,.gh-app-shell{min-height:100dvh;background:var(--canvas)}
.gh-screen-body{padding:0 0 calc(var(--bottom-nav) + var(--safe-b) + 22px)}
.content,.bf-dashboard,.settings-page,.form,.reference-form{width:min(var(--content),calc(100% - 24px));margin:0 auto;padding:18px 0 34px}
.content>*:first-child,.bf-dashboard>*:first-child{margin-top:0}

/* Header */
.topbar{position:sticky;top:0;z-index:70;height:calc(var(--topbar) + var(--safe-t));padding:var(--safe-t) 14px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;background:color-mix(in srgb,var(--control) 96%,transparent)!important;color:#f5f0e8!important;border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px)}
.topbar-start,.topbar-tools{display:flex;align-items:center;gap:8px}.topbar-start{flex:1}.topbar-tools{justify-content:flex-end}
.topbar-title{display:flex;flex-direction:column;justify-content:center;font-weight:760;font-size:17px;line-height:1.15;letter-spacing:-.02em;overflow:hidden}.topbar-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-title small{margin-top:4px;color:color-mix(in srgb,var(--gh-accent) 78%,#fff);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.gh-topbar-mark{width:36px;height:40px;object-fit:contain}
.icon-btn,.metronome-top-btn{width:var(--tap);height:var(--tap);border-radius:14px;display:grid;place-items:center;background:transparent;color:var(--ink-2);cursor:pointer}.topbar .icon-btn,.topbar .metronome-top-btn{color:#f5f0e8}.icon-btn:hover,.metronome-top-btn:hover{background:rgba(255,255,255,.08)}
.metronome-top-btn{position:relative}.metronome-top-btn svg{width:22px;height:22px}.metronome-top-led{position:absolute;right:7px;top:7px;width:7px;height:7px;border-radius:50%;background:var(--muted-2);box-shadow:0 0 0 2px var(--surface)}.metronome-top-btn.is-playing .metronome-top-led{background:#58c98d;box-shadow:0 0 0 2px var(--surface),0 0 8px #58c98d}
.gh-profile-pick{position:relative;width:42px;height:44px;display:grid;place-items:center;padding:0;overflow:hidden;cursor:pointer;color:#fff;font-size:12px;font-weight:800;background:linear-gradient(145deg,var(--gh-primary),color-mix(in srgb,var(--gh-primary) 62%,var(--control)));-webkit-mask-image:var(--bf-pick-mask);mask-image:var(--bf-pick-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.gh-profile-pick img{width:100%;height:100%;object-fit:cover}.gh-profile-pick i{position:absolute;right:0;top:0;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--danger);display:grid;place-items:center;font-style:normal;font-size:10px;color:#fff;border:2px solid var(--surface)}

/* Persistent navigation: bottom on mobile, rail on desktop */
.gh-shell-nav{position:fixed;z-index:80;left:0;right:0;bottom:0;height:calc(var(--bottom-nav) + var(--safe-b));padding:7px 8px var(--safe-b);display:grid;grid-template-columns:repeat(5,1fr);gap:4px;background:color-mix(in srgb,var(--control) 96%,transparent);border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -8px 28px rgba(23,32,39,.15)}
.gh-shell-brand{display:none}.gh-shell-nav-item{min-height:54px;border-radius:14px;background:transparent;color:#b8c2c6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}.gh-shell-nav-item span{display:grid;place-items:center}.gh-shell-nav-item svg{width:21px;height:21px}.gh-shell-nav-item b{font-size:11px;font-weight:700}.gh-shell-nav-item.active{background:rgba(255,255,255,.09);color:#fff}.gh-shell-nav-item.active span{color:var(--gh-accent)}
.band-fixed-nav{display:none!important}

/* Cards and surfaces */
.card,.list-card,.task-row,.notice-card,.choice-card,.owner-management-banner,.event-context-section,.settings-stack>*,.integration-list article,.help-tips article,.inspiration-bubble{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}
.card{padding:18px}.list-card,.task-row{padding:14px;display:flex;gap:13px;align-items:flex-start;margin:0 0 10px}.list-card>div:nth-child(2),.task-row>div{flex:1}.card h2,.card h3,.list-card h3,.task-row h3{margin:0 0 5px}.card p,.list-card p,.task-row p{margin:4px 0;color:var(--muted)}
.section-title{margin:26px 2px 10px;font-size:13px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-weight:800}
.context-kicker,.eyebrow,.gh-signal-kicker{display:block;color:color-mix(in srgb,var(--gh-primary) 84%,var(--ink));font-size:10px;line-height:1.2;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.tag,.chip,.status-pill,.event-type-badge,.event-format-chip{display:inline-flex;align-items:center;gap:5px;min-height:26px;padding:4px 9px;border-radius:999px;background:var(--surface-3);border:1px solid var(--line);font-size:11px;font-weight:700;color:var(--ink-2)}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.status-confirmado,.status-active,.status-done{background:var(--success-bg);color:var(--success);border-color:color-mix(in srgb,var(--success) 25%,white)}.status-pendente,.status-pending{background:var(--warning-bg);color:var(--warning)}.status-recusado,.status-error{background:var(--danger-bg);color:var(--danger)}

/* Buttons */
.primary-btn,.secondary-btn,.btn-edit,.btn-delete,.mini-action,.text-action,.reference-save-btn,.band-logo-button,.set-icon-btn,.google-calendar-btn,.whatsapp-action{min-height:var(--tap);border-radius:12px;padding:9px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.15;font-weight:760;cursor:pointer;text-decoration:none;white-space:normal;text-align:center}
.primary-btn,.reference-save-btn{background:var(--gh-primary);color:var(--gh-on-primary);box-shadow:0 5px 16px color-mix(in srgb,var(--gh-primary) 20%,transparent)}
.secondary-btn,.btn-edit,.mini-action,.band-logo-button,.set-icon-btn,.google-calendar-btn,.whatsapp-action{background:var(--surface-2);color:var(--ink);border:1px solid var(--line-strong)}
.btn-delete,.danger-mini{background:var(--danger-bg);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 25%,white)}
.text-action{min-height:36px;padding:5px 8px;background:transparent;color:var(--info)}
.compact-action{min-height:38px;padding:7px 11px;font-size:13px}
.row-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.row-actions>*{flex:0 1 auto}
.fab{position:fixed;z-index:65;right:18px;bottom:calc(var(--bottom-nav) + var(--safe-b) + 16px);width:56px;height:56px;border-radius:18px;background:var(--gh-primary);color:var(--gh-on-primary);font-size:30px;line-height:1;box-shadow:var(--shadow-md);cursor:pointer}

/* Forms */
.form,.reference-form{display:grid;gap:12px}.field,.reference-field{position:relative}.field>label.float,.reference-select-field>label{display:block;margin:0 0 6px 2px;color:var(--muted);font-size:12px;font-weight:760}
input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),select,textarea,.reference-field input,.reference-field select{width:100%;min-height:48px;border:1px solid var(--line-strong);border-radius:13px;background:var(--surface-2);padding:11px 13px;color:var(--ink);outline:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
textarea{min-height:110px;resize:vertical}select{appearance:auto}input:focus,select:focus,textarea:focus{border-color:var(--gh-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--gh-accent) 16%,transparent)}
input[type="color"]{width:54px;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:4px}
.pdf-option,.bf-setting-toggle{display:flex;align-items:center;gap:10px;min-height:44px}.pdf-option input,.bf-setting-toggle input{width:20px;height:20px;accent-color:var(--gh-primary)}

/* Auth / band onboarding */
.auth-screen,.firebase-auth-screen,.create-band-screen,.band-select-screen{min-height:100dvh;background:radial-gradient(circle at 12% 8%,color-mix(in srgb,var(--gh-accent) 11%,transparent),transparent 34%),radial-gradient(circle at 88% 88%,color-mix(in srgb,var(--gh-primary) 12%,transparent),transparent 35%),var(--canvas);color:var(--ink)}
.auth-screen{display:grid;grid-template-rows:auto auto 1fr;align-content:start;padding-bottom:32px}.auth-blue{min-height:150px;display:grid;place-items:center;padding:24px 18px 18px;background:transparent!important;color:var(--ink)!important}.auth-brand{display:grid;place-items:center;width:min(520px,92vw)}.auth-official-logo{width:min(430px,88vw);height:auto}.auth-logo-dark{display:none}.auth-brand-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.auth-card,.firebase-auth-card,.band-select-card,.create-band-card{width:min(520px,calc(100% - 28px));margin:0 auto;padding:28px;background:var(--surface-2);color:var(--ink);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow-md)}.auth-card h1,.auth-card h2,.auth-card h3{margin:0 0 22px;color:var(--ink);font-size:clamp(23px,5vw,31px);line-height:1.08;letter-spacing:-.035em}.auth-message{margin-bottom:14px;padding:10px 12px;border-radius:12px;background:var(--info-bg);color:var(--info);font-size:12px}.google-btn{width:100%;min-height:50px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface);color:var(--ink);display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800;cursor:pointer}.google-g{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--line);color:var(--info);font-weight:900}.auth-divider{display:flex;align-items:center;gap:10px;margin:17px 0;color:var(--muted);font-size:11px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--line)}.line-field{display:grid;gap:6px;margin:0 0 12px;color:var(--ink)}.line-field>span{font-size:12px;font-weight:750;color:var(--muted)}.line-field input,.password-wrap input{width:100%;min-height:50px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface);color:var(--ink);padding:12px 14px}.password-wrap{position:relative}.password-wrap input{padding-right:54px}.eye-btn{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:11px;background:transparent;color:var(--muted);cursor:pointer}.forgot-link{min-height:42px;padding:8px 2px;background:transparent;color:var(--info);font-weight:760;cursor:pointer}.auth-main-btn{width:100%;min-height:50px;margin-top:6px;border-radius:14px;background:var(--gh-primary);color:var(--gh-on-primary);font-weight:900;letter-spacing:.035em;cursor:pointer;box-shadow:0 6px 18px color-mix(in srgb,var(--gh-primary) 24%,transparent)}.auth-bottom-link{width:min(520px,calc(100% - 28px));margin:18px auto 0;text-align:center;color:var(--muted);font-size:12px}.auth-bottom-link>button,.auth-legal-links button{min-height:38px;padding:6px 8px;background:transparent;color:var(--info);font-weight:800;cursor:pointer}.auth-legal-links{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:4px}.auth-legal-links span{color:var(--muted-2)}html[data-theme="dark"] .auth-logo-light{display:none}html[data-theme="dark"] .auth-logo-dark{display:block}.login-logo,.auth-logo{width:min(270px,72%);height:auto;margin:0 auto 22px;display:block}.reference-topbar{min-height:68px;padding:12px 16px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;border-bottom:1px solid var(--line);background:var(--surface)}.reference-title{text-align:center;font-weight:800}.reference-back{width:44px;height:44px;border-radius:12px;background:transparent;font-size:24px}.band-logo-editor{display:flex;align-items:center;gap:16px;padding:16px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-md)}.band-logo-preview{width:84px;height:84px;border-radius:22px;overflow:hidden;background:var(--surface-3);display:grid;place-items:center}.band-logo-preview img{width:100%;height:100%;object-fit:cover}.band-logo-button input{display:none}

/* Today */
.gh-today{display:grid;gap:16px}.gh-today-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:8px 2px 0}.gh-today-intro h1{margin:4px 0 2px;font-size:clamp(26px,6vw,38px);letter-spacing:-.04em}.gh-today-intro p{margin:0;color:var(--muted)}
.gh-next-event{position:relative;overflow:hidden;padding:20px;border-radius:24px;background:linear-gradient(135deg,var(--control),#29343a);color:#f7f2ea;box-shadow:var(--shadow-md)}.gh-next-event:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(var(--gh-primary),var(--gh-accent))}.gh-next-event .gh-signal-kicker{color:#d7b19e}.gh-next-event-head{display:flex;justify-content:space-between;gap:16px}.gh-next-event h2{margin:4px 0 0;font-size:clamp(21px,5vw,30px);letter-spacing:-.03em}.gh-event-date{align-self:flex-start;padding:6px 9px;border:1px solid rgba(255,255,255,.18);border-radius:10px;font-size:12px}.gh-event-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0}.gh-event-facts span{display:flex;align-items:center;gap:8px;padding:9px;border-radius:12px;background:rgba(255,255,255,.07)}.gh-event-facts b{font-size:12px}.gh-context-actions{display:flex;flex-wrap:wrap;gap:8px}.gh-next-event .secondary-btn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}.gh-empty-state{background:var(--surface-2);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.gh-empty-state:before{background:var(--line)}.gh-empty-state .gh-signal-kicker{color:var(--muted)}
.gh-dashboard-pair{display:grid;gap:16px}.gh-dashboard-panel{padding:17px;background:var(--surface-2);border:1px solid var(--line);border-radius:20px}.gh-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.gh-panel-head h2{margin:3px 0 12px;font-size:19px;color:var(--ink)}.gh-priority-list{display:grid;gap:8px}.gh-priority-list>button{width:100%;display:grid;grid-template-columns:40px 1fr 18px;align-items:center;gap:10px;text-align:left;padding:10px;border-radius:13px;background:var(--surface);border:1px solid var(--line);cursor:pointer}.gh-priority-list>button>span{width:36px;height:36px;border-radius:10px;background:var(--surface-3);display:grid;place-items:center;color:var(--gh-primary)}.gh-priority-list b,.gh-inline-success b{display:block;font-size:13px;color:var(--ink)}.gh-priority-list small,.gh-inline-success small{display:block;margin-top:2px;color:var(--muted)}.gh-priority-list i{font-style:normal;font-size:22px;color:var(--muted)}.gh-inline-success{display:flex;gap:10px;align-items:center;padding:12px;color:var(--success)}.gh-inline-success>svg{width:28px;height:28px}.gh-inline-success small{color:var(--muted)}
.gh-quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.gh-quick-grid button{min-height:70px;border-radius:14px;border:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;padding:12px;cursor:pointer}.gh-quick-grid svg{color:var(--gh-accent);width:23px;height:23px}.gh-quick-grid b{font-size:12px}.gh-continue-strip{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:12px 14px;border-radius:16px;background:var(--surface-3);border:1px solid var(--line)}.gh-continue-strip>span{display:grid;place-items:center;color:var(--gh-primary)}.gh-continue-strip b,.gh-continue-strip small{display:block}.gh-continue-strip small{color:var(--muted);text-transform:capitalize}.gh-continue-strip button{min-height:38px;padding:7px 11px;border-radius:10px;background:var(--control);color:#fff}

/* Band hub */
.gh-band-hub{display:grid;gap:16px}.gh-band-identity{display:grid;grid-template-columns:76px 1fr 44px;align-items:center;gap:14px;padding:18px;border-radius:22px;background:var(--surface-2);border:1px solid var(--line)}.gh-band-logo{width:76px;height:76px;border-radius:20px;overflow:hidden;background:var(--surface-3)}.gh-band-logo img{width:100%;height:100%;object-fit:cover}.gh-band-identity h1{margin:3px 0;font-size:25px;letter-spacing:-.03em}.gh-band-identity p{margin:0;color:var(--muted)}.gh-band-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.gh-band-stats button{padding:13px 8px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);text-align:left;cursor:pointer}.gh-band-stats b{display:block;font-size:20px}.gh-band-stats span{display:block;color:var(--muted);font-size:11px}.gh-command-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.gh-command-grid button{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:10px;text-align:left;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2);cursor:pointer}.gh-command-grid button>svg{width:28px;height:28px;color:var(--gh-primary)}.gh-command-grid b,.gh-command-grid small{display:block}.gh-command-grid small{margin-top:3px;color:var(--muted);font-size:11px}

/* Agenda / event command center */
.month-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;width:min(var(--content),calc(100% - 24px));margin:14px auto 4px;padding:8px;border-radius:15px;background:var(--surface-2);border:1px solid var(--line)}.month-nav button{width:44px;height:44px;border-radius:11px;background:var(--surface-3)}.month-nav>div{font-weight:800}
.agenda-event-card{display:grid;gap:12px;margin-bottom:12px}.event-card-open{width:100%;display:flex;justify-content:space-between;gap:12px;text-align:left;background:transparent;padding:0;cursor:pointer}.event-card-open h3{font-size:18px}.event-type-badge{height:32px;min-width:32px;justify-content:center}.event-card-flyer{padding:0;border-radius:14px;overflow:hidden;background:var(--surface-3);max-height:260px}.event-card-flyer img{width:100%;height:100%;object-fit:cover}
.event-detail-page{display:grid;gap:12px}.event-detail-hero{background:linear-gradient(145deg,var(--surface-2),var(--surface));border-left:4px solid var(--gh-primary)}.event-detail-hero h2{font-size:clamp(22px,5vw,30px);letter-spacing:-.03em}.event-detail-actions{position:sticky;bottom:calc(var(--bottom-nav) + var(--safe-b) + 8px);z-index:20;padding:8px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(12px);box-shadow:var(--shadow-sm)}.event-detail-flyer{overflow:hidden}.event-detail-flyer img{display:block;width:100%;max-height:560px;object-fit:contain;background:#111}

/* Repertoire */
.repertoire-page,.set-detail-page,.song-page,.lyrics-page,.chord-page{display:grid;gap:12px}.repertoire-toolbar,.inspiration-toolbar,.finance-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.repertoire-toolbar>*{flex:1 1 180px}.repertoire-tabs,.study-tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:14px;background:var(--surface-3);overflow:auto}.repertoire-tabs button,.study-tabs button{flex:1 0 auto;min-height:40px;padding:8px 12px;border-radius:10px;background:transparent;font-weight:760}.repertoire-tabs button.active,.study-tabs button.active{background:var(--surface-2);box-shadow:var(--shadow-sm);color:var(--ink)}
.set-card,.repertoire-set-card{border-left:4px solid var(--gh-primary)}.song-row,.song-mini-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.song-row-number,.song-number{font-variant-numeric:tabular-nums;color:var(--gh-primary);font-weight:850}.set-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.set-detail-mini-actions{display:flex;gap:6px}.set-icon-btn{width:44px;height:44px;padding:0}.pdf-mini-btn span{font-size:9px;font-weight:900;letter-spacing:.05em}.set-summary-strip{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px;border-radius:14px;background:var(--surface-3)}

/* Members and pick avatar */
.member-status-card{align-items:center}.member-status-main{flex:1}.member-invite-actions{margin-left:auto;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.member-photo-trigger,.inspiration-avatar,.attendance-photo{position:relative;flex:0 0 auto;width:64px;height:70px;padding:0;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,var(--surface-3),#ddd6cc);color:var(--ink);font-weight:850;-webkit-mask-image:var(--bf-pick-mask);mask-image:var(--bf-pick-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;cursor:pointer}.member-photo-trigger img,.inspiration-avatar img{width:100%;height:100%;object-fit:cover}.member-photo-trigger.profile-photo-trigger{width:92px;height:102px}.member-photo-modal-backdrop{position:fixed;z-index:180;inset:0;background:rgba(10,14,17,.72);display:grid;place-items:center;padding:18px}.member-photo-modal{width:min(92vw,460px);display:grid;gap:16px;justify-items:center}.member-photo-large{width:min(74vw,340px);aspect-ratio:.88;overflow:hidden;-webkit-mask-image:var(--bf-pick-mask);mask-image:var(--bf-pick-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background:var(--surface);transform-style:preserve-3d;animation:ghPickSpin .72s cubic-bezier(.2,.74,.24,1)}.member-photo-large img{width:100%;height:100%;object-fit:cover}.member-photo-modal-close{width:44px;height:44px;border-radius:14px;background:#fff;color:#111}.member-hero{display:flex;align-items:center;gap:16px}
@keyframes ghPickSpin{0%{transform:perspective(760px) rotateY(0deg) rotateZ(-4deg) scale(.78);opacity:.45}70%{transform:perspective(760px) rotateY(330deg) rotateZ(2deg) scale(1.03)}100%{transform:perspective(760px) rotateY(360deg) rotateZ(0) scale(1);opacity:1}}

/* Finance */
.finance-page{display:grid;gap:12px}.finance-summary,.finance-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.finance-summary>*,.finance-kpis>*{padding:14px;border-radius:15px;background:var(--surface-2);border:1px solid var(--line)}.finance-summary b,.finance-kpis b{font-size:19px;font-variant-numeric:tabular-nums}.finance-source-card{border-left:4px solid var(--gh-accent)}.finance-entry-v118{max-width:720px}

/* Settings, drawer, menus */
.menu-list,.compact-menu,.settings-stack,.integration-list,.help-tips{display:grid;gap:8px}.menu-item,.menu-list>button,.compact-menu>button{width:100%;min-height:58px;display:grid;grid-template-columns:36px 1fr 18px;align-items:center;gap:10px;text-align:left;padding:10px 12px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}
.theme-settings-card{display:grid;gap:14px}.theme-settings-head{display:flex;justify-content:space-between;gap:12px}.theme-settings-head strong,.theme-settings-head small{display:block}.theme-settings-head small{color:var(--muted);margin-top:3px}.theme-color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.theme-color-grid label{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}.theme-color-grid label span{font-size:12px;font-weight:700}.theme-live-preview{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px;border-radius:14px;background:var(--surface-3)}
.action-sheet-backdrop,.bf-drawer-backdrop{position:fixed;z-index:160;inset:0;background:rgba(16,22,26,.46);display:flex;align-items:flex-end;justify-content:center;padding:10px}.action-sheet,.bf-drawer{width:min(560px,100%);max-height:min(86dvh,760px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:24px 24px 16px 16px;box-shadow:var(--shadow-md);padding:10px 12px 16px}.sheet-handle{width:44px;height:4px;border-radius:2px;background:var(--line-strong);margin:2px auto 10px}.sheet-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 2px 12px}.sheet-title strong,.sheet-title span{display:block}.sheet-title span{font-size:12px;color:var(--muted)}.sheet-title>button{width:44px;height:44px;border-radius:12px;background:var(--surface-3);font-size:24px}.message-option-grid,.gh-profile-actions{display:grid;gap:8px}.message-option-grid>button,.gh-profile-actions>button{min-height:62px;display:grid;grid-template-columns:40px 1fr;align-items:center;gap:10px;text-align:left;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:var(--surface-2)}.gh-profile-actions>button>svg{width:24px;height:24px;color:var(--gh-primary)}.gh-profile-actions b,.gh-profile-actions small{display:block}.gh-profile-actions small{margin-top:2px;color:var(--muted)}.gh-profile-actions .danger{color:var(--danger)}
.bf-drawer-backdrop{align-items:stretch;justify-content:flex-end;padding:0}.bf-drawer{width:min(92vw,380px);max-height:100dvh;border-radius:0;padding:calc(10px + var(--safe-t)) 14px calc(20px + var(--safe-b))}.bf-drawer-section-label{display:block;margin:14px 6px 6px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.bf-drawer-item{width:100%;display:grid;grid-template-columns:38px 1fr 18px;align-items:center;gap:10px;text-align:left;min-height:56px;padding:9px;border-radius:13px;background:transparent}.bf-drawer-item:hover{background:var(--surface-3)}

/* Dialog / toast */
#bf-dialog-root:empty{display:none}.bf-dialog-backdrop{position:fixed;z-index:220;inset:0;background:rgba(12,17,20,.58);display:grid;place-items:center;padding:18px}.bf-dialog{width:min(460px,100%);display:grid;grid-template-columns:42px 1fr;gap:12px;padding:18px;border-radius:22px;background:var(--surface-2);box-shadow:var(--shadow-md)}.bf-dialog-icon{width:42px;height:42px;border-radius:13px;background:var(--info-bg);color:var(--info);display:grid;place-items:center;font-weight:900}.bf-dialog-content h3{margin:0 0 7px}.bf-dialog-content p{margin:0;color:var(--muted)}.bf-dialog-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}.bf-dialog-actions button{min-height:42px;padding:8px 13px;border-radius:12px}.bf-dialog-confirm{background:var(--gh-primary);color:var(--gh-on-primary)}.bf-dialog-cancel{background:var(--surface-3)}
.toast{position:fixed;z-index:250;left:50%;bottom:calc(var(--bottom-nav) + var(--safe-b) + 18px);transform:translate(-50%,14px);opacity:0;pointer-events:none;max-width:min(92vw,520px);padding:11px 14px;border-radius:12px;background:var(--control);color:#fff;box-shadow:var(--shadow-md);transition:.18s ease}.toast.show{opacity:1;transform:translate(-50%,0)}

/* Empty / loading */
.empty{display:grid;justify-items:center;text-align:center;gap:7px;padding:34px 18px;border:1px dashed var(--line-strong);border-radius:18px;background:color-mix(in srgb,var(--surface) 70%,transparent)}.empty-box{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:var(--surface-3);color:var(--muted)}.empty-box svg{width:26px;height:26px}.empty h3,.empty p{margin:0}.empty p{max-width:380px;color:var(--muted);font-size:12px}

/* PDF editor: controls never invade A4 */
.pdf-studio,.song-sheet-studio{display:grid;gap:14px}.pdf-studio-controls,.sheet-controls{display:grid;gap:10px;padding:14px;border-radius:18px;background:var(--surface-2);border:1px solid var(--line)}.pdf-control-grid,.pdf-palette-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pdf-preview-shell,.song-sheet-preview{max-width:100%;overflow:auto;padding:12px;border-radius:18px;background:#d8d5cf;border:1px solid #c5c0b8}.pdf-pages-stack,.pdf-preview-pages,.sheet-preview-pages{display:grid;justify-content:center;gap:16px;min-width:max-content}.pdf-a4-page,.pdf-preview-page{box-shadow:0 8px 24px rgba(0,0,0,.15)}

/* About / institutional */
.about-card{text-align:center}.about-mark{width:86px;height:96px;margin:0 auto 12px}.about-mark img{width:100%;height:100%;object-fit:contain}

/* Accessibility states */
button:disabled,input:disabled,select:disabled{opacity:.48;cursor:not-allowed}.urgent{border-color:color-mix(in srgb,var(--danger) 30%,var(--line))}.unread{border-left:4px solid var(--gh-accent)}

@media (min-width:760px){
  .gh-dashboard-pair{grid-template-columns:1.18fr .82fr}.gh-command-grid{grid-template-columns:repeat(3,1fr)}.event-detail-page{grid-template-columns:repeat(12,1fr)}.event-detail-page>.event-detail-hero{grid-column:1/-1}.event-detail-page>.event-detail-flyer{grid-column:1/6}.event-detail-page>.event-context-section{grid-column:span 7}.event-detail-page>.row-actions{grid-column:1/-1}.finance-summary,.finance-kpis{grid-template-columns:repeat(4,1fr)}
}

/* v13.1 corrective UX: repertoire, agenda, profile and contextual event hierarchy */
.member-hero.profile-hero{flex-direction:column;justify-content:center;text-align:center;padding:12px 0 4px}.profile-hero .profile-photo-trigger{width:auto;height:auto}.profile-hero .profile-photo-trigger img,.profile-hero .profile-photo-trigger>span{width:clamp(150px,42vw,180px);height:auto;aspect-ratio:100/120}.member-photo-trigger img,.member-photo-trigger>span,.attendance-photo img,.attendance-photo>span,.gh-profile-pick img{object-fit:cover;object-position:50% 38%}.gh-profile-pick{aspect-ratio:100/120;height:46px;width:39px;overflow:visible}.gh-profile-pick img,.gh-profile-pick>span{width:100%;height:100%;-webkit-mask-image:var(--bf-pick-mask);mask-image:var(--bf-pick-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%}.gh-profile-pick i{right:-4px;top:-3px;border-color:var(--control)}

.repertoire-set-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px}.modern-set-card{display:grid;gap:11px;padding:15px;align-content:start}.set-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.set-card-title-block{min-width:0}.set-card-title-block h3{margin:2px 0 0;font-size:17px;line-height:1.2;color:var(--ink)}.set-card-title-block p{margin:4px 0 0;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.set-card-kicker{font-size:9px;font-weight:900;letter-spacing:.12em;color:var(--muted)}.set-card-head-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.set-count-badge{display:inline-flex;align-items:center;min-height:28px;padding:4px 8px;border-radius:999px;background:var(--surface-3);border:1px solid var(--line);font-size:10px;font-weight:800;color:var(--ink-2)}.set-card-head-actions .set-icon-btn{width:38px;height:38px;padding:0}.set-card-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.set-card-stats>span{display:grid;gap:1px;padding:8px 9px;border-radius:10px;background:var(--surface);border:1px solid var(--line)}.set-card-stats small{font-size:9px;color:var(--muted)}.set-card-stats strong{font-size:12px;color:var(--ink)}.set-card-stats .over strong{color:var(--danger)}.set-card-stats .under strong{color:var(--warning)}.set-card-stats .ok strong{color:var(--success)}.set-song-preview{display:grid;gap:4px;margin:0;padding:8px 0;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;min-height:0}.set-song-preview span{display:grid;grid-template-columns:22px minmax(0,1fr);gap:4px;align-items:baseline;font-size:11px;color:var(--ink-2)}.set-song-preview span b{min-width:0;color:var(--muted);font-variant-numeric:tabular-nums}.set-song-preview span em{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.set-song-preview small{font-size:10px;color:var(--muted);font-weight:750}.set-card-footer{display:flex;align-items:center;gap:8px}.set-open-btn{flex:1}.set-card-compact-actions{display:flex;gap:6px}.set-card-compact-actions button{width:40px;height:40px;border-radius:11px;border:1px solid var(--line);background:var(--surface);color:var(--ink);display:grid;place-items:center}.set-card-compact-actions svg{width:18px;height:18px}

.repertoire-song-item,.set-sequence-row{display:grid;grid-template-columns:36px 34px minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px 8px;border-bottom:1px solid var(--line);background:var(--surface-2);color:var(--ink)}.repertoire-song-item:first-child,.set-sequence-row:first-child{border-top:1px solid var(--line)}.song-drag-handle{width:36px;height:40px;padding:0;border-radius:10px;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none}.song-drag-handle:active{cursor:grabbing}.song-drag-handle svg{width:18px;height:18px}.song-order-num,.set-seq-order{font-variant-numeric:tabular-nums;font-size:12px;font-weight:900;color:var(--muted);text-align:center}.song-info-main,.set-seq-main{display:grid;gap:2px;min-width:0}.song-info-main>strong,.set-seq-main>strong,.song-title-link{font-size:13px;font-weight:850;line-height:1.25;color:var(--ink);text-align:left;overflow-wrap:anywhere}.song-title-link{padding:0;background:transparent}.song-artist{font-size:11px;color:var(--muted);line-height:1.25}.song-meta-line{display:flex;flex-wrap:wrap;align-items:center;gap:5px 9px;margin-top:4px}.song-meta-line>span{display:inline-flex;align-items:center;gap:3px;font-size:10px;color:var(--ink-2)}.song-meta-line svg{width:13px;height:13px}.song-quick-actions,.set-seq-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px}.song-quick-actions button,.set-seq-actions button,.media-icon-button,.song-notice-button,.song-more-btn{width:40px;height:40px;min-height:40px;padding:0;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);display:grid;place-items:center}.media-icon-button img,.media-icon-button svg{width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important;object-fit:contain}.song-more-btn svg,.song-notice-button svg{width:18px;height:18px}.song-notice-button{position:relative}.song-notice-button>span{position:absolute;right:-3px;top:-4px;min-width:16px;height:16px;padding:0 3px;border-radius:8px;background:var(--danger);color:#fff;font-size:9px;display:grid;place-items:center}.timeline-add-wrap{height:20px;align-items:center}.timeline-add-mini{transform:none;width:28px;height:28px}

.agenda-modern-head{width:min(var(--content),calc(100% - 24px));margin:0 auto;padding:16px 0 4px}.agenda-title-row{display:grid;grid-template-columns:44px minmax(0,1fr) 44px auto;align-items:center;gap:8px}.agenda-title-row h2{margin:1px 0;font-size:clamp(21px,4vw,28px)}.agenda-title-row small{color:var(--muted)}.agenda-nav-arrow,.agenda-today-btn{min-height:44px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font-weight:800}.agenda-nav-arrow{width:44px;font-size:24px}.agenda-today-btn{padding:0 13px}.agenda-month-strip{display:flex;gap:7px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 1px 8px;scrollbar-width:thin}.agenda-month-btn{position:relative;flex:0 0 58px;scroll-snap-align:center;min-height:38px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);font-size:11px;font-weight:800;text-transform:capitalize}.agenda-month-btn.active{background:color-mix(in srgb,var(--gh-primary) 14%,var(--surface-2));border-color:color-mix(in srgb,var(--gh-primary) 45%,var(--line));color:var(--ink)}.month-event-dot{position:absolute;left:50%;bottom:3px;width:4px;height:4px;border-radius:50%;background:var(--gh-accent)}
.agenda-event-card{position:relative;gap:10px;padding:14px}.event-card-title{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px;align-items:start}.event-card-open{min-width:0}.event-card-open h3{margin:2px 0 4px;font-size:16px;color:var(--ink)}.event-card-open p{margin:2px 0;font-size:11px;color:var(--muted)}.event-card-type{font-size:9px;font-weight:900;letter-spacing:.1em;color:var(--gh-primary);text-transform:uppercase}.event-card-more{width:40px;height:40px;border-radius:11px;border:1px solid var(--line);background:var(--surface);color:var(--ink);display:grid;place-items:center}.event-card-summary{display:flex;flex-wrap:wrap;gap:6px}.event-card-summary>span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:var(--surface-3);border:1px solid var(--line);font-size:10px;color:var(--ink-2)}.event-card-summary svg{width:14px;height:14px}.event-card-primary-actions{display:flex;flex-wrap:wrap;gap:7px}.event-card-primary-actions>*{flex:1 1 120px}.event-card-flyer{max-height:180px}.event-card-flyer img{aspect-ratio:16/8;object-fit:cover}

.gh-event-title-link{padding:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.gh-event-date{cursor:pointer;background:rgba(255,255,255,.06);color:#fff}.gh-event-facts{margin:16px 0 10px}.gh-event-facts>button{display:flex;align-items:center;gap:9px;min-height:54px;padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.07);color:#fff;text-align:left;cursor:pointer}.gh-event-facts>button:hover{background:rgba(255,255,255,.11)}.gh-event-facts>button>span{display:grid;gap:1px}.gh-event-facts small{font-size:9px;color:#b8c2c6}.gh-event-facts b{font-size:12px;color:#fff}.gh-event-status-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.gh-attendance-chip,.gh-central-link{min-height:38px;padding:7px 10px;border-radius:11px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:#fff;display:inline-flex;align-items:center;gap:6px;font-size:11px}.gh-central-link{margin-left:auto}.gh-central-link svg{width:14px;height:14px}

html[data-theme="dark"] :where(.modern-set-card,.repertoire-song-item,.set-sequence-row,.agenda-event-card,.repertoire-set-group,.set-group-body,.set-editor-row,.study-song-card,.external-link-card,.inspiration-bubble,.event-context-section,.event-detail-hero,.event-detail-flyer,.gh-continue-strip,.gh-dashboard-panel){color:var(--ink);background:var(--surface-2);border-color:var(--line)}
html[data-theme="dark"] :where(.modern-set-card h1,.modern-set-card h2,.modern-set-card h3,.repertoire-song-item strong,.set-sequence-row strong,.agenda-event-card h3,.gh-dashboard-panel h2,.gh-continue-strip b,.event-detail-page h2,.event-detail-page h3){color:var(--ink)}
html[data-theme="dark"] :where(.modern-set-card p,.repertoire-song-item .song-artist,.set-sequence-row .song-artist,.agenda-event-card p,.gh-continue-strip small){color:var(--muted)}
html[data-theme="dark"] :where(input,textarea,select){background:var(--surface);color:var(--ink);border-color:var(--line-strong)}
html[data-theme="dark"] :where(input::placeholder,textarea::placeholder){color:var(--muted-2);opacity:1}
html[data-theme="dark"] :where(button:disabled,input:disabled,select:disabled,textarea:disabled){opacity:.62;color:var(--muted)}

@media(max-width:620px){.repertoire-song-item,.set-sequence-row{grid-template-columns:32px 28px minmax(0,1fr);align-items:start}.song-quick-actions,.set-seq-actions{grid-column:3/-1;justify-content:flex-start}.song-drag-handle{width:32px}.set-card-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.agenda-title-row{grid-template-columns:40px minmax(0,1fr) 40px}.agenda-today-btn{grid-column:1/-1;justify-self:start;min-height:38px}.agenda-month-strip{margin-inline:-2px}.gh-event-status-row{align-items:stretch}.gh-attendance-chip,.gh-central-link{flex:1 1 auto;justify-content:center}.gh-central-link{margin-left:0}}
@media(min-width:900px){.profile-hero .profile-photo-trigger img,.profile-hero .profile-photo-trigger>span{width:min(210px,18vw)}.repertoire-song-item,.set-sequence-row{grid-template-columns:40px 38px minmax(0,1fr) auto}.song-info-main>strong,.set-seq-main>strong,.song-title-link{font-size:14px}.agenda-event-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.agenda-event-card{margin:0}}

@media (min-width:900px){
  :root{--topbar:72px;--bottom-nav:0px}
  .gh-screen-body{padding:0 0 42px;margin-left:var(--rail)}
  .topbar{left:var(--rail);margin-left:var(--rail);padding-left:22px;padding-right:22px}
  .gh-shell-nav{top:0;right:auto;width:var(--rail);height:100dvh;padding:18px 12px;display:flex;flex-direction:column;gap:6px;border-top:0;border-right:1px solid rgba(255,255,255,.08);box-shadow:none}
  .gh-shell-brand{display:flex;align-items:center;gap:9px;color:#fff;padding:0 8px 18px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.09)}.gh-shell-brand img{width:42px;height:48px}.gh-shell-brand span b,.gh-shell-brand span small{display:block}.gh-shell-brand span b{font-size:18px}.gh-shell-brand span small{color:#aeb9bd;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
  .gh-shell-nav-item{min-height:48px;flex-direction:row;justify-content:flex-start;padding:0 12px;gap:11px}.gh-shell-nav-item b{font-size:13px}.gh-shell-nav-item span{width:26px}.gh-shell-nav-item:last-child{margin-top:auto}
  .fab{right:26px;bottom:26px}.toast{bottom:26px}
  .action-sheet-backdrop{align-items:center}.action-sheet{border-radius:22px}.sheet-handle{display:none}
  .bf-drawer-backdrop{left:var(--rail)}
}

@media (min-width:900px) and (max-width:1099px){
  :root{--rail:78px}
  .gh-shell-brand{justify-content:center;padding-inline:0}.gh-shell-brand img{width:40px}.gh-shell-brand span{display:none}
  .gh-shell-nav-item{justify-content:center;padding:0}.gh-shell-nav-item span{width:auto}.gh-shell-nav-item b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media (min-width:1360px){
  :root{--rail:232px;--content:1180px}.content,.bf-dashboard,.settings-page,.form,.reference-form{width:min(var(--content),calc(100% - 54px))}.gh-dashboard-pair{gap:20px}.gh-next-event{padding:24px}
}
@media (max-width:620px){
  .content,.bf-dashboard,.settings-page,.form,.reference-form{width:min(100% - 16px,var(--content));padding-top:12px}.topbar{padding-left:8px;padding-right:8px}.topbar-tools{gap:2px}.metronome-top-btn{width:40px}.gh-profile-pick{width:40px;height:42px}.gh-event-facts{grid-template-columns:1fr}.gh-context-actions>*{flex:1 1 120px}.gh-dashboard-pair{grid-template-columns:1fr}.gh-next-event-head{flex-direction:column}.gh-event-date{align-self:flex-start}.gh-band-stats{grid-template-columns:repeat(2,1fr)}.gh-command-grid{grid-template-columns:1fr}.member-status-card{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:start}.member-status-card>.member-invite-actions{grid-column:1/-1;width:100%;margin-left:0;justify-content:flex-start}.member-invite-actions>*{flex:1 1 120px}.set-detail-head{display:grid;grid-template-columns:1fr auto}.set-detail-head-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.row-actions>*{flex:1 1 130px}.pdf-control-grid,.pdf-palette-row,.theme-color-grid{grid-template-columns:1fr}.theme-settings-head{display:grid}.theme-color-grid label{min-height:56px}.gh-continue-strip{grid-template-columns:38px 1fr}.gh-continue-strip button{grid-column:1/-1}.action-sheet-backdrop{padding:0}.action-sheet{border-radius:24px 24px 0 0;padding-bottom:calc(16px + var(--safe-b))}
}
@media (max-width:360px){
  .gh-shell-nav{padding-left:3px;padding-right:3px;gap:1px}.gh-shell-nav-item b{font-size:10px}.gh-shell-nav-item svg{width:19px;height:19px}.topbar-title{font-size:15px}.gh-today-intro h1{font-size:26px}.gh-band-identity{grid-template-columns:64px 1fr 40px}.gh-band-logo{width:64px;height:64px}.primary-btn,.secondary-btn,.btn-edit,.btn-delete,.mini-action{padding-left:10px;padding-right:10px}.member-photo-trigger{width:auto;height:auto}
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme]){color-scheme:dark;--canvas:#11171b;--surface:#172027;--surface-2:#1d272d;--surface-3:#263139;--ink:#f4f0e8;--ink-2:#d5dde0;--muted:#a7b1b5;--muted-2:#829096;--line:#324048;--line-strong:#46545b;--control:#0d1317;--control-2:#1b252b;--success-bg:#163b2b;--warning-bg:#3c2d18;--danger-bg:#3c2020;--info-bg:#183142}}
/* Appearance mode + dark theme compatibility for legacy feature surfaces */
.theme-mode-block{display:grid;gap:8px;margin:16px 0 6px}.theme-mode-label{font-size:11px;font-weight:850;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.theme-mode-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:5px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.theme-mode-switch button{min-height:58px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:8px 10px;cursor:pointer;text-align:left}.theme-mode-switch button b{font-size:12px}.theme-mode-switch button small{margin-top:2px;color:var(--muted);font-size:9px}.theme-mode-switch button.active{background:var(--surface-2);border-color:color-mix(in srgb,var(--gh-primary) 34%,var(--line));box-shadow:var(--shadow-sm)}.theme-mode-switch button.active b{color:var(--gh-primary)}.theme-live-preview{background:var(--surface-2)!important;border-color:var(--line)!important;color:var(--ink)}.theme-settings-head .text-action{background:var(--surface-2)!important;border-color:var(--line)!important}.theme-color-grid input[type=color]{background:var(--surface)!important;border-color:var(--line)!important}.theme-live-preview button{color:var(--gh-on-primary)!important}
html[data-theme="dark"] .gh-next-event{background:linear-gradient(135deg,#0d1317,#1a252b)}html[data-theme="dark"] .gh-empty-state{background:var(--surface-2);color:var(--ink)}html[data-theme="dark"] .member-photo-trigger,html[data-theme="dark"] .inspiration-avatar{background:#2d3940}
html[data-theme="dark"] :where(.media-kit-intro,.media-kit-card,.media-kit-card-actions button,.mk-member-select label,.lyrics-manual-details,.lyrics-textarea,.study-audio-btn,.lyrics-smart-status,.study-material-panel,.pdf-font-stepper,.sheet-song-notice-control,.pdf-song-note-row,.pdf-collapsible-body,.pdf-song-notes-picker-body,.pdf-song-notes-bulk button,.set-sheet-action,.set-sheet-action.pdf,.set-sheet-action.danger){background:var(--surface-2);border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] :where(.study-tabs button,.chord-toolbar button,.chord-section,.lyrics-map button,.lyrics-section-block,.lyric-note-actions button,.stage-sheet-toolbar button,.chord-transpose-control>select,.lyric-classification-grid button,.set-pdf-meta-toggles .pdf-option,.sheet-toggle-stack .pdf-option,.bf-setting-toggle,.integration-list article,.help-tips article,.smart-source-card,.smart-preset,.smart-duration,.smart-set-more,.smart-result-card,.timeline-quick-grid button,.contract-list-card-v2,.contract-summary-grid>span,.sympla-link-btn,.sympla-linked-state,.sympla-picker-item,.ticketing-mode-grid button,.ticket-scenario-grid article,.ticket-sim-details,.integration-actions button,.sympla-auto-settings select,.sympla-auto-settings button,.sympla-import-list article,.repertoire-set-group,.repertoire-set-group>summary,.set-summary-actions button,.set-group-body,.set-group-compact-actions button,.smart-next-song,.smart-next-actions button,.metro-close,.metro-control-card,.metro-advanced,.metro-signature-row select,.metro-subdivision-grid button,.metro-sound-grid button,.metro-training-grid select,.pdf-stepper-controls button,.pdf-palette-row input[type=color],.pdf-document-viewer-head){background:var(--surface-2);border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] :where(.media-kit-intro-icon,.lyrics-hero-icon,.chord-hero-icon,.integration-list article>span,.about-mark,.smart-step-head>b,.contract-type-icon){background:color-mix(in srgb,var(--gh-primary) 13%,var(--surface-3));color:var(--gh-primary)}
html[data-theme="dark"] :where(.study-tabs button.active,.smart-preset.selected,.ticketing-mode-grid button.selected,.lyric-classification-grid button.selected,.repertoire-view-toggle button.active,.metro-subdivision-grid button.selected){background:color-mix(in srgb,var(--gh-primary) 15%,var(--surface-2));border-color:color-mix(in srgb,var(--gh-primary) 45%,var(--line));color:color-mix(in srgb,var(--gh-primary) 76%,white)}
html[data-theme="dark"] :where(.lyrics-section-block.has-note,.lyrics-section-note,.preview-note,.arrangement-detected span,.sheet-size-warning,.integration-state.partial,.contract-status.pending){background:color-mix(in srgb,var(--warning-bg) 78%,var(--surface-2));color:var(--warning);border-color:color-mix(in srgb,var(--warning) 28%,var(--line))}
html[data-theme="dark"] :where(.lyrics-section-block.attention,.lyric-note-actions .danger-choice,.set-actions-sheet .sheet-actions .sheet-danger){background:var(--danger-bg);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,var(--line))}
html[data-theme="dark"] :where(.ticket-sim-intro,.finance-ticket-simulator-entry,.contract-hub-intro){background:color-mix(in srgb,var(--gh-primary) 8%,var(--surface-2));border-color:var(--line)}
html[data-theme="dark"] input[type="checkbox"]:not(.native-checkbox){background:var(--surface-2);border-color:var(--line-strong)}
html[data-theme="dark"] :where(.media-kit-intro p,.media-kit-card-main p,.media-kit-card-main small,.mk-field-help,.mk-member-select small,.lyrics-manual-details summary small,.lyrics-legal-note,.pdf-song-note-copy small,.set-sheet-action-copy small){color:var(--muted)}
html[data-theme="dark"] :where(.lyrics-textarea,.lyrics-sheet pre,.original-song-toggle strong){color:var(--ink)}
html[data-theme="dark"] :where(.original-song-toggle,.lyrics-guidance-card,.lyrics-edit-note,.mk-template-warning){background:color-mix(in srgb,var(--warning-bg) 72%,var(--surface-2));border-color:color-mix(in srgb,var(--warning) 32%,var(--line));color:var(--ink)}
html[data-theme="dark"] :where(.pdf-preview-shell,.song-sheet-preview,.media-kit-live-preview){background:#30363a}
html[data-theme="dark"] :where(.pdf-a4-page,.pdf-preview-page,.gh-a4-page,.gh-a4-svg-page,.mk-pdf-page){color-scheme:light}
@media(max-width:520px){.theme-mode-switch{grid-template-columns:1fr}.theme-mode-switch button{min-height:50px;display:grid;grid-template-columns:84px 1fr;align-items:center;gap:6px}.theme-mode-switch button small{margin-top:0}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.member-photo-large{animation:none!important}}
.bf-reduce-motion *,.bf-reduce-motion *::before,.bf-reduce-motion *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
/* Task cards remain vertically readable at every phone width. */
.task-row{display:block}
.task-row>.task-priority-label{display:inline-flex;align-items:center;gap:6px;width:auto;max-width:100%;margin-bottom:8px}
.task-row>.chips,.task-row>.row-actions{width:100%;max-width:100%}
.task-row>.row-actions{margin-top:12px}

/* ===== GigHub Bands v13.2 — dashboard, Divulgação, Sugestões, notificações e links ===== */
.gh-today-v132{display:grid;gap:14px}
.gh-today-head-actions{display:flex;align-items:center;gap:8px}.gh-today-head-actions>.icon-btn{background:var(--surface-2);border:1px solid var(--line);color:var(--ink)}
.gh-personalize-home{align-self:flex-start;min-height:40px;padding:0 11px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--ink-2);display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:750;white-space:nowrap}.gh-personalize-home svg{width:17px;height:17px}.gh-personalize-home:hover{background:var(--surface-3)}
.today-notification-summary{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;border:1px solid color-mix(in srgb,#3fafba 34%,var(--line));border-radius:16px;background:color-mix(in srgb,#3fafba 8%,var(--surface-2));color:var(--ink);text-align:left;cursor:pointer}.today-notification-summary>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,#3fafba 14%,var(--surface-2));color:#278c98}.today-notification-summary div{display:grid;gap:2px}.today-notification-summary small{color:var(--muted)}.today-notification-summary i{font-style:normal;font-size:24px;color:var(--muted)}
.gh-dashboard-custom-grid,.gh-dashboard-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}.gh-custom-widget{min-width:0}.gh-custom-widget.wide{grid-column:1/-1}.gh-widget-open{width:100%;min-height:84px;padding:13px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2);color:var(--ink);display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;cursor:pointer;box-shadow:var(--shadow-sm)}.gh-widget-open>svg{width:22px;height:22px;color:var(--gh-primary)}.gh-widget-open>span{display:grid;gap:3px}.gh-widget-open b{font-size:14px}.gh-widget-open small{font-size:12px;color:var(--muted)}.gh-widget-open>i{min-width:24px;height:24px;padding:0 6px;border-radius:12px;background:#3fafba;color:#082126;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:900}
.dashboard-customizer{display:grid;gap:16px}.dashboard-customizer-head h2{margin:4px 0 6px}.dashboard-customizer-head p{margin:0;color:var(--muted)}.gh-custom-widget.editing{min-height:92px;border:1px dashed var(--line-strong);border-radius:16px;background:var(--surface-2);display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px}.gh-custom-widget.editing.drag-active{opacity:.72;border-color:var(--gh-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--gh-accent) 16%,transparent)}.gh-widget-drag{width:44px;height:44px;border-radius:12px;background:var(--surface-3);color:var(--ink);display:grid;place-items:center;cursor:grab;touch-action:none}.gh-widget-edit-copy{display:flex;align-items:center;gap:9px}.gh-widget-edit-copy>svg{width:22px;height:22px;color:var(--gh-primary)}.gh-widget-edit-copy span{display:grid}.gh-widget-edit-copy small{color:var(--muted);font-size:11px}.gh-widget-edit-actions{display:flex;gap:4px}.gh-widget-edit-actions button{width:36px;height:36px;border-radius:10px;background:var(--surface-3);color:var(--ink);cursor:pointer}.dashboard-add-functions{display:grid;gap:10px}.dashboard-add-functions h3{margin:0}.dashboard-add-functions>div{display:flex;flex-wrap:wrap;gap:8px}.dashboard-add-functions button{min-height:44px;padding:8px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);display:flex;align-items:center;gap:7px}.dashboard-add-functions button svg{width:18px;height:18px}.dashboard-customizer-actions{position:sticky;bottom:calc(var(--bottom-nav) + var(--safe-b) + 8px);z-index:10;display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;padding:10px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface-2) 94%,transparent);backdrop-filter:blur(10px);box-shadow:var(--shadow-md)}.dashboard-dragging{user-select:none}

.notification-center{display:grid;gap:12px}.notification-tabs{position:sticky;top:calc(var(--topbar) + var(--safe-t));z-index:20;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 0;background:var(--canvas)}.notification-tabs button{min-height:50px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);color:var(--ink);display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800;cursor:pointer}.notification-tabs button svg{width:20px;height:20px}.notification-tabs button b{min-width:23px;height:23px;border-radius:12px;padding:0 6px;display:grid;place-items:center;font-size:11px}.notification-tabs .gighub.active{border-color:#2d9da9;box-shadow:inset 0 0 0 1px #2d9da9}.notification-tabs .gighub b{background:#2d9da9;color:#071d20}.notification-tabs .band.active{border-color:#d96c3f;box-shadow:inset 0 0 0 1px #d96c3f}.notification-tabs .band b{background:#d96c3f;color:#241007}.notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}.notification-toolbar>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.danger-text{color:var(--danger)!important}.notification-list{display:grid;gap:8px}.notification-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 44px;border:1px solid var(--line);border-left-width:3px;border-radius:15px;background:var(--surface-2);overflow:hidden}.notification-card.group-gighub{border-left-color:#2d9da9}.notification-card.group-band{border-left-color:#d96c3f}.notification-card.is-unread{background:color-mix(in srgb,var(--surface-2) 90%,#3fafba 10%)}.notification-main{width:100%;padding:11px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:9px;align-items:start;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.notification-copy{display:grid;gap:2px}.notification-copy>small{font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.notification-copy>b{font-size:14px}.notification-copy>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;color:var(--ink-2)}.notification-copy>time{font-size:10px;color:var(--muted)}.notification-more{width:44px;min-height:64px;background:transparent;color:var(--muted);display:grid;place-items:center}.notification-more svg{width:20px;height:20px}.notification-unread{width:8px;height:8px;border-radius:50%;background:#2d9da9;margin-top:5px}.group-band .notification-unread{background:#d96c3f}.notification-system-icon{width:40px;height:40px;border-radius:12px;background:var(--surface-3);display:grid;place-items:center;color:var(--ink)}.notification-system-icon svg{width:20px;height:20px}.notification-card .member-photo-trigger{width:40px;height:48px}.notification-empty{min-height:160px;border:1px dashed var(--line);border-radius:16px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--muted);text-align:center}.notification-empty svg{width:34px;height:34px;color:var(--success)}.notification-footer{display:flex;justify-content:space-between;gap:8px;padding-bottom:12px}.release-list{display:grid;gap:8px;padding:4px 2px 12px}.release-list p{margin:0;display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:start;padding:10px;border-radius:12px;background:var(--surface-3)}.release-list svg{color:var(--success)}#toast.has-action{display:flex;align-items:center;gap:10px}#toast.has-action button{min-height:34px;padding:0 10px;border-radius:9px;background:#fff;color:#111;font-weight:800}

.suggestions-page{display:grid;gap:12px}.suggestions-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.suggestions-head h2{margin:4px 0}.suggestions-head p{margin:0;color:var(--muted);max-width:680px}.suggestion-member-group{border:1px solid var(--line);border-radius:16px;background:var(--surface-2);overflow:hidden}.suggestion-member-group>summary{list-style:none;min-height:74px;padding:10px 12px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:10px;align-items:center;cursor:pointer}.suggestion-member-group>summary::-webkit-details-marker{display:none}.suggestion-member-group>summary>span{display:grid;gap:2px}.suggestion-member-group>summary small,.suggestion-member-group>summary em{font-size:11px;color:var(--muted);font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-member-group>summary>i,.suggestion-new{font-style:normal;font-size:10px;font-weight:850;border-radius:999px;padding:5px 8px;background:color-mix(in srgb,var(--gh-accent) 18%,var(--surface-2));color:color-mix(in srgb,var(--gh-accent) 70%,var(--ink))}.suggestion-member-list{display:grid;gap:8px;padding:0 10px 10px}.suggestion-card{border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}.suggestion-card.has-unread{border-color:color-mix(in srgb,var(--gh-accent) 52%,var(--line));box-shadow:inset 3px 0 0 var(--gh-accent)}.suggestion-summary{width:100%;padding:10px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:9px;align-items:start;background:transparent;color:var(--ink);text-align:left}.suggestion-summary>span{display:grid;gap:2px}.suggestion-summary small,.suggestion-summary time{font-size:10px;color:var(--muted)}.suggestion-summary em{font-size:12px;color:var(--ink-2);font-style:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.suggestion-detail{display:grid;gap:12px;padding:12px;border-top:1px solid var(--line)}.suggestion-detail>p{margin:0;white-space:pre-wrap}.suggestion-context{padding:9px 11px;border-radius:12px;background:var(--surface-3);display:grid;gap:2px}.suggestion-context span{font-size:12px;color:var(--muted)}.suggestion-status-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.suggestion-status-row select{max-width:190px}.suggestion-replies{display:grid;gap:8px}.suggestion-replies article{display:grid;grid-template-columns:36px 1fr;gap:8px;padding:9px;border-radius:12px;background:var(--surface-3)}.suggestion-replies article p{margin:2px 0;white-space:pre-wrap}.suggestion-replies article small{color:var(--muted)}.suggestion-reply-form{display:grid;grid-template-columns:1fr auto;gap:8px}.suggestion-reply-form input{min-height:44px}.suggestion-actions{display:flex;gap:8px;flex-wrap:wrap}.suggestion-avatar.member-photo-trigger,.suggestion-member-avatar.member-photo-trigger{width:42px;height:50px}.suggestion-reply-avatar.member-photo-trigger{width:34px;height:40px}

.external-links-page{display:grid;gap:14px}.external-links-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.external-links-head h2{margin:4px 0}.external-links-head p{margin:0;color:var(--muted)}.external-links-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.external-link-card-v132{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2);box-shadow:var(--shadow-sm)}.external-link-thumb{width:52px;height:52px;border-radius:13px;background:var(--surface-3);display:grid;place-items:center;overflow:hidden;color:var(--gh-primary)}.external-link-thumb svg{width:24px;height:24px}.external-link-thumb img{width:100%;height:100%;object-fit:cover}.external-link-body{display:grid;gap:2px}.external-link-body>span,.external-link-preview-state{font-size:10px;color:var(--muted)}.external-link-body h3{margin:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.external-link-body p{margin:0;font-size:12px;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.external-link-actions{display:flex;align-items:center;gap:5px}.field-error{display:block;min-height:16px;color:var(--danger);font-size:11px;margin-top:4px}

.outreach-page{display:grid;gap:12px}.outreach-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.outreach-head h2{margin:4px 0}.outreach-head p{margin:0;color:var(--muted)}.outreach-controls{display:grid;gap:12px}.outreach-segment{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:14px;background:var(--surface-3)}.outreach-segment button{min-height:44px;border-radius:10px;background:transparent;color:var(--ink);font-weight:800}.outreach-segment button.active{background:var(--surface-2);box-shadow:var(--shadow-sm);color:var(--gh-primary)}.outreach-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.outreach-grid label{display:grid;gap:5px}.outreach-grid label>span{font-size:10px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.05em}.outreach-preview{border:1px solid var(--line);border-radius:18px;background:var(--surface-2);padding:12px;display:grid;gap:10px}.outreach-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.outreach-preview-head>span{font-size:10px;font-weight:850;color:var(--muted);letter-spacing:.06em}.outreach-preview textarea{min-height:260px;resize:vertical;line-height:1.55}.outreach-preview-actions{display:flex;flex-wrap:wrap;gap:8px}.outreach-more{border:1px solid var(--line);border-radius:15px;background:var(--surface-2)}.outreach-more>summary{min-height:48px;padding:0 14px;display:flex;align-items:center;font-weight:800;cursor:pointer}.outreach-more-body{padding:0 12px 12px;display:grid;gap:10px}.contact-picker-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.contact-picker-row>span{color:var(--muted)}.outreach-history{display:grid;gap:5px}.outreach-history p{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px;border-radius:10px;background:var(--surface-3)}.outreach-history p span,.outreach-history p small{font-size:10px;color:var(--muted)}

@media(min-width:900px){.gh-dashboard-custom-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.gh-dashboard-custom-grid>.wide{grid-column:span 4}.gh-dashboard-edit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gh-dashboard-edit-grid>.wide{grid-column:span 3}}
@media(max-width:760px){.external-links-grid{grid-template-columns:1fr}.outreach-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notification-toolbar{align-items:flex-start;flex-direction:column}.notification-toolbar>div{justify-content:flex-start}.suggestions-head,.external-links-head,.outreach-head{display:grid}.dashboard-customizer-actions{grid-template-columns:1fr 1fr}.dashboard-customizer-actions>span{display:none}.dashboard-customizer-actions .text-action{grid-column:1/-1}}
@media(max-width:430px){.gh-dashboard-custom-grid,.gh-dashboard-edit-grid{grid-template-columns:1fr}.gh-custom-widget.wide{grid-column:auto}.gh-widget-open{min-height:70px}.outreach-grid{grid-template-columns:1fr}.outreach-preview textarea{min-height:230px}.notification-main{grid-template-columns:40px minmax(0,1fr) auto;padding:9px}.notification-card{grid-template-columns:minmax(0,1fr) 40px}.suggestion-reply-form{grid-template-columns:1fr}.external-link-card-v132{grid-template-columns:46px minmax(0,1fr) auto;padding:10px}.external-link-thumb{width:44px;height:44px}.external-link-actions .primary-btn{padding-inline:10px}.gh-custom-widget.editing{grid-template-columns:40px minmax(0,1fr)}.gh-widget-edit-actions{grid-column:1/-1;justify-content:flex-end}.dashboard-customizer-actions{bottom:calc(var(--bottom-nav) + var(--safe-b) + 4px)}}
html[data-theme="dark"] :where(.notification-card,.suggestion-member-group,.suggestion-card,.external-link-card-v132,.outreach-controls,.outreach-preview,.outreach-more,.gh-widget-open,.gh-custom-widget.editing,.today-notification-summary){background:var(--surface-2);border-color:var(--line);color:var(--ink)}

/* v13.2 P3 notification/header correction */
.topbar-tools .bf-notice-pick{margin:0}
.topbar-tools .gh-settings-top-btn{flex:0 0 auto}
@media(max-width:430px){
  .topbar{gap:6px;padding-left:8px;padding-right:8px}
  .topbar-start{min-width:0;gap:6px}
  .topbar-tools{gap:1px;flex:0 0 auto}
  .topbar-tools>.icon-btn,.topbar-tools>.metronome-top-btn,.topbar-tools>.bf-notice-pick{width:38px;height:42px}
  .gh-profile-pick{width:36px;height:42px}
  .gh-topbar-mark{width:30px;height:36px}
  .topbar-title{font-size:16px}
  .gh-personalize-home span{display:none}
  .gh-personalize-home{width:40px;padding:0;justify-content:center}
}
@media(max-width:340px){
  .topbar-tools>.icon-btn,.topbar-tools>.metronome-top-btn,.topbar-tools>.bf-notice-pick{width:34px}
  .gh-profile-pick{width:33px;height:40px}
  .topbar-title{font-size:15px}
  .topbar-title small{font-size:8.5px}
}

/* v13.4 — densidade, alinhamento e estados contextuais */
.topbar-tools{width:auto!important;min-width:0;flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:4px;padding-right:0!important}
.topbar-tools>*{position:relative;flex:0 0 auto;margin:0!important}
.topbar-tools>.bf-notice-pick,.topbar-tools>.gh-settings-top-btn,.topbar-tools>.metronome-top-btn{isolation:isolate}
.bf-notice-count{z-index:2;pointer-events:none}

.gh-today-v133{display:grid;gap:12px}.gh-today-v133>.gh-custom-widget{min-width:0}.gh-today-v133>.gh-custom-widget .gh-next-event{margin:0}
.gh-compact-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
.gh-compact-group{border:1px solid var(--line);border-radius:16px;background:var(--surface-2);overflow:hidden;box-shadow:var(--shadow-sm)}
.gh-compact-group>summary{min-height:52px;padding:8px 12px;display:grid;grid-template-columns:24px minmax(0,1fr) auto 18px;align-items:center;gap:8px;color:var(--ink);cursor:pointer;list-style:none}
.gh-compact-group>summary::-webkit-details-marker{display:none}.gh-compact-group>summary>svg{width:20px;height:20px;color:var(--gh-primary)}.gh-compact-group>summary>svg:last-child{width:16px;color:var(--muted);transition:transform .18s}.gh-compact-group[open]>summary>svg:last-child{transform:rotate(90deg)}
.gh-compact-group>summary span{font-size:13px;font-weight:900}.gh-compact-group>summary small{font-size:10px;color:var(--muted)}
.gh-compact-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 8px 8px}
.gh-compact-action{position:relative;min-height:54px;padding:8px;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:7px;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);cursor:pointer}
.gh-compact-action>svg{width:19px;height:19px;color:var(--gh-primary)}.gh-compact-action>span{font-size:11px;font-weight:850;line-height:1.15;overflow-wrap:anywhere}.gh-compact-action>b{position:absolute;top:4px;right:5px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--danger);color:#fff;display:grid;place-items:center;font-size:9px}

.notification-card{grid-template-columns:minmax(0,1fr) 44px}.notification-actions{padding:5px 4px;display:grid;align-content:center;gap:4px;border-left:1px solid var(--line)}
.notification-actions button{width:36px;height:36px;padding:0;border-radius:10px;display:grid;place-items:center;background:var(--surface);color:var(--ink-2);border:1px solid var(--line)}.notification-actions button svg{width:17px;height:17px}.notification-actions button.danger{color:var(--danger)}

.event-is-ended{opacity:.82;filter:saturate(.72)}.event-is-ended:hover,.event-detail-page.event-is-ended{opacity:1}.event-detail-page.event-is-ended{filter:none}.event-completed-badge{display:inline-flex;width:max-content;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--success) 16%,var(--surface));color:var(--success);font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.post-event-section{grid-column:1/-1}.post-event-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.post-event-head h3{margin:7px 0 0}.post-event-head small{color:var(--muted)}.post-event-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.post-event-grid label,.post-event-general{display:grid;gap:5px}.post-event-grid label>span,.post-event-general>span{font-size:11px;font-weight:800;color:var(--muted)}.post-event-grid textarea,.post-event-general textarea{min-height:90px;resize:vertical}.post-event-general{margin-top:10px}.post-event-readonly{display:grid;gap:8px}.post-event-readonly p{margin:0;line-height:1.5}

.set-detail-head,.modern-set-card,.set-detail-sequence,.set-summary-strip{min-width:0}.set-detail-head{align-items:start}.set-detail-head-copy h2{overflow-wrap:anywhere}.set-detail-mini-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.set-icon-btn{width:44px!important;height:44px!important;min-width:44px;display:grid!important;place-items:center}.set-sequence-row{border:1px solid var(--line);border-radius:13px;margin-bottom:7px;padding:10px}.set-sequence-row:first-child{border-top:1px solid var(--line)}.set-seq-order{width:28px;height:28px;border-radius:9px;background:var(--surface-3);display:grid;place-items:center;color:var(--gh-primary);font-size:12px}.set-summary-strip{align-items:center}.agenda-event-card .row-actions{align-items:stretch}.agenda-event-card .row-actions>*{min-height:42px}

html[data-theme="dark"] :where(.gh-compact-group,.gh-compact-action,.notification-actions button,.post-event-section,.set-sequence-row){background:var(--surface-2);border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] :where(.gh-compact-group span,.gh-compact-action span,.post-event-section h3,.post-event-section label>span,.set-detail-page strong,.set-detail-page b,.set-detail-page span){color:inherit}

@media(max-width:620px){.gh-compact-dashboard{grid-template-columns:1fr}.gh-compact-group:not([open]){min-height:52px}.post-event-grid{grid-template-columns:1fr}.set-sequence-row{grid-template-columns:32px 28px minmax(0,1fr);padding:9px 7px}.set-seq-actions{grid-column:3;display:grid;grid-template-columns:repeat(4,40px);justify-content:start}.set-detail-head{grid-template-columns:minmax(0,1fr) auto}.set-detail-head-side{min-width:0}.notification-toolbar>div{width:100%;display:grid;grid-template-columns:1fr 1fr}.notification-toolbar .text-action{white-space:normal;text-align:left}}
@media(max-width:430px){.topbar-tools{gap:0}.topbar-tools>.icon-btn,.topbar-tools>.metronome-top-btn,.topbar-tools>.bf-notice-pick{width:36px;height:40px}.gh-profile-pick{width:34px;height:40px}.notification-card{grid-template-columns:minmax(0,1fr) 42px}.notification-actions button{width:34px;height:34px}.gh-compact-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.gh-compact-action{min-height:62px;grid-template-columns:1fr;place-items:center;text-align:center;gap:4px}.gh-compact-action>span{font-size:10px}.gh-compact-action>svg{width:20px;height:20px}.outreach-preview-actions>*{flex:1 1 44%}}
@media(max-width:350px){.gh-compact-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-title small{display:none}.topbar-tools>.icon-btn,.topbar-tools>.metronome-top-btn,.topbar-tools>.bf-notice-pick{width:32px}.gh-profile-pick{width:31px}}

/* v13.4 — modos Essencial/Completo e operação offline */
.experience-onboarding{min-height:100dvh;padding:calc(24px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));display:grid;place-items:center;background:radial-gradient(circle at 15% 10%,color-mix(in srgb,var(--gh-primary) 18%,transparent),transparent 40%),radial-gradient(circle at 90% 90%,color-mix(in srgb,var(--gh-accent) 18%,transparent),transparent 42%),var(--canvas);color:var(--ink)}
.experience-onboarding-card{width:min(780px,100%);padding:clamp(20px,4vw,38px);border:1px solid var(--line);border-radius:28px;background:var(--surface-2);box-shadow:var(--shadow-lg);text-align:center}.experience-onboarding-card>img{width:56px;height:64px;object-fit:contain;margin-bottom:8px}.experience-onboarding-card h1{margin:8px 0;font-size:clamp(27px,5vw,42px)}.experience-onboarding-card>p{max-width:620px;margin:0 auto 22px;color:var(--muted);line-height:1.5}.experience-onboarding-card>footer{margin-top:18px;color:var(--muted);font-size:11px}
.experience-mode-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.experience-mode-choices>button{min-width:0;min-height:238px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:9px;text-align:left;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}.experience-mode-choices>button:hover{transform:translateY(-2px);border-color:var(--gh-primary);box-shadow:var(--shadow-md)}.experience-mode-choices .mode-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:color-mix(in srgb,var(--gh-primary) 14%,var(--surface-3));color:var(--gh-primary)}.experience-mode-choices .mode-icon svg{width:25px;height:25px}.experience-mode-choices strong{font-size:20px}.experience-mode-choices small{flex:1;color:var(--muted);font-size:13px;line-height:1.45}.experience-mode-choices b{width:100%;min-height:44px;padding:0 12px;border-radius:12px;display:grid;place-items:center;background:var(--gh-primary);color:var(--gh-on-primary);font-size:12px}
.experience-mode-settings{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.experience-mode-settings button{padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);display:grid;gap:3px;text-align:left}.experience-mode-settings button.active{border-color:var(--gh-primary);box-shadow:inset 0 0 0 1px var(--gh-primary);background:color-mix(in srgb,var(--surface) 90%,var(--gh-primary) 10%)}.experience-mode-settings strong{font-size:14px}.experience-mode-settings small{font-size:11px;color:var(--muted)}
.gighub-connection-state{position:fixed;z-index:5000;right:max(10px,env(safe-area-inset-right));bottom:calc(var(--bottom-nav,72px) + env(safe-area-inset-bottom) + 10px);width:auto;max-width:min(280px,calc(100% - 20px));padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--ink);box-shadow:var(--shadow-lg);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px 8px;animation:gighub-connection-in .18s ease-out}.gighub-connection-state[hidden]{display:none}.gighub-connection-state b{font-size:11px;white-space:nowrap}.gighub-connection-state span{font-size:9.5px;line-height:1.25;color:var(--muted)}.gighub-connection-state.state-offline{border-color:#c38a35}.gighub-connection-state.state-offline b{color:#c38a35}.gighub-connection-state.state-syncing b{color:var(--gh-accent)}.gighub-connection-state.state-error{border-color:var(--danger)}.gighub-connection-state.state-error b{color:var(--danger)}.gighub-connection-state.state-synced b{color:var(--success)}
@keyframes gighub-connection-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
html[data-theme="dark"] :where(.experience-onboarding-card,.experience-mode-choices>button,.experience-mode-settings button,.gighub-connection-state){background:var(--surface-2);border-color:var(--line);color:var(--ink)}
@media(max-width:620px){.experience-mode-choices{grid-template-columns:1fr}.experience-mode-choices>button{min-height:178px}.experience-onboarding{align-items:start;padding-top:calc(18px + env(safe-area-inset-top))}.experience-onboarding-card{border-radius:22px}.gighub-connection-state{right:max(8px,env(safe-area-inset-right));bottom:calc(var(--bottom-nav,72px) + env(safe-area-inset-bottom) + 8px);max-width:min(240px,calc(100% - 16px));grid-template-columns:1fr;gap:2px}}

/* Ambiente isolado de teste — presente apenas no ZIP de desenvolvimento. */
.demo-login-access{margin-top:14px;padding:12px;border:1px dashed color-mix(in srgb,var(--gh-accent) 58%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--gh-accent) 7%,var(--surface));text-align:center}.demo-login-access>span{display:block;font-size:9px;font-weight:900;letter-spacing:.14em;color:var(--gh-accent)}.demo-login-access p{margin:5px 0 9px;font-size:10px;line-height:1.35;color:var(--muted)}.demo-login-access button{width:100%;min-height:40px;border:1px solid var(--gh-accent);border-radius:11px;background:transparent;color:var(--gh-accent);font-size:11px;font-weight:900;cursor:pointer}
.gighub-demo-toolbar{position:fixed;z-index:9000;top:max(6px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;max-width:calc(100% - 12px);padding:5px 6px;border:1px solid #f2b94b;border-radius:12px;background:#211a0f;color:#fff3d0;box-shadow:0 8px 24px #0006;font-size:9px}.gighub-demo-toolbar>strong{padding:0 4px;color:#ffd061;white-space:nowrap;letter-spacing:.08em}.gighub-demo-toolbar label{display:flex;align-items:center;gap:4px;white-space:nowrap}.gighub-demo-toolbar select,.gighub-demo-toolbar button{min-height:28px;padding:0 8px;border:1px solid #ffffff2b;border-radius:8px;background:#ffffff10;color:#fff3d0;font:inherit;font-weight:800}.gighub-demo-toolbar select option{color:#17120b}.gighub-demo-toolbar button{cursor:pointer}.gighub-demo-toolbar button:last-child{color:#ffb4ab}
html[data-demo-mode="true"] .topbar{padding-top:calc(42px + env(safe-area-inset-top))}
@media(max-width:520px){.gighub-demo-toolbar{top:max(4px,env(safe-area-inset-top));width:calc(100% - 8px);justify-content:center;gap:4px}.gighub-demo-toolbar>strong{font-size:8px}.gighub-demo-toolbar label{font-size:0}.gighub-demo-toolbar label select{font-size:9px;max-width:92px}.gighub-demo-toolbar select,.gighub-demo-toolbar button{padding:0 6px}.demo-login-access{margin-top:10px}}
