:root {
  color-scheme: light;
  --bg: #f7f8fa;
  --paper: #fff;
  --ink: #202328;
  --body: #656b75;
  --line: #e7e9ee;
  --soft: #f2f3f6;
  --accent: #ab1822;
  --on: #fff;
  --button: #25282e;
  --dim: #89909c;
}
html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #111317;
  --paper: #191c22;
  --ink: #f2f3f6;
  --body: #b4bac5;
  --line: #30343d;
  --soft: #22262e;
  --accent: #f28b96;
  --on: #141619;
  --button: #f1f3f7;
  --dim: #8c94a3;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background: var(--bg);
  font-size: 14px;
  line-height: 1.5;
}
button,
input,
textarea,
select {
  font: inherit;
}
button,
a,
input,
textarea,
select {
  outline-offset: 3px;
}
button {
  cursor: pointer;
}
button:disabled {
  opacity: 0.5;
  cursor: default;
}
a {
  color: var(--accent);
}
h1,
h2,
h3,
p {
  margin: 0;
}
h1 {
  font-size: 28px;
  font-weight: 650;
  letter-spacing: -1px;
}
h2 {
  font-size: 20px;
  font-weight: 650;
  letter-spacing: -0.4px;
}
h3 {
  font-size: 16px;
  font-weight: 600;
}
p {
  color: var(--body);
}
small,
.muted {
  color: var(--body);
}
.loading {
  padding: 60px;
  text-align: center;
}
.login {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.welcome {
  background: #202328;
  color: #fff;
  padding: 8vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 28px;
}
.welcome h1 {
  font-size: 48px;
  line-height: 1.1;
  max-width: 500px;
  letter-spacing: -2px;
}
.welcome p {
  color: #b9bec8;
  max-width: 400px;
  font-size: 16px;
}
.brand {
  width: 150px;
  background: white;
  border-radius: 6px;
  padding: 5px;
}
.login-panel {
  padding: 7vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 22px;
  max-width: 650px;
}
.login-panel h2 {
  font-size: 28px;
}
.pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 4px 9px;
  font-size: 11px;
  color: var(--body);
  white-space: nowrap;
}
.pill.active {
  background: var(--soft);
  color: var(--ink);
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 15px;
  min-height: 42px;
  border: 1px solid transparent;
  border-radius: 9px;
  background: var(--button);
  color: var(--on);
  font-weight: 600;
  text-decoration: none;
}
.btn.secondary {
  background: var(--paper);
  color: var(--ink);
  border-color: var(--line);
}
.btn.danger {
  background: var(--accent);
  color: var(--paper);
}
.btn.small {
  min-height: 32px;
  padding: 5px 10px;
  font-size: 12px;
}
.icon-btn {
  border: 0;
  background: transparent;
  color: var(--body);
  border-radius: 8px;
  width: 36px;
  height: 36px;
  font-size: 23px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.icon-btn:hover {
  background: var(--soft);
}
.shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 235px minmax(0, 1fr);
}
aside {
  background: var(--paper);
  border-right: 1px solid var(--line);
  padding: 26px 18px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  position: sticky;
  top: 0;
  height: 100vh;
}
aside .brand {
  width: 138px;
}
aside small {
  display: block;
  margin-top: 8px;
  font-size: 11px;
  letter-spacing: 1px;
}
nav {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
nav button {
  display: flex;
  align-items: center;
  gap: 13px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: var(--body);
  padding: 11px 13px;
  text-align: left;
  font-weight: 500;
}
nav button.active {
  background: var(--soft);
  color: var(--ink);
}
svg {
  width: 19px;
  height: 19px;
  flex-shrink: 0;
}
aside footer {
  margin-top: auto;
  display: grid;
  gap: 12px;
}
.account-email {
  font-size: 11px;
  word-break: break-word;
  color: var(--body);
}
.main {
  min-width: 0;
}
.topbar {
  height: 72px;
  border-bottom: 1px solid var(--line);
  background: var(--paper);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 36px;
  gap: 15px;
}
.topbar .left,
.topbar .right {
  display: flex;
  align-items: center;
  gap: 13px;
}
.topbar .title {
  font-size: 13px;
  color: var(--body);
}
.avatar {
  width: 31px;
  height: 31px;
  border-radius: 50%;
  background: var(--soft);
  display: grid;
  place-items: center;
  font-size: 11px;
  font-weight: 650;
}
.content {
  padding: 35px;
  max-width: 1500px;
  margin: auto;
}
.page-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 27px;
}
.page-head p {
  margin-top: 7px;
  max-width: 650px;
}
.stats {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
  margin-bottom: 25px;
}
.stat,
.card {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 13px;
  padding: 22px;
}
.stat b {
  display: block;
  font-size: 30px;
  letter-spacing: -1px;
  margin: 10px 0 0;
  font-weight: 650;
}
.stat span {
  color: var(--body);
  font-size: 12px;
}
.grid2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.card {
  display: grid;
  gap: 15px;
  align-content: start;
}
.row {
  display: flex;
  align-items: center;
  gap: 12px;
}
.spread {
  justify-content: space-between;
}
.stack {
  display: grid;
  gap: 16px;
}
.subtle {
  padding: 14px;
  background: var(--soft);
  border-radius: 9px;
  color: var(--body);
  font-size: 12px;
}
.table-card {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 13px;
  overflow: hidden;
}
.table-tools {
  padding: 16px;
  border-bottom: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.search {
  max-width: 330px;
  width: 100%;
}
.table-scroll {
  overflow: auto;
}
table {
  border-collapse: collapse;
  width: 100%;
  text-align: left;
  font-size: 13px;
}
th {
  font-size: 11px;
  letter-spacing: 0.3px;
  font-weight: 600;
  color: var(--body);
  background: var(--soft);
  white-space: nowrap;
}
th,
td {
  padding: 14px 18px;
  border-bottom: 1px solid var(--line);
}
td {
  vertical-align: middle;
}
tr:last-child td {
  border: 0;
}
td strong {
  font-weight: 600;
}
td small {
  display: block;
  margin-top: 3px;
  font-size: 11px;
}
.actions {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  white-space: nowrap;
}
input,
select,
textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink);
  background: var(--paper);
  min-height: 42px;
}
textarea {
  min-height: 110px;
  resize: vertical;
}
input[type="checkbox"] {
  width: 16px;
  min-height: 16px;
  accent-color: var(--accent);
}
label {
  display: grid;
  gap: 7px;
  font-size: 12px;
  font-weight: 550;
  color: var(--body);
}
label.check {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 6px 0;
}
select[multiple] {
  height: 130px;
}
.field-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.notice {
  border-left: 3px solid var(--accent);
  padding: 12px 15px;
  background: var(--soft);
  border-radius: 0 8px 8px 0;
  font-size: 13px;
  color: var(--body);
}
.error {
  color: var(--accent);
  font-size: 13px;
}
.empty {
  padding: 50px 25px;
  text-align: center;
  color: var(--body);
}
dialog {
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 16px;
  width: min(660px, calc(100vw - 30px));
  max-height: 90vh;
  background: var(--paper);
  color: var(--ink);
  box-shadow: 0 20px 80px #0003;
}
dialog::backdrop {
  background: #0007;
}
.dialog-head {
  padding: 18px 23px;
  border-bottom: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  position: sticky;
  top: 0;
  background: var(--paper);
  z-index: 1;
}
#dialog-body {
  padding: 23px;
}
.dialog-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 7px;
}
#toast {
  position: fixed;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 90vw;
  z-index: 10;
  background: var(--button);
  color: var(--on);
  padding: 12px 20px;
  border-radius: 10px;
  box-shadow: 0 5px 25px #0002;
}
.checklist {
  display: grid;
  gap: 10px;
}
.checklist li {
  color: var(--body);
  line-height: 1.7;
}
.checklist code {
  color: var(--ink);
  font-size: 12px;
}
.member-choices {
  max-height: 300px;
  overflow: auto;
  background: var(--soft);
  padding: 14px;
  border-radius: 10px;
}
.member-choice {
  display: grid;
  grid-template-columns: 1fr 115px;
  gap: 12px;
  align-items: center;
  padding: 5px 0;
}
.breadcrumbs {
  color: var(--body);
  font-size: 12px;
}
.mobile-menu {
  display: none;
}
.onboarding-list {
  padding-left: 20px;
  line-height: 1.8;
  color: var(--body);
}
.toggle {
  display: flex;
  gap: 6px;
}
.toggle button {
  border: 1px solid var(--line);
  background: var(--paper);
  color: var(--body);
  border-radius: 7px;
  padding: 6px 10px;
  font-size: 12px;
}
.toggle button[aria-pressed="true"] {
  background: var(--button);
  color: var(--on);
}
.hidden,
[hidden] {
  display: none !important;
}
@media (max-width: 1000px) {
  .stats {
    grid-template-columns: repeat(3, 1fr);
  }
  .shell {
    grid-template-columns: 210px minmax(0, 1fr);
  }
  .content {
    padding: 25px;
  }
  .topbar {
    padding: 0 25px;
  }
  .grid2 {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 720px) {
  .login {
    grid-template-columns: 1fr;
  }
  .welcome {
    padding: 35px;
    gap: 15px;
  }
  .welcome h1 {
    font-size: 32px;
  }
  .welcome p {
    font-size: 14px;
  }
  .login-panel {
    padding: 30px;
  }
  .shell {
    display: block;
  }
  aside {
    display: none;
    position: fixed;
    left: 0;
    top: 72px;
    bottom: 0;
    width: 235px;
    height: calc(100vh - 72px);
    z-index: 5;
    box-shadow: 10px 0 30px #0002;
  }
  .shell.menu-open aside {
    display: flex;
  }
  .mobile-menu {
    display: inline-flex;
  }
  .topbar {
    padding: 0 17px;
  }
  .content {
    padding: 22px 16px;
  }
  .stats {
    grid-template-columns: repeat(2, 1fr);
  }
  .page-head {
    flex-direction: column;
    gap: 15px;
  }
  .field-grid {
    grid-template-columns: 1fr;
  }
  h1 {
    font-size: 25px;
  }
  .pill.hide-mobile {
    display: none;
  }
  .table-tools {
    flex-wrap: wrap;
  }
}

.overview-note {
  margin-top: 20px;
}

.consent{max-width:620px;margin:5vh auto;padding:30px;gap:22px}.consent h2{font-size:32px;letter-spacing:4px}
/* Release 6: restrained PEER palette and purpose-built controls. */
:root{--button:#ab1822;--on:#fff;--gold:#ef9b11;--olive:#7b8817}
html[data-theme="dark"]{--button:#ab1822;--on:#fff}
.welcome{background:#7b8817;position:relative;overflow:hidden;align-items:center}
.brand-orbit{width:260px;height:260px;border:1px solid #ffffff55;border-radius:50%;position:relative}
.brand-orbit:before,.brand-orbit:after{content:"";position:absolute;border:1px solid #ffffff33;border-radius:50%;inset:-70px}
.brand-orbit:after{inset:55px;background:#ffffff16}
.login-panel{width:100%;align-items:center;text-align:center;margin:auto;padding:65px 40px}
.login-panel>p{max-width:380px}.login-logo{width:190px;border-radius:0;margin-bottom:12px}
.brand{border-radius:0}.google-button{background:var(--paper);color:var(--ink);border:1px solid var(--line);min-width:260px;gap:15px}
.login-panel .card{width:100%;text-align:left}.login-panel .btn{align-self:center}
nav button.active{background:color-mix(in srgb,var(--accent) 9%,var(--paper));color:var(--accent);box-shadow:inset 3px 0 #ab1822}
input,textarea,select{border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);padding:12px 14px;min-height:45px}
input:focus,textarea:focus,select:focus{outline:2px solid color-mix(in srgb,var(--accent) 20%,transparent);outline-offset:1px;border-color:var(--accent)}
select{padding-right:40px}input[type="checkbox"]{min-height:auto;accent-color:#ab1822}
label{gap:7px}.btn:hover{filter:brightness(.96)}.btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.btn.secondary:hover{border-color:#7b8817}.btn.danger{background:#ab1822;color:#fff}
#logout,#account-signout{color:#ab1822}#logout{border-color:#ab182233}
dialog{border:1px solid var(--line);border-radius:22px;padding:0;width:min(640px,calc(100vw - 28px));max-height:88dvh;box-shadow:0 24px 80px #0003;background:var(--paper);color:var(--ink)}
dialog::backdrop{background:#10121b66;backdrop-filter:blur(3px)}
.dialog-head{padding:23px 25px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:3}#dialog-body{padding:25px}
.dialog-head h2{font-size:21px}.cover-preview{width:100%;max-height:220px;object-fit:cover;border-radius:12px}.profile-preview{width:90px;height:90px;border-radius:50%;object-fit:cover}
[hidden]{display:none!important}
.profile-menu{position:relative}.avatar{border:1px solid var(--line);overflow:hidden;cursor:pointer;width:38px;height:38px;padding:0;color:var(--ink)}.avatar img{width:100%;height:100%;object-fit:cover}
.account-options{position:absolute;right:0;top:48px;width:250px;z-index:12;border:1px solid var(--line);border-radius:15px;background:var(--paper);padding:15px;box-shadow:0 16px 45px #0002;display:grid;gap:9px}.account-options small{overflow-wrap:anywhere}.account-options button{padding:10px 12px;text-align:left;background:var(--soft);border:0;border-radius:8px;color:var(--ink)}
.smart-select{position:relative;min-width:0}.smart-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none;padding:0!important;min-height:0!important}
.select-trigger{width:100%;padding:12px 42px 12px 14px;text-align:left;min-height:45px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:10px;position:relative}
.select-trigger:after{content:"";width:7px;height:7px;position:absolute;right:18px;top:17px;border:solid var(--body);border-width:0 1.7px 1.7px 0;transform:rotate(45deg)}
.select-trigger[aria-expanded="true"]{border-color:#ab1822}.select-panel{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;background:var(--paper);border:1px solid var(--line);padding:7px;border-radius:12px;box-shadow:0 12px 35px #0002;min-width:180px}.select-panel input{width:100%;min-height:36px;padding:8px 10px;margin-bottom:5px;font-size:13px}.select-options{max-height:220px;overflow:auto;overscroll-behavior:contain}.select-options button{display:block;width:100%;padding:10px;text-align:left;background:transparent;border:0;color:var(--ink);border-radius:7px;font-weight:400}.select-options button:hover,.select-options button:focus{background:var(--soft)}.select-options button[aria-selected="true"]{background:color-mix(in srgb,var(--accent) 10%,var(--paper));color:var(--accent);font-weight:600}
.storage-path{font-family:ui-monospace,monospace;background:var(--soft);padding:12px;border-radius:8px;overflow-wrap:anywhere;text-align:left}
@media(max-width:750px){.login-panel{padding:40px 24px}.welcome{min-height:110px}.brand-orbit{height:60px;width:60px}.login{grid-template-columns:1fr;grid-template-rows:110px 1fr}.grid2{grid-template-columns:1fr}.select-panel{min-width:0}}
/* Release 7: neutral workspace, restrained selection and flat navigation. */
:root{--bg:#f8fafd;--paper:#fff;--ink:#202124;--body:#5f6368;--line:#e1e5eb;--soft:#f1f3f4;--button:#697611;--accent:#697611;--on:#fff}
html[data-theme="dark"]{--bg:#18191a;--paper:#242526;--ink:#e8eaed;--body:#aeb4bd;--line:#35383e;--soft:#26292e;--button:#d2d99b;--accent:#d2d99b;--on:#242610}
body{font-family:Inter,"Google Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px}
h1{font-size:25px;font-weight:550;letter-spacing:-.6px}h2{font-size:19px;font-weight:550}.topbar{height:66px;border-bottom:0}.topbar .title{color:var(--ink)}
aside{border-right:0;padding-left:0;padding-right:0;background:var(--paper)}aside>div,aside footer{padding-left:22px;padding-right:22px}nav{gap:2px}nav button{border-radius:0!important;padding:13px 24px;color:var(--body);font-size:13px;box-shadow:none!important}nav button.active{color:var(--ink);background:var(--soft);font-weight:600}nav button:hover{background:var(--soft)}
.stat,.card,.table-card{border-color:var(--line);box-shadow:none}.table-card{border-radius:12px}.stat b{font-size:27px;font-weight:500}.stat svg{color:#5f6368}.content{padding-top:24px}.page-head{align-items:center}
.btn{border-radius:8px;font-size:13px;font-weight:500;padding:10px 17px}.btn.secondary{background:var(--paper);color:var(--body)}.btn.secondary:hover{border-color:#aab0b8}.btn.danger,#logout,#account-signout{background:#ab1822!important;color:#fff!important;border:1px solid #ab1822!important}
.toggle{gap:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;display:inline-flex;align-self:start}.toggle button{border:0;border-radius:0;background:var(--paper);color:var(--body);padding:8px 12px}.toggle button[aria-pressed="true"]{background:var(--soft);color:var(--ink);font-weight:600}
input,textarea,select,.select-trigger{border-color:#dadce0;border-radius:7px;background:var(--paper);font-size:13px}html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] .select-trigger{border-color:var(--line)}
input:focus,textarea:focus,select:focus{border-color:#8b949e;outline:2px solid #e2e6eb;outline-offset:0}.select-trigger[aria-expanded="true"]{border-color:#8b949e}.select-options button[aria-selected="true"]{background:var(--soft);color:var(--ink)}input[type="checkbox"]{accent-color:#5f6368}.btn:focus-visible{outline-color:#b7c4d6}
input::placeholder,textarea::placeholder{color:#9aa0a6}.file-upload{border:1px dashed #bdc3cb;background:var(--soft);border-radius:10px;padding:16px;position:relative;display:flex;align-items:center;gap:13px;min-width:0}.file-upload svg{width:25px;height:25px;color:var(--body)}.file-upload-meta{display:grid;gap:5px;min-width:0;flex:1}.file-upload-meta strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}.file-upload-meta small{font-size:11px}.file-upload button{background:var(--paper);border:1px solid var(--line);padding:9px 13px;border-radius:7px;white-space:nowrap;color:var(--ink);font-size:12px}.file-upload:focus-within{outline:2px solid #d9dfe7}.file-upload input[type=file]{position:absolute;width:1px;height:1px;opacity:0;padding:0;min-height:0;left:20px;bottom:10px}
.welcome{background:#7b8817}.login-panel .google-button{background:var(--paper);color:var(--ink);border:1px solid var(--line)}
@media(prefers-reduced-motion:no-preference){.btn,.icon-btn,nav button{transition:background-color .15s ease,opacity .15s ease}dialog[open]{animation:dialog-in .16s ease-out}@keyframes dialog-in{from{opacity:.6;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}}

.event-time-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}@media(max-width:580px){.event-time-grid{grid-template-columns:1fr}}

.toggle button{display:inline-flex;align-items:center;gap:5px}.toggle svg{width:14px;height:14px}

/* Organization palette: olive navigation, gold highlights, red destructive actions. */
:root{--bg:#f0f2f5;--accent:#697611;--button:#697611}
html[data-theme="dark"]{--bg:#18191a;--paper:#242526;--soft:#303031;--line:#3e4042;--accent:#d2d99b;--button:#d2d99b}
.brand-field{padding:18px;background:var(--soft);border:1px solid var(--line);border-radius:12px;display:grid;gap:12px}
.brand-field.dark-preview{background:#242526;color:#f1f2f4}
.brand-preview{display:block;max-width:220px;max-height:110px;object-fit:contain}
.brand-preview[hidden]{display:none}
.engagement-count{white-space:nowrap;font-size:12px;color:var(--body)}
.brand{background:transparent}

/* Release 6: compact, readable controls with no clipped theme labels. */
.toggle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:360px;min-width:0;overflow:visible;gap:4px;padding:4px;background:var(--soft);border:1px solid var(--line);border-radius:10px}
.toggle button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:56px;padding:8px 5px;white-space:nowrap;border-radius:7px;background:transparent;color:var(--body)}
.toggle button span{display:block;font-size:12px;line-height:16px;overflow:visible}
.toggle button[aria-pressed="true"]{background:var(--paper);color:var(--ink);box-shadow:0 1px 3px #00000014}
.toggle svg{width:18px;height:18px;flex:none}
aside footer{gap:8px}nav button{padding-top:11px;padding-bottom:11px;min-height:44px}
.quick-actions{display:flex;flex-wrap:wrap;gap:10px}.quick-actions svg{width:18px;height:18px}.quick-actions button{display:inline-flex;align-items:center;gap:8px}
.cover-preview{height:auto;max-height:none;object-fit:contain;aspect-ratio:auto;border-radius:8px}
.page-head{gap:14px}.page-head>.row{flex-wrap:wrap;justify-content:flex-end}
@media(max-width:580px){.page-head{align-items:stretch;flex-direction:column}.page-head>.row{justify-content:flex-start}.content{padding:16px}.toggle{max-width:100%}}
/* Release 7: readable analytics and consistent editing dialogs. */
.content{padding:28px 32px 36px}.card{padding:24px}.dialog-head{padding:20px 24px;border-bottom:1px solid var(--line)}#dialog-body{padding:24px}.stack{gap:18px}.dialog-footer{position:sticky;bottom:-24px;margin:4px -24px -24px;padding:18px 24px;background:var(--paper);border-top:1px solid var(--line);z-index:3;gap:10px}.dialog-footer .btn{min-height:42px}
.profile-hero{display:flex;align-items:center;gap:20px;padding:20px;background:var(--soft);border:1px solid var(--line);border-radius:16px}.profile-hero h3{margin:0 0 5px;font-size:18px}.profile-hero p{margin:0 0 10px;overflow-wrap:anywhere}.profile-avatar{width:80px;height:80px;flex:none;border-radius:50%;background:var(--paper);display:grid;place-items:center;overflow:hidden;border:1px solid var(--line)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar span{font-size:24px;font-weight:600}.profile-avatar [hidden]{display:none}.profile-editor>#remove-avatar{align-self:start}
.analytics-filters{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr)) repeat(2,minmax(150px,1.4fr)) auto;gap:14px;align-items:end;margin-bottom:22px}.analytics-filters label{min-width:0}.analytics-filters input{min-width:0;width:100%}.analytics-filters .btn{min-height:42px}.analytics-stats{margin:0 0 22px}.analytics-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;margin-bottom:22px}.analytics-grid>.card{min-width:0}.chart-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.chart-heading h2{margin:0}.analytics-chart{width:100%;height:auto;display:block;margin:18px 0 8px;color:var(--body)}.chart-legend{display:flex;gap:14px;font-size:12px;color:var(--body)}.chart-legend span{display:flex;gap:6px;align-items:center}.chart-legend span:before{content:'';width:8px;height:8px;border-radius:50%;display:block}.legend-mobile:before{background:#7b8817}.legend-web:before{background:#ef9b11}
.roles-chart{display:flex;align-items:center;gap:20px;min-height:180px}.roles-chart>svg{width:130px;flex:none}.roles-chart>div{flex:1}.roles-chart p{display:flex;gap:12px;justify-content:space-between;font-size:12px;color:var(--body)}.roles-chart strong{font-weight:500;color:var(--ink)}.reaction-totals{display:grid;gap:0}.reaction-totals>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.reaction-totals strong{font-size:21px;font-weight:500}.engagement-graphic{margin:18px 0}.engagement-graphic>div{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:8px;font-size:12px}.engagement-graphic strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.engagement-graphic span{white-space:nowrap;color:var(--body);font-size:11px}.engagement-graphic svg{width:100%;height:9px;display:block}.analytics-table{margin-bottom:22px}.analytics-table-head{padding:20px 24px;border-bottom:1px solid var(--line)}.analytics-table-head h2{margin:0 0 6px}.analytics-table-head p{margin:0;color:var(--body);font-size:12px}.analytics-table .table-scroll{max-height:440px;overflow:auto}.analytics-table th{position:sticky;top:0;z-index:1;background:var(--paper)}.analytics-table td{padding:13px 18px}.analytics-note{padding:6px 0 20px}.quick-actions{margin-top:18px}
@media(max-width:1150px){.analytics-filters{grid-template-columns:1fr 1fr}.analytics-filters .btn{justify-self:start}.analytics-grid{grid-template-columns:1fr}.analytics-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.content{padding:18px 16px 26px}.card{padding:18px}#dialog-body{padding:18px}.dialog-head{padding:16px 18px}.dialog-footer{bottom:-18px;margin-left:-18px;margin-right:-18px;margin-bottom:-18px;padding:16px 18px}.analytics-filters{grid-template-columns:1fr 1fr}.analytics-stats{grid-template-columns:1fr 1fr}.profile-hero{padding:15px;gap:12px}.profile-avatar{width:62px;height:62px}.chart-heading{align-items:start;flex-direction:column}.engagement-graphic>div{align-items:start;flex-direction:column;gap:4px}}
/* Portal 8: spacious card interiors and wider editors. */
.content{padding:30px 36px 44px;max-width:1800px;width:100%;margin:0 auto}.card{padding:28px;margin-bottom:22px;min-width:0}.card h2{display:flex;align-items:center;gap:10px;line-height:1.4;margin:0 0 16px}.card h2 svg{width:23px;height:23px;flex-shrink:0}.card p{line-height:1.65}.stat{padding:24px 26px;gap:12px;min-height:122px}.stats{gap:18px;margin-bottom:24px}.grid2,.analytics-grid{gap:22px}.table-card{padding:10px 12px 16px;margin-bottom:24px}.table-tools,.analytics-table-head{padding:18px 16px}.table-card td,.table-card th{padding:16px}.card .stack{gap:19px}
#editor,dialog{width:min(1080px,94vw);max-width:1080px;border-radius:20px}#dialog-body{padding:26px 30px 30px;max-height:78dvh;overflow-y:auto}.dialog-head{padding:22px 30px}.dialog-footer{gap:12px;padding-top:20px}.member-choices{padding:12px;max-height:380px;overflow:auto}.member-choice{gap:14px}.member-choice[hidden]{display:none}.member-choice label{flex:1}
.dashboard-welcome{padding:30px 34px;border:1px solid var(--line);background:linear-gradient(115deg,var(--paper),var(--soft));border-radius:20px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.dashboard-welcome h2{font-size:30px;letter-spacing:-1px;margin:16px 0 10px}.dashboard-welcome p{color:var(--body);line-height:1.6;margin:0}.dashboard-welcome>svg{width:82px;height:82px;color:#7b8817;opacity:.65}
.rich-toolbar{display:flex;gap:6px;flex-wrap:wrap;padding:8px;border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;background:var(--soft);margin-top:8px}.rich-toolbar button{border:0;background:var(--paper);color:var(--ink);border-radius:6px;min-width:34px;min-height:34px;font-weight:700;cursor:pointer;padding:6px 10px}.rich-toolbar button:last-child{margin-left:auto;font-weight:500}.rich-source{border-top-left-radius:0!important;border-top-right-radius:0!important;min-height:160px;font:14px/1.7 ui-monospace,monospace}.rich-preview{border:1px solid var(--line);border-radius:0 0 12px 12px;padding:20px;font-weight:400;line-height:1.65}.rich-preview[hidden],textarea[hidden]{display:none}.rich-preview p{margin:8px 0}.rich-preview a{color:#7b8817;text-decoration:underline}.rich-preview .rich-bullet{padding-left:15px}.rich-preview h2,.rich-preview h3,.rich-preview h4{margin-top:18px}.shared-link-row{display:flex;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid var(--line);align-items:center}.shared-link-row:last-child{border-bottom:0}.team-context{padding:20px;background:var(--soft);display:flex;gap:16px;align-items:center;border-radius:12px}.team-context>svg{width:32px;height:32px;color:#7b8817}.team-context p{margin:6px 0 0;color:var(--body)}.team-content-section{padding:20px;border:1px solid var(--line);border-radius:14px}.team-content-section h3{margin:0}.engagement-overview{grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr)}.engagement-kpis{display:flex;gap:28px;padding:16px 0 22px;flex-wrap:wrap}.engagement-kpis>div{display:grid;gap:12px}.engagement-kpis span{font-size:12px;color:var(--body)}.engagement-kpis b{font-size:27px;font-weight:600;letter-spacing:-.8px}.realtime-number{display:block;font-size:48px;font-weight:500;margin:20px 0}.realtime-card>svg{width:100%;height:80px}.login .welcome{position:relative;overflow:hidden;background:#7b8817}.login-hero-image{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.login-panel{padding:48px;gap:20px}.login-panel h2{letter-spacing:-1px;font-weight:600}.login-panel>p{max-width:360px;line-height:1.75}.login-panel .google-button{min-height:54px;border-radius:27px;justify-content:center}
@media(max-width:1100px){.engagement-overview{grid-template-columns:1fr}.content{padding:24px}.card{padding:24px}}@media(max-width:650px){.content{padding:18px 14px}.card{padding:20px}.stats{gap:12px}.stat{padding:20px}.dashboard-welcome{padding:23px}.dashboard-welcome>svg{display:none}#dialog-body{padding:20px}.dialog-head{padding:20px}.engagement-kpis{gap:18px}.login-panel{padding:28px}.team-content-section{padding:14px}.shared-link-row{flex-wrap:wrap}}
.bulk-item,#bulk-all{width:17px;height:17px;accent-color:#7b8817}.table-tools{flex-wrap:wrap;gap:12px}.btn.destructive{background:#ab1822;color:#fff;border-color:#ab1822}.home-tab-editor{margin:12px 0;padding:20px}.member-choice small{display:block;color:var(--body);font-size:11px;margin-top:4px}
aside nav{min-height:0;overflow-y:auto;flex:1}aside footer{flex-shrink:0}
/* Portal 10: engagement reports and live app presence. */
.report-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:24px;padding:0 0 20px;border-bottom:1px solid var(--line)}.report-toolbar label{font-size:11px;gap:6px;min-width:130px}.report-toolbar input{min-height:38px;font-size:12px;padding:9px 12px}.report-toolbar .btn{min-height:38px}.report-links{display:flex;align-items:center;gap:5px;flex:1}.report-link{background:transparent;border:0;border-radius:20px;padding:10px 15px;font-size:12px;color:var(--body);cursor:pointer;white-space:nowrap}.report-link.active{background:var(--soft);color:var(--ink);font-weight:600}.report-search{position:relative;align-self:center;font-size:12px}.report-search summary{cursor:pointer;padding:9px 12px}.report-search>div{position:absolute;right:0;top:100%;z-index:20;width:260px;padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:12px;display:grid;gap:14px;box-shadow:0 12px 36px #0002}
.ga-report-top{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(300px,1fr);gap:20px;margin-bottom:20px}.ga-report-bottom{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr) minmax(230px,1fr);gap:18px;margin-bottom:22px}.ga-report-top>.card,.ga-report-bottom>.card{padding:24px;margin:0;border-radius:10px;display:flex;flex-direction:column;gap:12px;min-width:0}.ga-report-top h2,.ga-report-bottom h2{font-size:14px;font-weight:600;letter-spacing:0;margin:0 0 10px;line-height:1.5}.ga-metrics{display:flex;gap:8px;min-width:0;margin:-4px 0 4px;overflow:auto}.ga-metric{appearance:none;border:0;border-top:3px solid transparent;background:transparent;color:var(--body);flex:1;min-width:110px;padding:14px 10px 12px;text-align:left;display:grid;gap:10px;font-family:inherit}.ga-metric.selected{border-top-color:#7b8817}.ga-metric[data-report-metric]{cursor:pointer}.ga-metric.selected span{color:#7b8817}.ga-metric span{font-size:12px;line-height:1.5}.ga-metric strong{font-size:28px;line-height:1.15;color:var(--ink);font-weight:500;letter-spacing:-.8px}.ga-line-chart{display:block;width:100%;height:auto;min-height:180px;margin:8px 0;color:var(--body);flex:1}.ga-engagement .ga-line-chart{min-height:230px}.ga-live-total{font-size:43px;font-weight:500;letter-spacing:-1px;line-height:1;margin-bottom:2px}.ga-label,.ga-small-head{font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:var(--body);font-weight:600}.ga-label{margin:12px 0 0}.ga-minute-chart{width:100%;height:66px;margin:0}.ga-small-head{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:10px 0}.ga-table-row{display:flex;align-items:start;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px;min-width:0}.ga-table-row>div{min-width:0;flex:1}.ga-table-row span{overflow-wrap:anywhere}.ga-table-row svg{display:block;width:100%;height:3px;margin-top:7px}.ga-table-row b{font-weight:500;white-space:nowrap}.ga-empty{font-size:12px;text-align:center;color:var(--body);padding:20px 0}.report-caption{font-size:11px;line-height:1.6;color:var(--body);margin:4px 0 0}.ga-report-bottom .report-caption{margin-top:auto;padding-top:14px}.report-text-link{border:0;background:transparent;color:#7b8817;font-family:inherit;font-weight:500;font-size:12px;line-height:1.6;padding:14px 0 0;margin-top:auto;text-align:right;cursor:pointer}.report-secondary{margin-top:22px}.analytics-note{padding:20px 24px;margin:24px 0 4px;background:var(--paper);border:1px solid var(--line);border-radius:10px;font-size:12px;line-height:1.8;color:var(--body)}
.online-dot{width:8px;height:8px;background:#7b8817;border-radius:50%;display:inline-block;flex-shrink:0}.online-status-trigger,.ga-online-button{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:22px;padding:8px 12px;display:flex;align-items:center;gap:8px;font-size:12px;cursor:pointer;white-space:nowrap}.ga-online-button{align-self:flex-start;margin:3px 0;gap:7px}.ga-online-button>span:last-child{margin-left:8px;color:#7b8817}.presence-user-pill{font-size:10px;color:#697611;font-weight:600;margin-top:6px;display:inline-flex;align-items:center;gap:5px}.presence-user-pill:before{content:'';width:5px;height:5px;border-radius:50%;background:#7b8817}.presence-user-pill[hidden]{display:none}.online-preview{border-top:1px solid var(--line);padding-top:12px}.online-preview>span{display:block;font-size:10px;margin-top:5px;color:var(--body)}.online-dialog-heading{display:flex;align-items:center;gap:10px;padding:12px 0}.online-dialog-heading strong{font-size:30px;font-weight:500}.online-person{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:17px 3px}.online-person>div:nth-child(2){flex:1;min-width:0}.online-person strong{font-size:14px}.online-person small{display:block;color:var(--body);font-size:12px;margin-top:5px;overflow-wrap:anywhere}.online-person-avatar{position:relative;width:44px;height:44px;border-radius:50%;background:var(--soft);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.online-person-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.online-person-avatar .online-dot{position:absolute;bottom:0;right:0;border:2px solid var(--paper);width:11px;height:11px}.online-person-screen{font-size:11px;color:var(--body)}#online-people-list{max-height:440px;overflow:auto}.online-dialog{padding:6px 4px 14px}
.feedback-settings{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px}.feedback-settings h2{font-size:18px;margin-bottom:8px}.feedback-link-status{font-size:12px;overflow-wrap:anywhere;color:var(--body)}.feedback-link-editor{padding:8px 4px 12px}.feedback-link-editor>p{margin:0 0 8px;line-height:1.8}.team-workspace{padding:8px 4px 18px;gap:24px}.team-assignment-note{padding:20px 22px;background:var(--soft);border-radius:12px;margin:0;line-height:1.8}.team-workspace .team-content-section{padding:22px 24px}.team-workspace .chart-heading{padding:8px 0 20px;margin-bottom:7px;gap:20px}.team-workspace .chart-heading .btn{padding:10px 16px;min-height:40px}.team-workspace .shared-link-row{padding:17px 0}.team-workspace .actions{padding:5px 0;gap:10px}
@media(min-width:1450px){.ga-engagement .ga-line-chart{min-height:270px}}@media(max-width:1180px){.ga-report-top{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr)}.ga-report-bottom{grid-template-columns:1fr 1fr}.ga-views{grid-column:1/-1}.report-links{flex-basis:100%}}@media(max-width:780px){.ga-report-top,.ga-report-bottom{grid-template-columns:1fr}.ga-views{grid-column:auto}.ga-report-top>.card,.ga-report-bottom>.card{padding:20px}.ga-metric{min-width:120px}.ga-engagement .ga-line-chart{min-height:180px}.feedback-settings{align-items:start;flex-direction:column}.team-workspace .team-content-section{padding:18px}.online-person-screen{display:none}.online-status-trigger{font-size:11px;padding:7px 9px}.analytics-note{padding:18px 20px}}

/* Portal 11: quiet reporting surfaces and a visible navigation loading state. */
.route-loading{position:fixed;inset:0;z-index:10000;background:color-mix(in srgb,var(--paper) 65%,transparent);cursor:progress;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px)}.route-progress{position:absolute;top:0;left:0;right:0;height:3px;overflow:hidden;background:var(--line)}.route-progress:after{content:'';display:block;height:100%;width:35%;background:#7b8817;animation:route-progress 1s ease-in-out infinite}.route-loading-label{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--paper);border-radius:16px;padding:20px 28px;box-shadow:0 8px 32px #0000000d;font-size:14px;color:var(--ink)}.route-spinner{width:19px;height:19px;border:2px solid var(--line);border-top-color:#7b8817;border-radius:50%;animation:route-spin .75s linear infinite}@keyframes route-progress{from{transform:translateX(-100%)}to{transform:translateX(385%)}}@keyframes route-spin{to{transform:rotate(360deg)}}
.ga-report-top>.card,.ga-report-bottom>.card{border-radius:16px;border:1px solid var(--line);box-shadow:0 2px 4px #20212403;padding:26px;gap:16px}.ga-report-top h2,.ga-report-bottom h2{font-size:15px;font-weight:600;letter-spacing:-.15px}.ga-metric{border-radius:0;padding:15px 10px;gap:12px}.ga-metric strong{font-size:32px;font-variant-numeric:tabular-nums;letter-spacing:-1px}.ga-metric:hover,.ga-metric:focus-visible{background:var(--soft)}.ga-metric.selected{border-top-width:3px}.ga-engagement .ga-line-chart{min-height:250px;max-height:330px}.report-point{transition:r .15s;outline:none}.report-point:hover,.report-point:focus{r:7;stroke-width:3}.ga-table-row{padding:14px 0;font-size:13px}.ga-table-row svg{height:5px;margin-top:9px;border-radius:3px;background:var(--soft)}.ga-table-row svg rect{height:5px;rx:2}.ga-small-head{font-size:10px;letter-spacing:.4px;padding-bottom:12px}.ga-minute-chart rect{rx:2}.report-toolbar{border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:16px 20px;margin-bottom:22px}.ga-live-total{font-size:48px}.analytics-table{border-radius:16px;overflow:hidden}.analytics-table-head{padding:24px!important}.analytics-table th{font-size:11px;letter-spacing:.3px}.analytics-note{border-radius:14px;padding:24px}.ga-views .ga-line-chart{min-height:210px}.ga-report-bottom{gap:20px}.report-caption{line-height:1.8}
@media(prefers-reduced-motion:reduce){.route-progress:after,.route-spinner{animation:none}.report-point{transition:none}}
@media(max-width:780px){.ga-report-top>.card,.ga-report-bottom>.card{padding:20px}.report-toolbar{padding:16px}.ga-metric strong{font-size:28px}}
/* Release 13: a shared neutral workspace, intentional grouping and clear focus. */
:root{--space-page:32px;--radius-control:10px;--radius-panel:16px;--brand-olive:#7b8817;--brand-gold:#ef9b11;--brand-red:#ab1822}
.content{max-width:1680px;margin:0 auto;padding:30px var(--space-page) 48px;width:100%}.page-head{margin-bottom:26px}.page-head h1{font-size:26px;line-height:1.3;letter-spacing:-.8px}.page-head p{font-size:13px;line-height:1.7;max-width:700px}.topbar{height:72px;padding:0 32px;border-bottom:1px solid var(--line);background:var(--paper)}aside{overflow-y:auto}aside nav{gap:3px}.nav-group-label{display:block;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--body);padding:18px 24px 7px}aside nav>button{border-radius:0;min-height:43px;font-size:13px;padding:11px 24px;gap:12px}aside nav>button svg{width:18px;height:18px}aside nav>button.active{background:var(--soft);color:var(--ink);font-weight:650}aside nav>button.active svg{color:var(--control-ink)}.btn{min-height:42px;border-radius:var(--radius-control);padding:10px 16px;font-weight:600;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:9px}.btn.small{min-height:35px;padding:7px 12px;font-size:12px}.btn.secondary{border:1px solid var(--line);background:var(--paper);color:var(--ink)}.btn svg{width:17px;height:17px}.btn:hover{filter:brightness(.97)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--control-ink)!important;outline-offset:3px!important}input,select,textarea{min-height:46px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--paper);padding:12px 14px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--control-ink);box-shadow:0 0 0 3px #7b881712}input[type="checkbox"],input[type="radio"]{min-height:18px;width:18px;accent-color:var(--control-ink);box-shadow:none}label{font-size:12px;font-weight:600;line-height:1.6}.card{border-radius:var(--radius-panel);box-shadow:none;padding:26px}.card>h2{font-size:17px;margin-bottom:8px}.card>p{font-size:13px;line-height:1.8;color:var(--body)}.table-card{border-radius:var(--radius-panel);overflow:hidden}.table-tools{padding:18px 22px;background:var(--paper);gap:12px}.table-tools input{border-radius:10px;min-height:42px;max-width:360px}th{font-size:11px;text-transform:uppercase;letter-spacing:.4px;background:var(--soft);color:var(--body);font-weight:600}td{padding:15px 18px;font-size:13px}td strong{font-weight:600}td small{line-height:1.7;margin-top:4px}tbody tr:hover{background:color-mix(in srgb,var(--soft) 65%,transparent)}.empty{padding:36px 24px;font-size:13px;line-height:1.8}.dialog-head{padding:22px 28px;border-bottom:1px solid var(--line)}.dialog-head h2{font-size:20px}#dialog-body{padding:26px 28px}#editor{border-radius:20px;max-width:min(920px,calc(100vw - 32px));max-height:90dvh}.dialog-footer{padding-top:20px;margin-top:8px;border-top:1px solid var(--line);gap:12px}.stack{gap:18px}.field-help,.subtle{font-size:12px;line-height:1.75}.select-trigger{padding-right:42px!important;min-height:46px}.select-trigger:after{right:16px!important}.toggle{border-radius:12px;padding:4px;gap:4px;background:var(--soft);display:inline-flex;flex-wrap:wrap}.toggle button{border-radius:8px;min-height:40px;padding:9px 15px;color:var(--body)}.toggle button[aria-pressed="true"]{background:var(--paper);color:var(--ink);box-shadow:0 1px 4px #0000000b}
.workspace-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:4px 0 26px}.workspace-intro h2{font-size:23px;line-height:1.4;font-weight:650;letter-spacing:-.6px}.workspace-intro p{font-size:13px;color:var(--body);margin-top:8px}.overview-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.overview-metric{position:relative;text-align:left;border:1px solid var(--line);border-radius:16px;padding:22px;background:var(--paper);color:var(--ink);display:flex;flex-direction:column;gap:10px;min-width:0}.overview-metric>span:not(.metric-icon){font-size:12px;color:var(--body);font-weight:500}.overview-metric strong{font-size:34px;line-height:1.2;font-weight:600;letter-spacing:-1px;font-variant-numeric:tabular-nums}.overview-metric small{font-size:10px;color:var(--body)}.metric-icon{position:absolute;right:20px;top:20px;color:var(--control-ink)}.metric-icon svg{width:21px;height:21px}.overview-main{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:22px;margin-bottom:24px}.overview-main .card{margin:0}.card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.card-title-row h2{font-size:17px;font-weight:600}.card-title-row p{font-size:11px;color:var(--body);margin-top:7px}.overview-engagement{display:flex;gap:38px;padding:12px 0 20px}.overview-engagement>div{display:grid;gap:7px}.overview-engagement strong{font-size:27px;line-height:1.2;font-weight:500;letter-spacing:-.7px}.overview-engagement span{font-size:11px;color:var(--body)}.overview-trend .ga-line-chart{min-height:220px}.overview-attention>p{margin-bottom:12px}.attention-row{width:100%;border:0;border-bottom:1px solid var(--line);padding:20px 0;display:flex;align-items:center;gap:13px;color:var(--ink);background:transparent;text-align:left}.attention-row>span:first-child{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--soft);color:var(--control-ink)}.attention-row svg{width:20px;height:20px}.attention-row>span:nth-child(2){flex:1;min-width:0}.attention-row strong{display:block;font-size:13px;font-weight:600}.attention-row small{display:block;color:var(--body);font-size:11px;line-height:1.7;margin-top:5px}.attention-row b{font-weight:400;color:var(--body)}.overview-publish{display:grid;gap:10px;padding-top:24px}.overview-publish h3{font-size:13px;margin:0 0 5px}.overview-publish .btn{justify-content:flex-start}.overview-recent{margin-bottom:0}.activity-preview{display:flex;align-items:center;gap:14px;padding:16px 0;border-top:1px solid var(--line)}.activity-preview-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--soft);color:var(--body)}.activity-preview-icon svg{width:18px;height:18px}.activity-preview>div{flex:1}.activity-preview strong{font-size:13px;font-weight:500;text-transform:capitalize}.activity-preview small{display:block;font-size:11px;color:var(--body);margin-top:4px}.activity-preview time{font-size:11px;color:var(--body)}
.report-chart{position:relative;min-width:0}.report-tooltip{font-size:11px;line-height:1.7;padding:8px 12px;background:var(--soft);border:1px solid var(--line);color:var(--ink);border-radius:8px;margin-top:5px}.report-tooltip[hidden]{display:none}.chart-data{font-size:11px;color:var(--body);padding-top:10px}.chart-data summary{cursor:pointer;display:inline-block;line-height:1.8;border-bottom:1px dotted var(--body)}.chart-data .table-scroll{max-height:240px;margin-top:12px}.chart-data table{width:100%;font-size:11px}.chart-data td,.chart-data th{padding:9px 12px}.compare-control{display:flex;align-items:center;gap:8px;align-self:center;font-size:11px!important;font-weight:400!important;white-space:nowrap}.comparison-caption{font-size:12px;font-weight:600;color:var(--ink);margin:6px 0 0}.comparison-caption span{font-size:10px;font-weight:400;color:var(--body);display:block;margin-top:5px}.ga-report-top,.ga-report-bottom{align-items:start}.ga-report-top>.card{min-height:520px}.ga-engagement .report-chart{flex:1}.ga-engagement .ga-line-chart{min-height:220px}.report-toolbar{gap:12px}.report-search{margin-left:auto}.report-point:focus{outline:none!important}.analytics-note{font-size:11px;line-height:1.8}
@media(max-width:1100px){:root{--space-page:24px}.overview-main{grid-template-columns:1fr}.overview-metrics{gap:12px}.overview-metric{padding:19px}.overview-metric small{max-width:110px;line-height:1.6}.card-title-row{flex-wrap:wrap}}
@media(max-width:760px){:root{--space-page:16px}.topbar{padding:0 18px;height:64px}.workspace-intro{align-items:flex-start;flex-direction:column;gap:18px}.workspace-intro h2{font-size:21px}.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-metric strong{font-size:29px}.overview-main{gap:16px}.overview-engagement{gap:24px}.overview-engagement strong{font-size:24px}.overview-engagement span{font-size:10px}.activity-preview time{max-width:90px;line-height:1.6;text-align:right}#dialog-body{padding:22px 20px}.dialog-head{padding:20px}.ga-report-top>.card{min-height:0}.report-toolbar{padding:16px}.table-tools{padding:16px;flex-wrap:wrap}.table-tools input{max-width:none;flex:1;min-width:160px}.overview-recent{padding:22px}.report-search{margin-left:0}}
@media(prefers-reduced-motion:reduce){input,select,textarea{transition:none}}

.report-toolbar + .report-caption{margin:0 0 20px;font-size:11px;max-width:950px}

/* Portal 14: PEER red and reference-aligned engagement report. */
:root{--button:#ab1822;--brand-primary:#ab1822}
html[data-theme="dark"]{--button:#ab1822}
.btn:not(.secondary){background:#ab1822;color:#fff}
.report-section-title{font-size:24px;line-height:1.4;font-weight:500;letter-spacing:-.65px;margin:24px 0 38px}
.ga-report-top{grid-template-columns:minmax(0,1.85fr) minmax(300px,1fr);gap:16px;margin-bottom:16px}
.ga-report-top>.card{min-height:460px;border-radius:8px;padding:28px 32px;gap:12px}
.ga-report-bottom{grid-template-columns:minmax(0,2.2fr) minmax(220px,1fr) minmax(220px,1fr);gap:16px}
.ga-report-bottom>.card{border-radius:8px;min-height:420px;padding:26px 28px}
.ga-metrics{margin-top:-28px;gap:18px}
.ga-metric{padding:22px 6px 14px;border-top-width:4px;gap:7px;min-width:145px}
.ga-metric.selected{border-top-color:#ab1822;border-top-width:4px}
.ga-metric.selected span{color:#ab1822}
.ga-metric span{font-size:13px;line-height:1.6}.ga-metric strong{font-size:31px;font-weight:400}
.ga-engagement .ga-line-chart{min-height:230px;max-height:300px}
.report-point{opacity:0}.report-point:hover,.report-point:focus{opacity:1;r:5;stroke-width:2}
.ga-small-head{font-size:10px;letter-spacing:.5px;border-bottom:1px solid var(--line);padding:9px 0}
.ga-small-head span{border-bottom:1px dashed var(--body);padding-bottom:3px}
.ga-table-row{padding:10px 0;font-size:12px}.ga-table-row svg{height:2px;background:transparent;margin-top:8px}.ga-table-row svg rect{height:2px;rx:0}
.ga-realtime>h2{font-size:12px;text-transform:uppercase;letter-spacing:.4px;font-weight:600;border-bottom:1px dashed var(--body);align-self:flex-start;padding-bottom:3px}
.ga-live-total{font-size:42px}.ga-realtime .ga-minute-chart{height:62px;margin-top:8px}.realtime-detail-link{margin-top:auto;text-align:right;align-self:flex-end;color:var(--accent)}
.report-toolbar{padding:12px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
.report-link{border-radius:0;border-bottom:3px solid transparent}.report-link.active{background:transparent;border-bottom-color:#ab1822}
.report-search input:focus{border-color:var(--line);box-shadow:none}
@media(max-width:1100px){.ga-report-bottom{grid-template-columns:1fr 1fr}.ga-views{grid-column:1/-1}.ga-report-top{grid-template-columns:1fr}.ga-report-top>.card{min-height:400px}}
@media(max-width:650px){.ga-report-bottom{grid-template-columns:1fr}.ga-report-top>.card,.ga-report-bottom>.card{padding:24px 20px;min-height:0}.ga-metrics{margin-top:-24px}.ga-realtime{min-height:400px!important}.report-section-title{margin:20px 0 28px}.ga-engagement .ga-line-chart{min-height:190px}.ga-report-bottom .ga-line-chart{min-height:190px}}

:root{--accent:#ab1822;--bg:#f7f8fa}html[data-theme="dark"]{--accent:#f0939b}
.ga-report-top{align-items:stretch}.ga-report-top>.card{height:100%}
.ga-engagement .report-chart{display:flex;flex-direction:column;justify-content:center}.ga-engagement .report-chart>.ga-line-chart{flex:1}

.analytics-content{padding-top:12px}.analytics-content>.page-head{margin-bottom:12px;align-items:center}.analytics-content>.page-head h1{font-size:17px;font-weight:600}.analytics-content>.page-head p{display:none}
.analytics-content .report-toolbar{margin-bottom:12px}.analytics-content .report-toolbar + .report-caption{margin-bottom:14px;font-size:10px}.analytics-content .report-section-title{margin:14px 0 30px}
input[type="search"]:focus-visible{outline-color:var(--body)!important;border-color:var(--line);box-shadow:none}

/* Portal 15: quiet Workspace-style sections, restrained branding. */
:root{--bg:#ffffff;--accent:#ab1822;--brand-primary:#ab1822;--control-ink:#5f6368}html[data-theme="dark"]{--bg:#18191a;--paper:#18191a;--soft:#242526;--accent:#e8eaed;--button:#e8eaed;--on:#18191a;--brand-primary:#ab1822;--control-ink:#b1b5bd}
.content{max-width:1800px}.card,.table-card,.analytics-table,.overview-metric{border:0;border-radius:0;box-shadow:none;background:transparent}
.card{border-top:1px solid var(--line);padding:24px 0}.table-card,.analytics-table{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.overview-metrics{gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.overview-metric{padding:22px 24px;border-right:1px solid var(--line)}.overview-metric:last-child{border-right:0}.overview-metric:hover{background:var(--soft)}
.overview-main{gap:32px}.overview-attention{border-left:1px solid var(--line);padding-left:28px}.metric-icon,.attention-row>span:first-child,aside nav>button.active svg{color:var(--body)}
.ga-report-top,.ga-report-bottom{gap:0;border-top:1px solid var(--line)}.ga-report-top>.card,.ga-report-bottom>.card{border:0;border-radius:0;padding:24px;min-width:0;background:transparent}
.ga-report-top>.card+ .card,.ga-report-bottom>.card+ .card{border-left:1px solid var(--line)}
.ga-metric.selected{border-top-color:var(--ink)}.ga-metric.selected span,.report-text-link{color:var(--ink)}.report-link.active{border-bottom-color:var(--ink)}
.comparison-caption{color:var(--ink)}.report-section-title{font-size:23px}.online-dot{background:#7b8817}
html[data-theme="dark"] .btn:not(.secondary){background:#e8eaed;color:#18191a}html[data-theme="dark"] aside footer .btn{background:var(--soft);color:var(--ink);border-color:var(--line)}
.toggle button[aria-pressed="true"]{color:var(--ink)}.pill.active{color:var(--ink);background:var(--soft)}
@media(max-width:1100px){.overview-attention{border-left:0;padding-left:0}.ga-report-top>.card+.card{border-left:0;border-top:1px solid var(--line)}}
@media(max-width:650px){.overview-metric{padding:20px 14px}.overview-metric:nth-child(2){border-right:0}.ga-report-bottom>.card+.card{border-left:0;border-top:1px solid var(--line)}.ga-report-top>.card,.ga-report-bottom>.card{padding:24px 0}}

:root{--chart-primary:#7b8817;--chart-secondary:#7b8817}html[data-theme="dark"]{--chart-primary:#c6c9ce;--chart-secondary:#969ba3}

html[data-theme="dark"] #account-signout{color:var(--ink)}html[data-theme="dark"] .error{color:var(--ink)}

html[data-theme="dark"] #logout{background:var(--soft);color:var(--ink);border-color:var(--line)}

/* Content management spacing and restrained login geometry. */
.member-choices{margin-top:12px;padding-top:16px}.select-panel > input[type="search"],.select-search{margin-bottom:14px!important}.select-options{padding:12px!important}.table-tools{padding-bottom:22px}.login-panel .google-button{border-radius:5px}.profile-preview{width:76px;height:76px;border-radius:38px;object-fit:cover}.team-assignment-note{margin-bottom:16px}

/* Restrained focus and modern reporting, release 17. */
input:focus,input:focus-visible,textarea:focus,textarea:focus-visible,select:focus,select:focus-visible,.select-trigger:focus,.select-trigger:focus-visible{outline:none!important;box-shadow:none!important;border-color:var(--body)!important}
.assigned-person{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}.assigned-person>span{flex:1;min-width:0}.assigned-person small{display:block;overflow-wrap:anywhere;color:var(--body)}.draft-restored{padding:12px 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--body)}
.analytics-content .page-head{padding-bottom:18px;border-bottom:1px solid var(--line)}.ga-report-top{gap:28px}.ga-report-bottom{gap:28px}.ga-metric strong{font-size:32px;font-weight:500;font-variant-numeric:tabular-nums}.ga-metric span{font-size:12px;line-height:1.6}.ga-live-total{font-variant-numeric:tabular-nums}.ga-line-chart{overflow:visible}.report-tooltip{position:absolute;z-index:5;pointer-events:none;max-width:min(260px,90%);margin:0;background:var(--paper);box-shadow:0 4px 20px #00000015;border-radius:6px}.report-point:hover,.report-point:focus{outline:none;opacity:1}.analytics-content h2{font-size:16px;font-weight:600}.analytics-content .report-section-title{font-size:20px}.analytics-content .card{border-radius:0;box-shadow:none}.analytics-content .ga-table-row{padding-top:12px;padding-bottom:12px}
@media(max-width:600px){.assigned-person{flex-wrap:wrap}.assigned-person>span{flex-basis:100%}.ga-metric strong{font-size:25px}}

/* Team assignments keep identity and role together, without a duplicate people list. */
.team-access-add{display:grid;grid-template-columns:minmax(200px,1fr) minmax(150px,.5fr) auto;gap:16px;align-items:end;padding:8px 0 16px}
.team-access-person{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,.6fr) auto;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.team-access-person small{overflow-wrap:anywhere}.team-role-label{font-size:12px;gap:6px}
@media(max-width:650px){.team-access-add,.team-access-person{grid-template-columns:1fr}.team-access-person{gap:10px}}
#replace-status:empty{display:none}
.dialog-footer>.btn:not(.secondary){background:#ab1822;color:#fff;border-color:#ab1822}
#request-progress{position:fixed;right:24px;bottom:24px;z-index:2147483647;display:flex;align-items:center;gap:10px;background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:12px 18px;border-radius:10px;box-shadow:0 6px 24px #0002;font-size:13px;pointer-events:none}
.resource-upload{padding:18px;border:1px dashed var(--line);border-radius:10px;background:var(--soft);margin:4px 0}.resource-upload[hidden]{display:none!important}.resource-upload small{display:block;padding-top:10px;line-height:1.6}

/* Keep tab identity and description as distinct form rows. */
.donation-tab-form{gap:20px}.donation-tab-form>label{display:flex;flex-direction:column;gap:8px;margin:0}

.donation-tab-row strong{display:block;margin-bottom:8px}.donation-tab-row small{display:block;line-height:1.65}

.security-watch{display:flex;align-items:center;gap:7px;border:1px solid var(--line,#ddd);border-radius:12px;padding:9px 12px;background:var(--paper,#fff);color:var(--ink,#222);font-size:12px;cursor:pointer}.security-watch svg{width:18px;height:18px}.security-watch.needs-attention{border-color:#ef9b11}.security-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:16px;margin:18px 0}.security-check h2{font-size:17px;margin-top:14px}.security-check p,.security-summary p,.security-incidents p{line-height:1.6}.security-state{display:inline-block;padding:5px 9px;border-radius:8px;font-size:12px;font-weight:600}.state-ok{background:#e8f0df;color:#365117}.state-warning{background:#fff0d6;color:#794700}.state-error{background:#fce4e5;color:#8c1420}.state-unknown{background:#eceef1;color:#4b5360}.security-action{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.security-summary{display:flex;justify-content:space-between;align-items:center;gap:20px}.security-incidents{margin-bottom:18px}.security-incident{padding:20px 0;border-bottom:1px solid var(--line)}.security-incident:last-child{border-bottom:0}.security-incident h3{margin:10px 0 0}.security-incident summary{cursor:pointer;font-weight:600}.security-incident details p{padding:8px 0}@media(max-width:650px){.security-watch{padding:9px}.security-watch span{display:none}.security-summary{align-items:flex-start;flex-direction:column}.security-checks{grid-template-columns:1fr}}

.peer-date-input{width:100%;min-height:46px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);font:inherit;text-align:left;padding:12px 15px;cursor:pointer}.peer-date-input:after{content:'▦';float:right;opacity:.55}.peer-date-input:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.peer-picker{width:min(420px,calc(100vw - 32px));max-height:85dvh;padding:22px;border:1px solid var(--line);border-radius:24px;background:var(--paper);color:var(--ink);box-shadow:0 24px 100px #0005}.peer-picker::backdrop{background:#0007;backdrop-filter:blur(6px)}.peer-picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.peer-picker-head h3{margin:0}.peer-calendar-nav{display:flex;gap:7px;align-items:center;margin-bottom:12px}.peer-calendar-nav select{min-width:0;padding:9px 6px}.peer-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:14px}.peer-calendar-grid span{text-align:center;font-size:11px;opacity:.65;padding:8px 0}.peer-calendar-grid button{height:42px;border:0;border-radius:50%;font:inherit;cursor:pointer;background:transparent;color:var(--ink)}.peer-calendar-grid button[aria-pressed=true]{background:var(--ink);color:var(--paper);font-weight:700}.peer-calendar-grid button:disabled{opacity:.25;cursor:default}.peer-calendar-grid button:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.peer-time-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px}.peer-time-controls select{font-size:22px;min-height:60px}.peer-picker>.btn{margin:5px 0;width:100%}
/* Portable content editors */
.portable-editor{display:block;min-width:0;font-weight:400;margin-top:8px}.portable-editor .rich-toolbar{margin:0;position:sticky;top:0;z-index:3;align-items:center}.rich-toolbar select{width:auto;max-width:140px;padding:7px;font-size:12px}.rich-toolbar button{font-size:12px;font-family:inherit}.rich-toolbar button:last-child{margin-left:0}.rich-save-status{font-size:11px;color:var(--body);margin-left:auto;padding:5px}.rich-edit-area{min-height:200px;max-height:520px;overflow:auto;padding:18px;border:1px solid var(--line);border-radius:0 0 12px 12px;outline:none;background:var(--paper);color:var(--ink);caret-color:var(--ink);line-height:1.6;font-size:15px;font-weight:400;cursor:text}.rich-edit-area:focus{border-color:#899b27;box-shadow:0 0 0 2px #899b2730}.rich-edit-area::selection,.rich-edit-area *::selection{background:#65781d;color:#fff}.rich-edit-area.dragging{border:2px dashed #899b27;background:var(--soft)}.rich-edit-area[hidden],.rich-mobile-preview[hidden],.rich-inspector[hidden],.rich-upload-progress[hidden]{display:none}.rich-edit-area p,.rich-preview-body p{margin:0 0 10px}.rich-edit-area img,.rich-preview-body img{max-width:100%;height:auto;border-radius:12px}.rich-edit-area figure,.rich-preview-body figure{margin:16px 0}.rich-edit-area figcaption,.rich-preview-body figcaption{font-size:12px;color:var(--body);text-align:inherit;margin-top:6px}.rich-edit-area blockquote,.rich-preview-body blockquote{border-left:3px solid #899b27;margin:12px 0;padding:8px 14px;background:var(--soft)}.rich-edit-area hr,.rich-preview-body hr{border:0;border-top:1px solid var(--line);margin:20px 0}.rich-edit-area a,.rich-preview-body a{color:#899b27;text-decoration:underline}.rich-more{position:relative}.rich-more summary{cursor:pointer;padding:8px;font-size:12px}.rich-more-tools{display:flex;flex-wrap:wrap;gap:6px;position:absolute;top:100%;right:0;width:290px;border:1px solid var(--line);background:var(--paper);padding:12px;box-shadow:0 12px 30px #0003;border-radius:12px;z-index:5}.rich-more-tools label{font-size:11px;display:flex;align-items:center;gap:5px}.rich-more-tools input[type=color]{height:30px;width:38px;padding:2px}.rich-inspector{display:flex;gap:10px;flex-wrap:wrap;padding:12px;background:var(--soft);border-radius:12px;margin-top:8px}.rich-inspector label{flex:1;min-width:140px;font-size:12px}.rich-inspector input{width:100%;min-height:36px}.rich-inspector button{border:1px solid var(--line);border-radius:8px;padding:8px;background:var(--paper);color:var(--ink);cursor:pointer}.rich-attachment{display:inline-block;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--soft);color:var(--ink);font-size:13px;margin:5px 0;cursor:pointer}.rich-upload-progress{padding:12px;color:var(--ink);background:var(--soft);border-radius:8px;font-size:12px}.rich-mobile-preview{border:1px solid var(--line);border-radius:0 0 16px 16px;background:var(--soft);padding:16px}.rich-preview-label{font-size:11px;letter-spacing:.04em;color:var(--body);text-align:center;margin-bottom:12px}.rich-preview-body{max-width:390px;margin:auto;padding:20px;background:var(--paper);color:var(--ink);border-radius:16px;line-height:1.55;font-weight:400;overflow-wrap:anywhere}.rich-preview-body h1{font-size:24px}.rich-preview-body h2{font-size:21px}.rich-preview-body h3{font-size:18px}@media(max-width:600px){.rich-toolbar{gap:3px;padding:6px}.rich-toolbar button{min-width:30px;padding:5px}.rich-more-tools{right:-80px}.rich-edit-area{padding:13px}}
/* Semantic rounded icon tiles, shared by dashboard navigation and content headings. */
.app-icon-tile{--tile-start:#8aabed;--tile-end:#5379be;display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;vertical-align:middle;border-radius:9px;background:linear-gradient(145deg,var(--tile-start),var(--tile-end));box-shadow:inset 0 1px 1px #ffffff65,inset 0 0 0 1px #ffffff25;overflow:hidden}.app-icon-tile svg,aside nav>button .app-icon-tile svg,aside nav>button.active .app-icon-tile svg{width:18px;height:18px;color:#fff!important;margin:0}.app-icon-tile[data-icon=teams],.app-icon-tile[data-icon=users],.app-icon-tile[data-icon=contacts]{--tile-start:#69d08c;--tile-end:#309b59}.app-icon-tile[data-icon=events],.app-icon-tile[data-icon=calendar]{--tile-start:#f9c367;--tile-end:#d29436}.app-icon-tile[data-icon=resources],.app-icon-tile[data-icon=shared]{--tile-start:#67c9ea;--tile-end:#3292b5}.app-icon-tile[data-icon=blogs],.app-icon-tile[data-icon=prayer],.app-icon-tile[data-icon=gathering]{--tile-start:#b88de7;--tile-end:#805cba}.app-icon-tile[data-icon=security],.app-icon-tile[data-icon=settings],.app-icon-tile[data-icon=deletedusers],.app-icon-tile[data-icon=audit]{--tile-start:#a3aab6;--tile-end:#707b8d}.app-icon-tile[data-icon=donations]{--tile-start:#a2b982;--tile-end:#718a51}.app-icon-tile[data-icon=logout]{--tile-start:#e99386;--tile-end:#bc5f56}aside nav>button{min-height:54px!important;margin:2px 10px;border-radius:14px!important;padding:10px 14px!important;gap:12px!important}.card h2 .app-icon-tile{margin-right:7px}.btn .app-icon-tile{width:24px;height:24px;border-radius:7px}.metric-icon .app-icon-tile{width:36px;height:36px;border-radius:11px}

/* Release 39: compact appearance controls and a cohesive metrics workspace. */
.toggle[aria-label="Appearance"]{display:flex;flex-wrap:wrap;gap:6px;padding:6px;border:1px solid var(--line);border-radius:16px;background:var(--soft);width:fit-content;max-width:100%}
.toggle[aria-label="Appearance"] button{min-height:48px;padding:10px 14px;gap:9px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;line-height:1.3;flex:1}
.toggle[aria-label="Appearance"] .app-icon-tile{width:26px;height:26px;border-radius:8px;margin:0;flex-shrink:0}
.toggle[aria-label="Appearance"] .app-icon-tile svg{width:16px;height:16px}
.toggle[aria-label="Appearance"] button[aria-pressed="true"]{background:var(--paper);box-shadow:0 1px 5px #0000000c}
.analytics-content .ga-report-top>.card,.analytics-content .ga-report-bottom>.card,.analytics-content .report-secondary>.card{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 4px 20px #00000003}
.analytics-content .ga-report-top,.analytics-content .ga-report-bottom{gap:20px;align-items:stretch}
.analytics-content .ga-report-top>.card{min-height:480px}
.analytics-content .ga-metrics{gap:8px;margin:0 0 16px}
.analytics-content .ga-metric{border-top:0;border-radius:14px;padding:16px 14px;background:var(--soft);min-width:120px;gap:12px}
.analytics-content .ga-metric.selected{box-shadow:inset 0 -3px var(--chart-primary)}
.analytics-content .ga-metric.selected span{color:var(--ink)}
.analytics-content .ga-metric strong{font-size:30px;letter-spacing:-1px;font-weight:650}
.analytics-content .ga-metric span{font-size:11px;line-height:1.5;min-height:32px}
.analytics-content .ga-realtime{position:relative;overflow:hidden}
.analytics-content .ga-realtime h2{font-size:13px;color:var(--body);font-weight:500}
.analytics-content .ga-live-total{font-size:60px;letter-spacing:-2px;padding:8px 0}
.analytics-content .report-toolbar{border-radius:18px;padding:16px;background:var(--paper);border:1px solid var(--line);gap:12px}
.analytics-content .report-section-title{font-size:23px;letter-spacing:-.5px;margin:24px 0 18px}
.analytics-content .analytics-table{border:1px solid var(--line);border-radius:20px;background:var(--paper);margin:22px 0}
.analytics-content .analytics-table thead{background:var(--soft)}
.analytics-content .analytics-table tbody tr:hover{background:var(--soft)}
.analytics-content .report-chart{min-height:220px}
.analytics-content .ga-line-chart{min-height:210px}
.btn:not(.secondary),.btn.danger{color:#fff}
@media(max-width:650px){.analytics-content .ga-report-top>.card{min-height:0}.analytics-content .ga-report-top>.card,.analytics-content .ga-report-bottom>.card,.analytics-content .report-secondary>.card{padding:18px;border-radius:18px}.analytics-content .ga-metric{min-width:105px;padding:12px}.analytics-content .ga-metric strong{font-size:26px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Navigation designer: preview is separate from live settings. */
.nav-designer-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 24px}.nav-designer-intro h2{font-size:28px;letter-spacing:-.7px;margin:12px 0}.nav-designer-intro p{font-size:13px;color:var(--body)}.nav-live-state{white-space:nowrap}.nav-designer{display:grid;grid-template-columns:minmax(340px,1fr) minmax(350px,410px);gap:32px;align-items:start}.nav-design-controls .card{padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:22px}.nav-design-controls .card>p{font-size:12px}.nav-preset-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.nav-preset-choice{padding:8px;border:1px solid var(--line);border-radius:15px;color:var(--ink);background:var(--paper);cursor:pointer;display:grid;gap:10px;text-align:left;font:inherit}.nav-preset-choice[aria-pressed=true]{border-color:#7b8817;box-shadow:0 0 0 2px #7b881724}.nav-preset-choice strong{font-size:12px;padding:3px}.nav-preset-thumb{position:relative;height:100px;overflow:hidden;border-radius:9px;background:linear-gradient(#f4f5f7,#e7e9ed);display:block}.nav-preset-thumb .nav-preview-bar{transform:scale(.32);transform-origin:bottom left;width:calc(312% - 20px);left:4px!important;right:auto!important;bottom:5px!important;pointer-events:none}.nav-preset-thumb .nav-preview-tab{min-width:0}.nav-preset-thumb .nav-preview-tab small{font-size:12px}.nav-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.nav-control-grid fieldset{border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:10px;min-width:0}.nav-control-grid legend{font-size:12px;font-weight:600}.nav-control-grid label{display:grid;gap:7px;min-width:0}.nav-control-grid input[type=color]{padding:3px;width:100%;height:36px;min-height:36px}.nav-range{display:flex;align-items:center;gap:10px}.nav-range input{padding:0;min-width:0;width:100%;accent-color:#7b8817;min-height:30px}.nav-range output{min-width:32px;font-size:12px;color:var(--body);font-variant-numeric:tabular-nums}.nav-control-grid .nav-check{display:flex;align-items:center;gap:8px}.nav-design-actions{display:flex;flex-wrap:wrap;gap:10px}.nav-preview-panel{position:sticky;top:24px;width:100%;background:transparent;border:0;padding:0}.nav-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.nav-preview-heading h2{font-size:15px}.nav-preview-heading [role=group]{display:flex;border:1px solid var(--line);border-radius:10px;padding:3px}.nav-preview-heading button{font:inherit;font-size:11px;background:transparent;color:var(--body);border:0;border-radius:7px;padding:8px;cursor:pointer}.nav-preview-heading button[aria-pressed=true]{background:var(--soft);color:var(--ink)}.nav-phone{position:relative;width:100%;max-width:390px;height:660px;border:7px solid #323539;border-radius:38px;margin:18px auto 0;overflow:hidden;box-shadow:0 16px 40px #00000014}.nav-phone-status{display:flex;justify-content:space-between;padding:14px 22px 8px;font-size:10px}.nav-phone-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px}.nav-phone-header strong{font-size:14px}.nav-phone-content{padding:10px 16px}.nav-phone-content h3{font-size:25px;margin:8px 0}.nav-phone-content p{font-size:12px;line-height:1.6}.nav-preview-eyebrow{font-size:9px!important;letter-spacing:1px;opacity:.6}.nav-preview-content-card{padding:16px;border-radius:18px;background:#ffffff90;border:1px solid #00000008;margin-top:18px;font-size:13px}.nav-phone.dark .nav-preview-content-card{background:#242526;border-color:#ffffff10}.nav-preview-avatar{float:left;margin-right:10px;background:#7b8817;color:#fff;font-size:10px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center}.nav-preview-image{height:100px;border-radius:12px;margin-top:22px;background:linear-gradient(135deg,#7b881740,#ef9b1140,#ab182230)}.nav-preview-bar{position:absolute;display:flex;align-items:center;border:1px solid #8c93952b;overflow:hidden;z-index:2}.nav-preview-tab{position:relative;flex:1;min-width:0;min-height:54px;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;background:transparent;font-family:inherit;cursor:pointer;transition:color var(--nav-motion) ease}.nav-preview-tab small{font-size:10px;line-height:15px}.nav-preview-glyph{position:relative;display:flex;align-items:center;justify-content:center;transition:transform var(--nav-motion) ease}.nav-preview-badge{position:absolute;right:-10px;top:-5px;background:#ab1822;color:#fff;border-radius:9px;min-width:17px;height:17px;display:flex;align-items:center;justify-content:center;font-size:10px}.nav-preview-indicator{position:absolute;top:calc(-1 * var(--indicator-offset,9px));height:3px;left:0;right:0;border-radius:2px}.nav-preview-indicator.dot{left:calc(50% - 3px);right:auto;width:6px;height:6px;border-radius:3px}.nav-preview-indicator.pill{height:4px;top:-4px;border-radius:8px}.nav-preview-options{display:flex;flex-wrap:wrap;gap:14px;margin:16px 0;font-size:11px}.nav-preview-options label{display:flex;align-items:center;gap:8px;font-size:11px}.nav-preview-panel .report-caption{font-size:11px;line-height:1.6}.nav-designer .error:empty{display:none}@media(max-width:1150px){.nav-designer{grid-template-columns:minmax(300px,1fr) minmax(300px,360px);gap:18px}.nav-preset-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:950px){.nav-designer{grid-template-columns:1fr}.nav-preview-panel{position:static;grid-row:1}.nav-phone{height:580px}.nav-designer-intro{align-items:start;flex-direction:column}.nav-control-grid{grid-template-columns:1fr 1fr}}@media(max-width:500px){.nav-control-grid{grid-template-columns:1fr}.nav-preset-gallery{grid-template-columns:1fr 1fr}.nav-design-controls .card{padding:18px}.nav-phone{max-width:360px}}
.nav-preview-panel{display:block;left:auto;bottom:auto;height:auto;overflow:visible}.nav-phone{height:clamp(360px,calc(100dvh - 470px),660px)}.nav-phone.dark .nav-phone-content p{color:#b1b5bd}.nav-phone.light .nav-phone-content p{color:#535d65}.nav-preview-tab small{letter-spacing:0;text-transform:none}.nav-preview-heading{min-height:38px}.nav-preview-options{margin-bottom:0}@media(max-width:950px){.nav-phone{height:580px}}
/* Navigation controls keep indicators inside the visible hit area. */
.nav-confirm-body{padding:8px 12px 16px;line-height:1.65}.nav-confirm-body p{margin:12px 0 18px}.nav-confirm-body .row{gap:14px;margin-top:24px;flex-wrap:wrap}.nav-confirm-body .btn{padding:13px 22px;min-height:46px}
.nav-preview-bar{isolation:isolate;border:1px solid #ffffff35;background-clip:padding-box;-webkit-backdrop-filter:blur(20px) saturate(170%)}
.nav-preview-bar::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff24,transparent 45%,#ffffff0a);box-shadow:inset 0 1px 0 #ffffff50;z-index:-1}
.nav-preview-tab{overflow:visible;position:relative}.nav-preview-indicator{pointer-events:none;top:-5px;left:8px;right:8px;height:3px;z-index:3}.nav-preview-indicator.pill{top:-5px;left:12px;right:12px;height:4px}.nav-preview-indicator.dot{top:-5px}.nav-preview-indicator.underline{top:auto;bottom:-5px}.nav-preview-indicator.halo{top:0;bottom:0;left:2px;right:2px;height:auto;border:1.5px solid;border-radius:16px;background:transparent!important}
.nav-phone-content{background:radial-gradient(ellipse at 5% 95%,#7b881735,transparent 55%),radial-gradient(ellipse at 95% 92%,#ef9b1138,transparent 60%);min-height:100%;padding-bottom:130px}.nav-phone-content::after{content:"";position:absolute;bottom:20px;left:15%;width:70%;height:105px;background:linear-gradient(120deg,#7b881766,#ef9b1160,#ab182260);border-radius:35px;filter:blur(16px);pointer-events:none}.nav-preview-bar{z-index:3}
.support-thread{display:grid;gap:14px;max-height:45vh;overflow:auto;padding:12px 4px}.support-message{padding:16px;border-radius:16px;background:var(--bg);border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere}.support-message.admin{border-left:3px solid #7b8817}.support-person{display:flex;gap:12px;align-items:center;margin-bottom:18px}.support-person img{width:44px;height:44px;object-fit:cover;border-radius:50%}.storage-bars{display:grid;gap:16px}.storage-meter{height:8px;background:var(--line);border-radius:8px;overflow:hidden;margin-top:7px}.storage-meter span{display:block;height:100%;background:#7b8817;border-radius:8px}.maintenance-actions{display:flex;gap:12px;align-items:center;margin-bottom:18px;flex-wrap:wrap}
.storage-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:24px}.storage-content .card{border:1px solid var(--line);border-radius:22px;padding:26px;margin-bottom:22px;background:var(--paper)}.storage-summary .card{margin-bottom:0;background:linear-gradient(135deg,#7b88170c,transparent 65%),var(--paper)}.storage-summary h2{font-size:34px;margin:12px 0;letter-spacing:-1px}.storage-summary small{font-size:12px;color:var(--body)}.storage-bars{max-height:540px;overflow:auto;padding-right:8px}.storage-bars>div{padding:10px 12px;border-radius:12px;background:#7b881706}.storage-content h2{letter-spacing:-.3px}.storage-content .table-card{border:0;margin-top:18px}@media(max-width:700px){.storage-summary{grid-template-columns:1fr;gap:12px}.storage-content .card{padding:18px}}
.nav-preview-indicator.liquid{top:-1px;bottom:-1px;left:3px;right:3px;height:auto;border:1px solid #ffffff55!important;border-radius:22px;background:linear-gradient(135deg,#ffffff32,#939ba524)!important;box-shadow:inset 0 1px 0 #ffffff66,0 2px 8px #0000000c;backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);z-index:-1}.nav-preview-tab{isolation:isolate}.nav-preset-choice:has(.nav-preview-bar[style*="36,37,38"]){background:var(--paper)}
.nav-preview-liquid{position:absolute;pointer-events:none;transform:translateX(-50%);border:1px solid #ffffff60;border-radius:22px;background:linear-gradient(135deg,#9ca7a52b,#bdc9c933);box-shadow:inset 0 1px 0 #ffffff66;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);transition:left var(--nav-motion) cubic-bezier(.2,.7,.2,1);z-index:0}.nav-preview-tab{z-index:1}.nav-preview-glyph,.nav-preview-tab small{position:relative;z-index:2}.verified-badge{display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center;border-radius:50%;margin-left:6px;background:#7b8817;color:#fff;font-size:11px;vertical-align:middle}
#editor:has(.support-chat){width:min(860px,calc(100vw - 28px));max-height:calc(100dvh - 40px);overflow:hidden}#dialog-body:has(.support-chat){padding:0}.support-chat{display:flex;flex-direction:column;height:min(680px,calc(100dvh - 150px));min-height:320px;background:var(--paper)}.chat-status{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 22px;border-bottom:1px solid var(--line);font-size:12px;color:var(--body)}.chat-messages{flex:1;min-height:0;overflow:auto;padding:22px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(135deg,#7b881706,#ef9b1105),var(--paper);overscroll-behavior:contain}.chat-bubble{max-width:82%;min-width:160px;padding:12px 15px;border-radius:18px;overflow-wrap:anywhere;border:1px solid var(--line);white-space:pre-wrap;box-shadow:0 1px 2px #00000006}.chat-bubble.incoming{align-self:flex-start;border-top-left-radius:4px;background:var(--paper)}.chat-bubble.outgoing{align-self:flex-end;border-top-right-radius:4px;background:#e7f0dc}.chat-bubble small{font-size:10px;font-weight:600;color:var(--body)}.chat-bubble p{font-size:14px;line-height:1.6;margin:6px 0}.chat-bubble time{display:block;text-align:right;font-size:10px;color:var(--body);margin-top:6px}.chat-compose{flex-shrink:0;padding:12px 18px;border-top:1px solid var(--line);background:var(--paper)}.chat-input-row{display:flex;gap:10px;align-items:flex-end}.chat-input-row textarea{flex:1;resize:none;min-height:46px;max-height:120px;border-radius:22px;padding:12px 16px;line-height:20px}.chat-send,.chat-attach{width:46px;height:46px;min-width:46px;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#7b8817;color:#fff}.chat-send svg,.chat-attach svg{width:22px;height:22px}.chat-attach{background:transparent;color:var(--body);position:relative;overflow:hidden}.chat-attach input{position:absolute;inset:0;opacity:0;cursor:pointer}.chat-compose>small{display:block;font-size:10px;color:var(--body);margin-top:7px}.chat-compose .error:empty{display:none}.chat-screenshot{max-width:240px;max-height:200px;width:100%;object-fit:contain;border-radius:12px;margin-top:8px}.chat-attachment{display:flex;align-items:center;gap:12px;margin-bottom:10px}.chat-attachment img{max-width:100px;max-height:90px;object-fit:contain;border-radius:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[data-theme=dark] .chat-bubble.outgoing{background:#263326}@media(prefers-reduced-motion:reduce){.nav-preview-liquid{transition:none}}

.page-scroll-tools{display:flex;gap:10px;justify-content:flex-end;margin-top:24px;padding:12px 0}.settings-hint{padding:12px;border-radius:12px;background:var(--wash);font-size:13px}

.page-scroll-tools{position:fixed;right:22px;bottom:12px;z-index:20;margin:0;padding:8px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 16px #00000012}.content{padding-bottom:90px}.secure-admin-login{margin:5vh auto;width:min(480px,calc(100vw - 32px))}

.chat-attach{margin:0;padding:0;flex-shrink:0}.chat-attach>svg{display:block;flex-shrink:0;width:24px;height:24px;pointer-events:none}.chat-attach>input[type=file]{width:100%;height:100%;padding:0;border:0;margin:0}.chat-attach:focus-within{outline:2px solid #7b8817;outline-offset:2px}

.nav-preview-liquid{border-radius:28px;background:linear-gradient(135deg,#969c9e42,#7d858833);transition:left var(--nav-motion) cubic-bezier(.2,.7,.2,1),width var(--nav-motion) cubic-bezier(.2,.7,.2,1)}@media(prefers-reduced-motion:reduce){.nav-preview-liquid{transition:none}}

/* Calm, Google-only sign-in. Organization artwork remains configurable. */
.login{min-height:100dvh;padding:24px;gap:24px;grid-template-columns:minmax(0,1.1fr) minmax(360px,1fr);background:var(--bg)}
.login .welcome{border-radius:32px;min-height:600px;background:var(--soft);box-shadow:inset 0 0 0 1px var(--line)}
.login-hero-image{object-fit:contain;padding:28px}
.login-panel{max-width:480px;gap:22px;padding:48px 32px}.login-panel h2{font-size:36px;line-height:1.15;margin:8px 0 0;letter-spacing:-1.1px}.login-panel>p{margin:0;line-height:1.65}.login-logo{max-width:190px;max-height:100px;object-fit:contain}
.login-panel .google-button{width:100%;border-radius:28px;min-height:56px;box-shadow:0 2px 8px #00000008}.password-help-link{border:0;background:transparent;color:var(--ink);font:inherit;font-size:14px;font-weight:600;min-height:44px;padding:8px 18px;cursor:pointer;border-radius:22px}.password-help-link:hover{background:var(--soft)}
.login-panel>a[href="/secure-admin"]{font-size:12px;color:var(--body)}
@media(max-width:800px){.login{display:flex;flex-direction:column;padding:16px;gap:16px}.login .welcome{min-height:220px;max-height:320px}.login-panel{padding:28px 20px}.login-panel h2{font-size:30px}}

dialog.password-help-dialog{position:fixed;top:auto;bottom:0;margin:0 auto 16px;max-width:520px;width:calc(100% - 24px);max-height:90dvh;border-radius:28px;box-shadow:0 20px 80px #0006}