:root {
  --pcc-cream: #FBF6ED;
  --pcc-white: #FEFEFC;
  --pcc-sand: #E9DDCE;
  --pcc-sand-mid: #D6C6B4;
  --pcc-night: #0c2e42;
  --pcc-night-soft: #1c6062;
  --pcc-bark: #5e3e2c;
  --pcc-text-dark: #0c2e42;
  --pcc-text-mid: #5e3e2c;
  --pcc-text-light: #5e3e2c;
  --pcc-text-faint: #B7AAA0;
  --pcc-pink: #3e8c90;
  --pcc-cyan: #ddad6a;
  --pcc-lime: #6880ac;
  --pcc-teal: #68b0ac;
  --pcc-blue: #3e8c90;
  --pcc-red: #FF413A;
  --pcc-coral: #FF7046;
  --pcc-orange: #ab8655;
  --pcc-sage: #3e8c90;
  --pcc-sage-light: #68b0ac;
  --pcc-sage-pale: #EEF7F6;
  --pcc-sky: var(--pcc-cyan);
  --pcc-sky-pale: #E7F8FD;
  --pcc-coral-pale: #FFE9E1;
  --pcc-amber: var(--pcc-orange);
  --pcc-amber-pale: #FFF0DF;
  --pcc-plum: #7D6E8A;
  --pcc-plum-pale: #F0E9F7;
  --pcc-mint: var(--pcc-teal);
  --pcc-mint-pale: #E7F8FA;
  --pcc-radius: 18px;
  --pcc-radius-sm: 11px;
  --pcc-shadow: 0 3px 18px rgba(8, 8, 25, 0.08);
  --pcc-shadow-hover: 0 8px 30px rgba(8, 8, 25, 0.15);
}

.pcc-wrap,
.pcc-app-shell {
  font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--pcc-text-dark);
}

.pcc-app-shell {
  display: grid;
  grid-template-columns: 230px 1fr;
  background: var(--pcc-cream);
  min-height: 100vh;
}

.pcc-sidebar {
  background: linear-gradient(180deg, var(--pcc-night) 0%, var(--pcc-night-soft) 100%);
  color: var(--pcc-cream);
  padding: 24px 0;
  min-height: 100vh;
  position: sticky;
  top: 0;
  align-self: start;
}

.pcc-logo-card {
  padding: 0 20px 20px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.pcc-logo-word {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 17px;
  line-height: 1.25;
  font-weight: 300;
}

.pcc-logo-sub {
  margin-top: 6px;
  font-size: 10px;
  letter-spacing: .15em;
  text-transform: uppercase;
  color: rgba(255,255,255,.46);
}

.pcc-nav {
  display: grid;
  gap: 1px;
  margin-top: 18px;
}

.pcc-nav a {
  color: rgba(255,255,255,.70);
  text-decoration: none;
  padding: 10px 20px;
  border-left: 3px solid transparent;
  font-size: 13.5px;
  display: flex;
  align-items: center;
  gap: 9px;
  transition: .18s ease;
}

.pcc-nav a span {
  width: 18px;
  text-align: center;
  opacity: .9;
}

.pcc-nav a:hover,
.pcc-nav a.active {
  color: #fff;
  background: rgba(255,255,255,.10);
  border-left-color: var(--pcc-pink);
}

.pcc-sidebar-note {
  margin: 26px 20px 0;
  padding: 14px;
  border-radius: var(--pcc-radius-sm);
  background: rgba(255,255,255,.07);
  color: rgba(255,255,255,.68);
  font-size: 12px;
  line-height: 1.45;
}

.pcc-main {
  padding: 0 0 36px;
  min-width: 0;
}

.pcc-topbar {
  background: rgba(254,254,252,.92);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--pcc-sand);
  padding: 18px 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  position: sticky;
  top: 0;
  z-index: 10;
}

.pcc-greeting {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 21px;
  font-style: italic;
  color: var(--pcc-night);
}

.pcc-greeting span {
  font-style: normal;
  color: var(--pcc-text-dark);
}

.pcc-subtitle {
  margin: 3px 0 0;
  color: var(--pcc-text-light);
  font-size: 13px;
}

.pcc-topbar-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.pcc-week-badge {
  background: var(--pcc-sage-pale);
  color: var(--pcc-sage);
  font-size: 12px;
  font-weight: 700;
  padding: 7px 12px;
  border-radius: 999px;
}

.pcc-dashboard-section,
.pcc-notice {
  margin-left: 32px;
  margin-right: 32px;
}

.pcc-dashboard-section {
  margin-top: 28px;
}

.pcc-priority-grid,
.pcc-grid-2-inline,
.pcc-grid-3-inline {
  display: grid;
  gap: 18px;
}

.pcc-priority-grid,
.pcc-grid-2-inline {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pcc-grid-3-inline {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pcc-wrap.pcc-standalone,
.pcc-wrap:not(.pcc-standalone) {
  max-width: 1280px;
  margin: 0 auto;
  padding: 24px;
}

.pcc-section-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 14px;
  gap: 12px;
}

.pcc-section-title {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 21px;
  font-weight: 400;
  color: var(--pcc-text-dark);
}

.pcc-section-title small {
  font-family: 'DM Sans', system-ui, sans-serif;
  font-size: 11px;
  color: var(--pcc-text-faint);
  margin-left: 8px;
  letter-spacing: .02em;
}

.pcc-card,
.pcc-capture-card,
.pcc-edit-card,
.pcc-project-card,
.pcc-meeting-card,
.pcc-cat-progress-card,
.pcc-placeholder-module {
  background: var(--pcc-white);
  border-radius: var(--pcc-radius);
  padding: 18px;
  box-shadow: var(--pcc-shadow);
  border: 1.5px solid rgba(233,221,206,.9);
  transition: .2s ease;
}

.pcc-card:hover,
.pcc-project-card:hover,
.pcc-meeting-card:hover,
.pcc-cat-progress-card:hover {
  box-shadow: var(--pcc-shadow-hover);
  transform: translateY(-1px);
}

.pcc-card-colour {
  position: relative;
  overflow: hidden;
}

.pcc-card-colour::before,
.pcc-project-card::before,
.pcc-cat-progress-card::before {
  content: '';
  display: block;
  height: 5px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: var(--pcc-sage);
}

.pcc-panel-work .pcc-card::before { background: linear-gradient(90deg, var(--pcc-cyan), var(--pcc-blue)); }
.pcc-panel-personal .pcc-card::before { background: linear-gradient(90deg, var(--pcc-pink), var(--pcc-coral)); }
.pcc-panel-today .pcc-card::before { background: linear-gradient(90deg, var(--pcc-lime), var(--pcc-cyan)); }
.pcc-panel-deadlines .pcc-card::before { background: linear-gradient(90deg, var(--pcc-orange), var(--pcc-red)); }
.pcc-panel-quick .pcc-card::before { background: linear-gradient(90deg, var(--pcc-lime), var(--pcc-teal)); }
.pcc-panel-rescue .pcc-card::before { background: linear-gradient(90deg, var(--pcc-orange), var(--pcc-red)); }
.pcc-panel-meetings .pcc-card::before { background: linear-gradient(90deg, var(--pcc-pink), var(--pcc-plum)); }
.pcc-panel-waiting .pcc-card::before { background: linear-gradient(90deg, var(--pcc-red), var(--pcc-coral)); }
.pcc-panel-progress .pcc-cat-progress-card::before { background: linear-gradient(90deg, var(--pcc-cyan), var(--pcc-lime)); }
.pcc-panel-inprogress .pcc-card::before { background: linear-gradient(90deg, var(--pcc-blue), var(--pcc-pink)); }
.pcc-panel-calendar .pcc-section-title::before { content: '▣ '; color: var(--pcc-cyan); }


.pcc-btn {
  background: linear-gradient(135deg, var(--pcc-cyan), var(--pcc-blue));
  color: white;
  border: none;
  border-radius: var(--pcc-radius-sm);
  padding: 10px 20px;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
  transition: .2s ease;
  white-space: nowrap;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.pcc-btn:hover {
  background: var(--pcc-night);
  transform: translateY(-1px);
  color: white;
}

.pcc-plus-btn {
  background: linear-gradient(135deg, var(--pcc-pink), var(--pcc-orange));
  box-shadow: 0 6px 18px rgba(210, 123, 99, .22);
}

.pcc-btn-small {
  padding: 8px 14px;
}

.pcc-field {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}

.pcc-field-full {
  grid-column: 1 / -1;
}

.pcc-field label {
  color: var(--pcc-text-light);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.pcc-field input,
.pcc-field select,
.pcc-field textarea,
.pcc-filter-form select,
.pcc-filter-form input[type='text'] {
  border: 1.5px solid var(--pcc-sand);
  border-radius: var(--pcc-radius-sm);
  padding: 9px 11px;
  font: inherit;
  font-size: 13px;
  color: var(--pcc-text-dark);
  background: #FFFBF5;
  outline: none;
  width: 100%;
}

.pcc-field input:focus,
.pcc-field select:focus,
.pcc-field textarea:focus,
.pcc-filter-form select:focus,
.pcc-filter-form input[type='text']:focus {
  border-color: var(--pcc-sage);
  background: var(--pcc-white);
  box-shadow: 0 0 0 3px rgba(111,154,124,.13);
}

.pcc-capture-card,
.pcc-edit-card {
  margin-bottom: 24px;
  border-color: rgba(111,154,124,.28);
  background: var(--pcc-white);
}

.pcc-capture-form,
.pcc-edit-form {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  align-items: end;
}

.pcc-check-grid {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  align-items: center;
}

.pcc-checkbox-line {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 12.5px;
  color: var(--pcc-text-mid);
  white-space: nowrap;
}

.pcc-checkbox-line input {
  accent-color: var(--pcc-sage);
}

.pcc-task-item {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: 13px 0;
  border-bottom: 1px solid var(--pcc-sand);
}

.pcc-task-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.pcc-task-item:first-child {
  padding-top: 0;
}

.pcc-rescue-item {
  background: var(--pcc-amber-pale);
  border-radius: var(--pcc-radius-sm);
  padding: 14px;
  margin-bottom: 10px;
  border-left: 4px solid var(--pcc-amber);
}

.pcc-task-main {
  display: flex;
  gap: 12px;
  min-width: 0;
}

.pcc-task-check {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid var(--pcc-sand-mid);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: transparent;
  text-decoration: none;
  margin-top: 2px;
  flex-shrink: 0;
  transition: .16s ease;
}

.pcc-task-check:hover {
  color: var(--pcc-sage);
  border-color: var(--pcc-sage);
  background: var(--pcc-sage-pale);
}

.pcc-task-check-done {
  color: #fff;
  border-color: var(--pcc-sage);
  background: var(--pcc-sage);
}

.pcc-task-title {
  font-weight: 700;
  font-size: 13.8px;
  color: var(--pcc-text-dark);
  line-height: 1.35;
  text-decoration: none;
  display: inline-block;
}

.pcc-task-title:hover {
  color: var(--pcc-pink);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

.pcc-task-title.done {
  text-decoration: line-through;
  color: var(--pcc-text-faint);
}

.pcc-task-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin-top: 6px;
  color: var(--pcc-text-light);
  font-size: 11px;
}

.pcc-task-actions {
  display: grid;
  gap: 7px;
  align-content: start;
  justify-items: end;
}

.pcc-task-open-hint {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--pcc-text-faint);
  white-space: nowrap;
}

.pcc-mini-link,
.pcc-clear-link,
.pcc-danger-link {
  font-size: 12px;
  text-decoration: none;
  font-weight: 800;
}

.pcc-mini-link,
.pcc-clear-link { color: var(--pcc-sage); }
.pcc-danger-link { color: var(--pcc-coral); }

.pcc-tag,
.pcc-status-pill,
.pcc-priority {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  line-height: 1.2;
}

.pcc-priority.low { background: var(--pcc-sage-pale); color: var(--pcc-sage); }
.pcc-priority.medium { background: var(--pcc-amber-pale); color: #A0711B; }
.pcc-priority.high { background: var(--pcc-coral-pale); color: var(--pcc-coral); }

.pcc-tag-inbox { background: var(--pcc-sand); color: var(--pcc-bark); }
.pcc-tag-home { background: #F0EBE0; color: #8C7B6B; }
.pcc-tag-personal { background: var(--pcc-plum-pale); color: var(--pcc-plum); }
.pcc-tag-kids { background: #FFF0E6; color: #C97A3A; }
.pcc-tag-instacom, .pcc-tag-instacommozam, .pcc-tag-instacomnamibia, .pcc-tag-instacomkenya { background: var(--pcc-sky-pale); color: var(--pcc-sky); }
.pcc-tag-gorugged, .pcc-tag-goenterprise, .pcc-tag-raakrof, .pcc-tag-ruggear { background: var(--pcc-mint-pale); color: var(--pcc-mint); }
.pcc-tag-kopper { background: #F0F5E8; color: #6B8A4E; }
.pcc-tag-clients { background: var(--pcc-sage-pale); color: var(--pcc-sage); }
.pcc-tag-finance { background: #F5EFFF; color: #8A6BB8; }
.pcc-tag-health { background: #FFF0E8; color: #C96B4A; }
.pcc-tag-learning { background: #E8F5F0; color: #4A8A72; }
.pcc-tag-clickhappens { background: var(--pcc-amber-pale); color: #A0711B; }
.pcc-tag-meetings { background: var(--pcc-plum-pale); color: var(--pcc-plum); }

.pcc-status-planned { background: var(--pcc-sky-pale); color: var(--pcc-sky); }
.pcc-status-in-progress { background: var(--pcc-sage-pale); color: var(--pcc-sage); }
.pcc-status-waiting-for-feedback { background: var(--pcc-amber-pale); color: #A0711B; }
.pcc-status-not-started { background: var(--pcc-sand); color: var(--pcc-bark); }
.pcc-status-done { background: #E8F5E8; color: #4A8A4A; }

.pcc-meeting-list {
  display: grid;
  gap: 12px;
}

.pcc-meeting-card {
  border-left: 4px solid var(--pcc-plum);
  position: relative;
}

.pcc-meeting-date {
  display: inline-flex;
  background: var(--pcc-plum-pale);
  color: var(--pcc-plum);
  border-radius: 8px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 800;
  margin-bottom: 10px;
}

.pcc-meeting-title {
  font-size: 15px;
  font-weight: 800;
  margin-bottom: 8px;
  color: var(--pcc-text-dark);
  text-decoration: none;
  display: inline-block;
}

.pcc-meeting-title:hover {
  color: var(--pcc-pink);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

.pcc-meeting-card p {
  font-size: 12px;
  color: var(--pcc-text-mid);
  margin: 5px 0;
}

.pcc-project-card {
  display: grid;
  gap: 12px;
  position: relative;
  overflow: hidden;
}

.pcc-project-card::before { background: linear-gradient(90deg, var(--pcc-plum), var(--pcc-coral)); }

.pcc-project-header {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 12px;
}

.pcc-project-name {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 18px;
  line-height: 1.25;
  margin-bottom: 7px;
  color: var(--pcc-text-dark);
  text-decoration: none;
  display: inline-block;
}

.pcc-project-name:hover {
  color: var(--pcc-pink);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

.pcc-project-meta {
  font-size: 12px;
  color: var(--pcc-text-light);
}

.pcc-project-next,
.pcc-milestones {
  background: #FFFBF5;
  border-radius: 10px;
  padding: 11px 12px;
  font-size: 12.5px;
  color: var(--pcc-text-mid);
}

.pcc-project-next strong,
.pcc-milestones strong {
  display: block;
  margin-bottom: 4px;
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--pcc-text-faint);
}

.pcc-milestones ul {
  margin: 6px 0 0 18px;
  padding: 0;
}

.pcc-milestones li {
  margin-bottom: 3px;
}

.pcc-progress-wrap {
  height: 7px;
  background: var(--pcc-sand);
  border-radius: 6px;
  overflow: hidden;
}

.pcc-progress-bar {
  height: 100%;
  background: linear-gradient(90deg, var(--pcc-sage), var(--pcc-sky));
  border-radius: inherit;
}

.pcc-progress-label {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  color: var(--pcc-text-faint);
}

.pcc-waiting-item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 13px 0;
  border-bottom: 1px solid var(--pcc-sand);
}

.pcc-waiting-item:last-child { border-bottom: none; }

.pcc-avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--pcc-coral-pale);
  color: var(--pcc-coral);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 900;
  flex-shrink: 0;
  text-transform: uppercase;
}

.pcc-waiting-name {
  font-size: 11px;
  color: var(--pcc-text-faint);
  margin-bottom: 2px;
}

.pcc-cat-progress-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 12px;
}

.pcc-cat-progress-card {
  position: relative;
  overflow: hidden;
  padding-top: 20px;
}

.pcc-cat-name {
  font-size: 12px;
  font-weight: 800;
  display: flex;
  justify-content: space-between;
  margin-bottom: 9px;
}

.pcc-cat-name span {
  color: var(--pcc-sage);
}

.pcc-cat-count {
  font-size: 10px;
  color: var(--pcc-text-faint);
  margin-top: 6px;
}

.pcc-notebook-section {
  background: linear-gradient(135deg, var(--pcc-night) 0%, #3D3025 100%);
  border-radius: var(--pcc-radius);
  padding: 28px;
  color: white;
}

.pcc-notebook-title {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 24px;
  font-weight: 300;
  font-style: italic;
  color: var(--pcc-cream);
}

.pcc-notebook-sub {
  margin: 4px 0 24px;
  font-size: 11px;
  color: rgba(255,255,255,.45);
  letter-spacing: .1em;
  text-transform: uppercase;
}

.pcc-notebook-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.pcc-notebook-col-label {
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255,255,255,.46);
  font-weight: 800;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.pcc-notebook-item {
  display: flex;
  gap: 9px;
  margin-bottom: 10px;
  align-items: flex-start;
}

.pcc-notebook-dot {
  width: 6px;
  height: 6px;
  background: var(--pcc-sage-light);
  border-radius: 50%;
  margin-top: 7px;
  flex-shrink: 0;
}

.pcc-notebook-number {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 16px;
  color: var(--pcc-sage-light);
  width: 20px;
  text-align: right;
  flex-shrink: 0;
}

.pcc-notebook-text {
  font-size: 13px;
  color: rgba(255,255,255,.84);
  line-height: 1.4;
}

.pcc-filter-form {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 14px;
  align-items: center;
}

.pcc-filter-form input[type='text'] {
  max-width: 300px;
}

.pcc-notice {
  background: var(--pcc-sage-pale);
  color: var(--pcc-sage);
  border-left: 4px solid var(--pcc-sage);
  border-radius: var(--pcc-radius-sm);
  padding: 12px 14px;
  margin-top: 18px;
  margin-bottom: 0;
  font-weight: 800;
}

.pcc-wrap .pcc-notice {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 16px;
}

.pcc-empty {
  background: #FFFBF5;
  color: var(--pcc-text-light);
  border: 1px dashed var(--pcc-sand-mid);
  border-radius: var(--pcc-radius-sm);
  padding: 14px;
  font-size: 13px;
  line-height: 1.45;
}

.pcc-placeholder-module {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.pcc-placeholder-module p {
  margin: 8px 0 0;
  color: var(--pcc-text-light);
}

.pcc-placeholder-icon {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--pcc-coral-pale);
  color: var(--pcc-coral);
  font-size: 20px;
  flex-shrink: 0;
}


.pcc-optional {
  font-size: 9px;
  color: var(--pcc-text-faint);
  text-transform: lowercase;
  letter-spacing: 0;
  font-weight: 600;
}

.pcc-task-status-dot {
  width: 14px;
  height: 14px;
  border-radius: 999px;
  margin-top: 4px;
  flex-shrink: 0;
  box-shadow: 0 0 0 4px rgba(8, 8, 25, .04);
  background: var(--pcc-sand-mid);
}
.pcc-task-status-dot.pcc-status-not-started { background: var(--pcc-text-faint); }
.pcc-task-status-dot.pcc-status-planned { background: var(--pcc-cyan); }
.pcc-task-status-dot.pcc-status-in-progress { background: var(--pcc-pink); }
.pcc-task-status-dot.pcc-status-waiting-for-feedback { background: var(--pcc-orange); }
.pcc-task-status-dot.pcc-status-done { background: var(--pcc-lime); }

.pcc-inline-status-form select {
  border: 1.5px solid var(--pcc-sand);
  border-radius: 999px;
  padding: 5px 9px;
  font: inherit;
  font-size: 11px;
  font-weight: 800;
  color: var(--pcc-text-dark);
  background: #FFFBF5;
  cursor: pointer;
  max-width: 172px;
}
.pcc-inline-status-form select.pcc-status-planned { border-color: rgba(20,184,232,.35); background: var(--pcc-sky-pale); }
.pcc-inline-status-form select.pcc-status-in-progress { border-color: rgba(244,54,169,.35); background: #FFE7F5; }
.pcc-inline-status-form select.pcc-status-waiting-for-feedback { border-color: rgba(255,102,0,.35); background: var(--pcc-amber-pale); }
.pcc-inline-status-form select.pcc-status-done { border-color: rgba(157,255,46,.5); background: #F0FFD9; }

.pcc-card-actions-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 12px;
}

.pcc-calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 10px;
}
.pcc-calendar-head {
  margin-bottom: 10px;
}
.pcc-calendar-head div {
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--pcc-text-faint);
  padding: 0 4px;
}
.pcc-calendar-day {
  min-height: 132px;
  background: var(--pcc-white);
  border: 1.5px solid var(--pcc-sand);
  border-radius: var(--pcc-radius-sm);
  padding: 10px;
  box-shadow: var(--pcc-shadow);
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.pcc-calendar-muted {
  opacity: .45;
}
.pcc-calendar-today {
  border-color: var(--pcc-pink);
  box-shadow: 0 0 0 3px rgba(244,54,169,.12), var(--pcc-shadow);
}
.pcc-calendar-date {
  font-size: 13px;
  font-weight: 900;
  color: var(--pcc-night);
  margin-bottom: 3px;
}
.pcc-calendar-task {
  display: block;
  border-radius: 9px;
  padding: 6px 7px;
  text-decoration: none;
  color: var(--pcc-text-dark);
  background: var(--pcc-sky-pale);
  font-size: 11px;
  line-height: 1.25;
  font-weight: 700;
  border-left: 3px solid var(--pcc-cyan);
}
.pcc-calendar-task span {
  display: block;
  font-size: 9px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--pcc-text-light);
  margin-bottom: 2px;
}
.pcc-calendar-task.pcc-status-in-progress { background: #FFE7F5; border-left-color: var(--pcc-pink); }
.pcc-calendar-task.pcc-status-waiting-for-feedback { background: var(--pcc-amber-pale); border-left-color: var(--pcc-orange); }
.pcc-calendar-task.pcc-status-done { background: #F0FFD9; border-left-color: var(--pcc-lime); }
.pcc-calendar-task.pcc-status-not-started { background: #F7F1E8; border-left-color: var(--pcc-sand-mid); }

@media (max-width: 1100px) {
  .pcc-priority-grid,
  .pcc-grid-2-inline,
  .pcc-grid-3-inline {
    grid-template-columns: 1fr;
  }
  .pcc-notebook-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .pcc-calendar-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .pcc-calendar-head { display: none; }
  .pcc-capture-form,
  .pcc-edit-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .pcc-app-shell {
    grid-template-columns: 1fr;
  }
  .pcc-sidebar {
    position: relative;
    min-height: auto;
  }
  .pcc-nav {
    grid-template-columns: repeat(2, 1fr);
  }
  .pcc-nav a {
    border-left: 0;
    border-radius: 10px;
    margin: 0 8px;
  }
  .pcc-sidebar-note {
    display: none;
  }
  .pcc-topbar {
    position: relative;
    padding: 16px;
    align-items: flex-start;
    flex-direction: column;
  }
  .pcc-dashboard-section,
  .pcc-notice {
    margin-left: 16px;
    margin-right: 16px;
  }
  .pcc-wrap.pcc-standalone,
  .pcc-wrap:not(.pcc-standalone) {
    padding: 16px;
  }
}

@media (max-width: 560px) {
  .pcc-notebook-grid,
  .pcc-capture-form,
  .pcc-edit-form,
  .pcc-calendar-grid {
    grid-template-columns: 1fr;
  }
  .pcc-task-item {
    flex-direction: column;
  }
  .pcc-task-actions {
    justify-items: start;
  }
  .pcc-section-title small {
    display: block;
    margin-left: 0;
    margin-top: 3px;
  }
  .pcc-filter-form input[type='text'] {
    max-width: 100%;
  }
  .pcc-check-grid {
    display: grid;
  }
}

/* v0.7 Big Projects refinements */
.pcc-section-link {
  color: var(--pcc-blue);
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
}
.pcc-section-link:hover {
  color: var(--pcc-pink);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.pcc-project-dashboard-grid,
.pcc-project-full-grid {
  display: grid;
  gap: 18px;
}
.pcc-project-dashboard-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.pcc-project-full-grid {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
.pcc-project-card-dashboard {
  min-height: 100%;
}
.pcc-project-cover {
  min-height: 128px;
  border-radius: 14px;
  background-size: cover;
  background-position: center;
  display: grid;
  place-items: center;
  text-decoration: none;
  margin-bottom: 2px;
  overflow: hidden;
  background-color: var(--pcc-sky-pale);
}
.pcc-project-cover-empty {
  background: linear-gradient(135deg, var(--pcc-pink), var(--pcc-cyan) 50%, var(--pcc-lime));
}
.pcc-project-cover-empty span {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgba(255,255,255,.86);
  color: var(--pcc-night);
  display: grid;
  place-items: center;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 28px;
  font-weight: 700;
}
.pcc-project-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 8px;
}
.pcc-project-meta {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  align-items: center;
}
.pcc-deadline-pill {
  color: var(--pcc-orange);
  font-weight: 900;
}
.pcc-project-blocked {
  background: var(--pcc-amber-pale);
  border-left: 4px solid var(--pcc-orange);
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 12px;
  display: grid;
  gap: 4px;
  color: var(--pcc-text-mid);
}
.pcc-project-blocked strong {
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--pcc-orange);
}
.pcc-milestones li.is-complete {
  color: var(--pcc-text-faint);
  text-decoration: line-through;
}
.pcc-milestones li.pcc-more-line {
  list-style: none;
  margin-left: -18px;
  color: var(--pcc-blue);
  font-weight: 900;
  text-decoration: none;
}
.pcc-big-project-add {
  background: var(--pcc-white);
  border: 1.5px solid var(--pcc-sand);
  border-radius: var(--pcc-radius);
  box-shadow: var(--pcc-shadow);
  margin-bottom: 22px;
  overflow: hidden;
}
.pcc-big-project-add summary {
  cursor: pointer;
  padding: 16px 18px;
  font-weight: 900;
  color: var(--pcc-night);
  background: linear-gradient(90deg, rgba(244,54,169,.10), rgba(20,184,232,.10), rgba(157,255,46,.12));
}
.pcc-big-project-add .pcc-capture-form {
  padding: 18px;
}

@media (max-width: 1200px) {
  .pcc-project-dashboard-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  .pcc-project-dashboard-grid,
  .pcc-project-full-grid {
    grid-template-columns: 1fr;
  }
}

/* v0.8 summaries, sorting, calendar load and weekly review */
.pcc-task-summary-board {
  display: grid;
  gap: 16px;
  margin: 0 0 22px;
}
.pcc-metric-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.pcc-metric-card {
  background: var(--pcc-white);
  border: 1.5px solid var(--pcc-sand);
  border-radius: var(--pcc-radius);
  padding: 16px;
  box-shadow: var(--pcc-shadow);
  position: relative;
  overflow: hidden;
}
.pcc-metric-card::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: 7px;
  background: var(--pcc-cyan);
}
.pcc-metric-card span {
  display: block;
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--pcc-text-faint);
  font-weight: 900;
  margin-bottom: 8px;
}
.pcc-metric-card strong {
  font-size: 30px;
  line-height: 1;
  color: var(--pcc-night);
}
.pcc-metric-card small {
  display: block;
  color: var(--pcc-text-light);
  font-size: 12px;
  margin-top: 6px;
}
.pcc-accent-pink::before { background: var(--pcc-pink); }
.pcc-accent-cyan::before { background: var(--pcc-cyan); }
.pcc-accent-lime::before { background: var(--pcc-lime); }
.pcc-accent-orange::before { background: var(--pcc-orange); }
.pcc-accent-blue::before { background: var(--pcc-blue); }
.pcc-accent-teal::before { background: var(--pcc-teal); }
.pcc-accent-red::before { background: var(--pcc-red); }
.pcc-summary-graphs,
.pcc-review-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.pcc-review-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 22px;
}
.pcc-graph-card {
  background: var(--pcc-white);
  border: 1.5px solid var(--pcc-sand);
  border-radius: var(--pcc-radius);
  padding: 16px;
  box-shadow: var(--pcc-shadow);
}
.pcc-graph-card h3 {
  margin: 0 0 12px;
  font-size: 14px;
  color: var(--pcc-night);
}
.pcc-graph-row {
  display: grid;
  gap: 6px;
  margin-bottom: 11px;
}
.pcc-graph-label {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: var(--pcc-text-mid);
  font-size: 12px;
}
.pcc-graph-label strong { color: var(--pcc-night); }
.pcc-graph-track {
  height: 9px;
  border-radius: 999px;
  background: var(--pcc-sand);
  overflow: hidden;
}
.pcc-graph-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--pcc-cyan);
}
.pcc-accent-bg-pink { background: var(--pcc-pink) !important; }
.pcc-accent-bg-cyan { background: var(--pcc-cyan) !important; }
.pcc-accent-bg-lime { background: var(--pcc-lime) !important; }
.pcc-accent-bg-orange { background: var(--pcc-orange) !important; }
.pcc-accent-bg-blue { background: var(--pcc-blue) !important; }
.pcc-accent-bg-teal { background: var(--pcc-teal) !important; }
.pcc-accent-bg-red { background: var(--pcc-red) !important; }
.pcc-filter-form-expanded {
  grid-template-columns: minmax(180px, 1.6fr) minmax(150px, 1fr) minmax(150px, 1fr) minmax(170px, 1fr) auto auto;
}

.pcc-calendar-mode-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}
.pcc-calendar-mode-tabs a {
  text-decoration: none;
  color: var(--pcc-text-mid);
  background: var(--pcc-white);
  border: 1.5px solid var(--pcc-sand);
  border-radius: 999px;
  padding: 8px 13px;
  font-size: 12px;
  font-weight: 900;
}
.pcc-calendar-mode-tabs a.active,
.pcc-calendar-mode-tabs a:hover {
  background: var(--pcc-night);
  color: #fff;
  border-color: var(--pcc-night);
}
.pcc-calendar-load-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}
.pcc-calendar-load-card {
  background: var(--pcc-white);
  border: 1.5px solid var(--pcc-sand);
  border-radius: var(--pcc-radius);
  padding: 16px;
  box-shadow: var(--pcc-shadow);
  border-top: 5px solid var(--pcc-cyan);
}
.pcc-calendar-load-card span {
  display: block;
  color: var(--pcc-text-faint);
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 900;
  margin-bottom: 6px;
}
.pcc-calendar-load-card strong {
  font-size: 22px;
  color: var(--pcc-night);
}
.pcc-calendar-load-card p {
  margin: 7px 0 0;
  font-size: 12px;
  color: var(--pcc-text-mid);
}
.pcc-load-heavy { border-top-color: var(--pcc-orange); }
.pcc-load-light { border-top-color: var(--pcc-lime); }
.pcc-load-balanced { border-top-color: var(--pcc-cyan); }
.pcc-calendar-date {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
}
.pcc-calendar-date small {
  color: var(--pcc-text-faint);
  font-size: 10px;
  font-weight: 700;
}
.pcc-calendar-agenda {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}
.pcc-calendar-agenda-day-card {
  min-height: 170px;
  background: var(--pcc-white);
  border: 1.5px solid var(--pcc-sand);
  border-radius: var(--pcc-radius);
  padding: 14px;
  box-shadow: var(--pcc-shadow);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.pcc-calendar-agenda-day {
  grid-template-columns: 1fr;
}
.pcc-calendar-task-details { position: relative; }
.pcc-calendar-task-details summary {
  list-style: none;
  cursor: pointer;
}
.pcc-calendar-task-details summary::-webkit-details-marker { display: none; }
.pcc-calendar-popover {
  background: #fff;
  border: 1.5px solid var(--pcc-sand);
  border-radius: var(--pcc-radius-sm);
  padding: 10px;
  margin-top: 6px;
  box-shadow: var(--pcc-shadow-hover);
  display: grid;
  gap: 8px;
  z-index: 5;
}
.pcc-calendar-popover strong { font-size: 12px; }
.pcc-calendar-popover small { color: var(--pcc-text-light); }
.pcc-calendar-empty {
  color: var(--pcc-text-faint);
  font-size: 12px;
  border: 1px dashed var(--pcc-sand-mid);
  border-radius: 10px;
  padding: 10px;
  background: #FFFBF5;
}

/* Category colours for calendar/task badges */
.pcc-calendar-task.pcc-tag-inbox { background: #F3ECE3; border-left-color: var(--pcc-bark); }
.pcc-calendar-task.pcc-tag-home { background: #FFF0DF; border-left-color: var(--pcc-orange); }
.pcc-calendar-task.pcc-tag-personal { background: #FFE7F5; border-left-color: var(--pcc-pink); }
.pcc-calendar-task.pcc-tag-kids { background: #F0FFD9; border-left-color: var(--pcc-lime); }
.pcc-calendar-task.pcc-tag-instacom,
.pcc-calendar-task.pcc-tag-instacommozam,
.pcc-calendar-task.pcc-tag-instacomnamibia,
.pcc-calendar-task.pcc-tag-instacomkenya { background: #E7F8FD; border-left-color: var(--pcc-cyan); }
.pcc-calendar-task.pcc-tag-gorugged,
.pcc-calendar-task.pcc-tag-goenterprise,
.pcc-calendar-task.pcc-tag-ruggear { background: #E8F7FF; border-left-color: var(--pcc-blue); }
.pcc-calendar-task.pcc-tag-raakrof { background: #FFE8D9; border-left-color: var(--pcc-coral); }
.pcc-calendar-task.pcc-tag-kopper { background: #E7F8FA; border-left-color: var(--pcc-teal); }
.pcc-calendar-task.pcc-tag-clients { background: #EAF5EE; border-left-color: var(--pcc-sage); }
.pcc-calendar-task.pcc-tag-finance { background: #F0E9F7; border-left-color: var(--pcc-plum); }
.pcc-calendar-task.pcc-tag-health { background: #FFE9E1; border-left-color: var(--pcc-red); }
.pcc-calendar-task.pcc-tag-learning { background: #E7F8FD; border-left-color: var(--pcc-cyan); }
.pcc-calendar-task.pcc-tag-clickhappens { background: #FFF0DF; border-left-color: var(--pcc-orange); }
.pcc-calendar-task.pcc-tag-meetings { background: #F0E9F7; border-left-color: var(--pcc-plum); }

@media (max-width: 1100px) {
  .pcc-metric-grid,
  .pcc-summary-graphs,
  .pcc-calendar-load-grid,
  .pcc-review-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .pcc-filter-form-expanded {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .pcc-metric-grid,
  .pcc-summary-graphs,
  .pcc-calendar-load-grid,
  .pcc-review-grid,
  .pcc-filter-form-expanded {
    grid-template-columns: 1fr;
  }
}

/* v0.9 calendar creation, weather, holidays and habit tracker */
.pcc-calendar-date-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
}
.pcc-calendar-add-date {
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 0;
  text-align: left;
  width: auto;
}
.pcc-calendar-add-date:hover {
  color: var(--pcc-pink);
}
.pcc-calendar-weather {
  font-size: 10px;
  font-weight: 800;
  color: var(--pcc-text-mid);
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(233,221,206,.9);
  border-radius: 999px;
  padding: 3px 7px;
  white-space: nowrap;
}
.pcc-calendar-specials {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 4px;
}
.pcc-calendar-specials span {
  font-size: 9px;
  line-height: 1.2;
  border-radius: 999px;
  padding: 3px 7px;
  font-weight: 900;
}
.pcc-calendar-specials .holiday {
  background: var(--pcc-pink);
  color: white;
}
.pcc-calendar-specials .special {
  background: var(--pcc-sky-pale);
  color: var(--pcc-blue);
}
.pcc-calendar-day.pcc-calendar-heavy,
.pcc-calendar-agenda-day-card.pcc-calendar-heavy {
  background: #FFE8E5;
  border-color: rgba(255,65,58,.45);
  box-shadow: 0 0 0 3px rgba(255,65,58,.08), var(--pcc-shadow);
}
.pcc-calendar-day.pcc-calendar-light,
.pcc-calendar-agenda-day-card.pcc-calendar-light {
  background: #FFF7D8;
  border-color: rgba(255,102,0,.22);
}
.pcc-calendar-add-panel {
  background: var(--pcc-white);
  border: 1.5px solid var(--pcc-sand);
  border-radius: var(--pcc-radius);
  box-shadow: var(--pcc-shadow-hover);
  padding: 18px;
  margin: 0 0 18px;
}
.pcc-calendar-add-form {
  display: grid;
  grid-template-columns: minmax(220px, 2fr) repeat(4, minmax(130px, 1fr)) auto auto;
  gap: 12px;
  align-items: end;
}
.pcc-field-wide { min-width: 220px; }
.pcc-clear-button {
  border: 1.5px solid var(--pcc-sand-mid);
  border-radius: 999px;
  background: #fff;
  color: var(--pcc-text-light);
  padding: 7px 12px;
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}
.pcc-clear-button:hover { color: var(--pcc-pink); border-color: var(--pcc-pink); }
.pcc-habit-top-row {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(360px, 1.05fr);
  gap: 18px;
  align-items: start;
  margin-bottom: 24px;
}
.cardish,
.pcc-habit-add-card,
.pcc-habit-card {
  background: var(--pcc-white);
  border: 1.5px solid var(--pcc-sand);
  border-radius: var(--pcc-radius);
  box-shadow: var(--pcc-shadow);
  padding: 18px;
}
.pcc-habit-add-card summary {
  cursor: pointer;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 20px;
  color: var(--pcc-night);
  margin-bottom: 14px;
}
.pcc-habit-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.pcc-habit-form .pcc-field-full,
.pcc-habit-form .pcc-btn {
  grid-column: 1 / -1;
}
.pcc-metric-grid-habits {
  margin-top: 14px;
}
.pcc-habit-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.pcc-habit-card {
  display: grid;
  gap: 12px;
  border-top: 5px solid var(--pcc-cyan);
}
.pcc-habit-card.is-done { border-top-color: var(--pcc-lime); background: #FBFFF3; }
.pcc-habit-card-head {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
  font-size: 11px;
  color: var(--pcc-text-light);
  font-weight: 800;
}
.pcc-habit-card h3 {
  margin: 0;
  font-size: 18px;
  color: var(--pcc-night);
}
.pcc-habit-card p {
  margin: 0;
  color: var(--pcc-text-mid);
  font-size: 13px;
}
.pcc-habit-check {
  width: 100%;
  margin-top: 2px;
}
@media (max-width: 1100px) {
  .pcc-calendar-add-form,
  .pcc-habit-top-row,
  .pcc-habit-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 700px) {
  .pcc-calendar-add-form,
  .pcc-habit-top-row,
  .pcc-habit-grid,
  .pcc-habit-form {
    grid-template-columns: 1fr;
  }
  .pcc-calendar-weather { white-space: normal; }
}

/* v1.0 calendar navigation, softer load borders, improved habits, and goals */
.pcc-calendar-topbar {
  align-items: center;
}
.pcc-calendar-arrows {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}
.pcc-calendar-arrows a {
  text-decoration: none;
  color: var(--pcc-text-mid);
  background: var(--pcc-white);
  border: 1.5px solid var(--pcc-sand);
  border-radius: 999px;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 900;
}
.pcc-calendar-arrows a:hover {
  color: #fff;
  background: var(--pcc-night);
  border-color: var(--pcc-night);
}
.pcc-calendar-day.pcc-calendar-heavy,
.pcc-calendar-agenda-day-card.pcc-calendar-heavy {
  background: var(--pcc-white) !important;
  border: 2px solid var(--pcc-orange) !important;
  box-shadow: 0 0 0 3px rgba(255,102,0,.08), var(--pcc-shadow) !important;
}
.pcc-calendar-day.pcc-calendar-light,
.pcc-calendar-agenda-day-card.pcc-calendar-light {
  background: var(--pcc-white) !important;
  border: 2px solid var(--pcc-lime) !important;
  box-shadow: 0 0 0 3px rgba(157,255,46,.08), var(--pcc-shadow) !important;
}
.pcc-calendar-day.pcc-calendar-today,
.pcc-calendar-agenda-day-card.pcc-calendar-today {
  border-color: var(--pcc-pink) !important;
}

.pcc-habit-layout,
.pcc-goals-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 420px);
  gap: 18px;
  align-items: start;
}
.pcc-habit-main,
.pcc-goals-main {
  display: grid;
  gap: 18px;
}
.pcc-habit-side,
.pcc-goals-side {
  position: sticky;
  top: 18px;
}
.pcc-habit-grid,
.pcc-goal-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.pcc-goal-add-card,
.pcc-goal-card {
  background: var(--pcc-white);
  border: 1.5px solid var(--pcc-sand);
  border-radius: var(--pcc-radius);
  box-shadow: var(--pcc-shadow);
  padding: 18px;
}
.pcc-goal-add-card summary,
.pcc-goal-card > summary {
  cursor: pointer;
  list-style: none;
}
.pcc-goal-add-card summary::-webkit-details-marker,
.pcc-goal-card > summary::-webkit-details-marker { display: none; }
.pcc-goal-add-card summary {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 20px;
  color: var(--pcc-night);
  margin-bottom: 14px;
}
.pcc-goal-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.pcc-goal-form .pcc-field-full,
.pcc-goal-form .pcc-btn {
  grid-column: 1 / -1;
}
.pcc-metric-grid-goals {
  margin-top: 14px;
}
.pcc-goal-card {
  border-top: 5px solid var(--pcc-pink);
}
.pcc-goal-card > summary {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
}
.pcc-goal-card > summary h3 {
  margin: 8px 0 0;
  font-size: 18px;
  color: var(--pcc-night);
}
.pcc-goal-card > summary strong {
  display: inline-grid;
  place-items: center;
  min-width: 54px;
  height: 34px;
  border-radius: 999px;
  background: var(--pcc-sky-pale);
  color: var(--pcc-blue);
  font-size: 13px;
}
.pcc-goal-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 12px 0;
  color: var(--pcc-text-light);
  font-size: 12px;
  font-weight: 800;
}
.pcc-goal-meta span {
  background: #FFFBF5;
  border: 1px solid var(--pcc-sand);
  border-radius: 999px;
  padding: 4px 8px;
}
.pcc-progress {
  height: 8px;
  border-radius: 999px;
  background: var(--pcc-sand);
  overflow: hidden;
  margin: 8px 0 12px;
}
.pcc-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--pcc-pink), var(--pcc-cyan));
}
.pcc-goal-why,
.pcc-goal-notes {
  margin: 10px 0;
  color: var(--pcc-text-mid);
  font-size: 13px;
  line-height: 1.5;
}
.pcc-goal-step-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}
.pcc-goal-step {
  display: grid;
  grid-template-columns: 26px 1fr;
  gap: 10px;
  align-items: start;
  padding: 9px 10px;
  border-radius: 12px;
  background: #FFFBF5;
  border: 1px solid var(--pcc-sand);
}
.pcc-goal-step button {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid var(--pcc-sand-mid);
  background: var(--pcc-white);
  color: var(--pcc-night);
  font-weight: 900;
  cursor: pointer;
  line-height: 1;
}
.pcc-goal-step.is-done {
  background: #F7FFE8;
  border-color: rgba(157,255,46,.45);
}
.pcc-goal-step.is-done button {
  background: var(--pcc-lime);
  border-color: var(--pcc-lime);
}
.pcc-goal-step.is-done span {
  text-decoration: line-through;
  color: var(--pcc-text-light);
}
@media (max-width: 1100px) {
  .pcc-habit-layout,
  .pcc-goals-layout {
    grid-template-columns: 1fr;
  }
  .pcc-habit-side,
  .pcc-goals-side {
    position: static;
  }
}
@media (max-width: 700px) {
  .pcc-habit-grid,
  .pcc-goal-grid,
  .pcc-goal-form {
    grid-template-columns: 1fr;
  }
  .pcc-calendar-topbar {
    align-items: flex-start;
  }
  .pcc-calendar-arrows {
    justify-content: flex-start;
  }
}

/* Newsletter Planning Module */
.pcc-access-denied {
  max-width: 720px;
  margin: 48px auto;
  background: #fff;
  border: 2px solid var(--pcc-pink, #fb3aa7);
  border-radius: 24px;
  padding: 32px;
  box-shadow: var(--pcc-shadow, 0 10px 30px rgba(0,0,0,.08));
}
.pcc-news-app-shell {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  min-height: 100vh;
  background: #fff7ec;
}
.pcc-news-sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: auto;
  background: #0a0b1f;
  padding: 20px;
  color: #fff;
}
.pcc-news-month-nav {
  display: grid;
  gap: 8px;
  margin: 20px 0;
}
.pcc-news-month-nav a,
.pcc-news-back {
  display: flex;
  gap: 9px;
  align-items: center;
  color: rgba(255,255,255,.72);
  text-decoration: none;
  padding: 11px 12px;
  border-radius: 14px;
  transition: .2s ease;
  border: 1px solid transparent;
}
.pcc-news-month-nav a:hover,
.pcc-news-month-nav a.active,
.pcc-news-back:hover {
  color: #fff;
  background: rgba(18,185,234,.18);
  border-color: rgba(18,185,234,.35);
}
.pcc-news-back { margin-top: 18px; background: rgba(255,255,255,.08); }
.pcc-news-main { margin: 0; }
.pcc-newsletter-wrap { display: grid; gap: 22px; }
.pcc-news-intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border-left: 8px solid #12b9ea;
}
.pcc-muted { color: var(--pcc-text-light, #8c7b6b); margin: 6px 0 0; }
.pcc-news-form { border-top: 5px solid #fb3aa7; }
.pcc-newsletter-form { display: grid; gap: 16px; }
.pcc-news-help {
  padding: 12px 14px;
  border-radius: 16px;
  background: #fff1a8;
  border: 1px solid rgba(255,195,0,.45);
  color: #4a3c00;
  font-size: 13px;
}
.pcc-news-team-fields,
.pcc-news-qna-fields,
.pcc-news-games-fields { display: none; }
.pcc-newsletter-form[data-type="team_updates"] .pcc-news-team-fields,
.pcc-newsletter-form[data-type="qna"] .pcc-news-qna-fields,
.pcc-newsletter-form[data-type="games"] .pcc-news-games-fields { display: grid; }
.pcc-news-calendar-pick { display: none; }
.pcc-newsletter-form[data-type="dates"] .pcc-news-calendar-pick { display: block; }
.pcc-mini-calendar-title {
  font-size: 12px;
  font-weight: 700;
  color: var(--pcc-text-mid, #5a4e42);
  margin-bottom: 8px;
}
.pcc-news-mini-cal {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 6px;
  max-width: 520px;
}
.pcc-news-mini-cal > div {
  font-size: 10px;
  text-transform: uppercase;
  color: var(--pcc-text-light, #8c7b6b);
  font-weight: 800;
  text-align: center;
}
.pcc-news-mini-cal button,
.pcc-news-mini-cal .empty {
  min-height: 34px;
  border-radius: 10px;
  border: 1px solid #eadfd0;
  background: #fff;
}
.pcc-news-mini-cal button { cursor: pointer; font-weight: 700; color: #0a0b1f; }
.pcc-news-mini-cal button:hover,
.pcc-news-mini-cal button.selected {
  background: #12b9ea;
  color: white;
  border-color: #12b9ea;
}
.pcc-news-bank { display: grid; gap: 22px; }
.pcc-news-games-card { border-left: 8px solid #ffc300; }
.pcc-news-section-block {
  background: rgba(255,255,255,.7);
  border: 1px solid #eadfd0;
  border-radius: 26px;
  padding: 18px;
  box-shadow: 0 10px 26px rgba(20,10,0,.05);
}
.pcc-news-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid #eadfd0;
  margin-bottom: 16px;
}
.pcc-news-section-head h3 { margin: 0; font-size: 20px; }
.pcc-news-section-head p { margin: 4px 0 0; color: var(--pcc-text-light, #8c7b6b); }
.pcc-news-section-head > span {
  background: #e7fbff;
  color: #0081a7;
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}
.pcc-news-entry-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.pcc-news-entry {
  background: #fff;
  border: 2px solid #12b9ea;
  border-radius: 20px;
  padding: 16px;
  display: grid;
  gap: 12px;
  transition: .2s ease;
}
.pcc-news-entry.is-added {
  border-color: #8cc63f;
  opacity: .58;
}
.pcc-news-entry.is-planned { border-color: #fb3aa7; }
.pcc-news-entry-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.pcc-news-entry h4 { margin: 0; font-size: 16px; color: #0a0b1f; }
.pcc-news-meta { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 5px; }
.pcc-news-meta span {
  background: #fff1a8;
  border-radius: 999px;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 700;
}
.pcc-news-status-form select {
  border: 1px solid #eadfd0;
  border-radius: 999px;
  padding: 6px 9px;
  background: #fff7ec;
  font-size: 12px;
}
.pcc-news-content { color: var(--pcc-text-mid, #5a4e42); line-height: 1.55; }
.pcc-news-details {
  background: #fff7ec;
  border-radius: 14px;
  padding: 10px 12px;
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.6;
}
.pcc-news-media-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.pcc-news-media-item {
  background: #fff7ec;
  border-radius: 14px;
  padding: 9px;
  display: grid;
  gap: 8px;
}
.pcc-news-media-item img,
.pcc-news-media-item video {
  width: 100%;
  max-height: 180px;
  object-fit: cover;
  border-radius: 10px;
}
.pcc-news-media-item a { color: #0a84a8; font-weight: 800; font-size: 12px; }
.pcc-news-actions { display: flex; justify-content: flex-end; }
.pcc-copy-success { background: #8cc63f !important; }

@media (max-width: 1000px) {
  .pcc-news-app-shell { grid-template-columns: 1fr; }
  .pcc-news-sidebar { position: relative; height: auto; }
  .pcc-news-month-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pcc-news-entry-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .pcc-news-intro, .pcc-news-section-head, .pcc-news-entry-head { flex-direction: column; }
  .pcc-news-month-nav { grid-template-columns: 1fr; }
  .pcc-news-media-grid { grid-template-columns: 1fr; }
}

/* v1.2 newsletter form refinements */
.pcc-news-person-field,
.pcc-news-update-type-field,
.pcc-news-employee-count-field,
.pcc-news-employee-lines-field { display: none; }
.pcc-news-employee-lines {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.pcc-news-employee-lines input {
  width: 100%;
}
.pcc-news-date-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .65fr);
  gap: 18px;
  align-items: start;
}
.pcc-news-date-form {
  background: #fff7ec;
  border: 1px solid #eadfd0;
  border-radius: 18px;
  padding: 16px;
  display: grid;
  gap: 12px;
}
.pcc-news-dates-cal {
  max-width: none;
}
.pcc-news-dates-cal button {
  min-height: 72px;
  padding: 7px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
}
.pcc-news-dates-cal button strong {
  font-size: 13px;
}
.pcc-news-dates-cal button span {
  display: block;
  max-width: 100%;
  background: rgba(251,58,167,.13);
  color: #9d1468;
  border-radius: 8px;
  padding: 2px 5px;
  font-size: 10px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pcc-news-dates-cal button.has-event {
  border-color: #fb3aa7;
  background: rgba(251,58,167,.04);
}
.pcc-news-dates-cal button em {
  font-style: normal;
  font-size: 10px;
  color: #8c7b6b;
}
.pcc-news-date-entries {
  margin-top: 16px;
}
.pcc-news-media-grid {
  grid-template-columns: repeat(auto-fill, minmax(118px, 1fr));
}
.pcc-news-media-item {
  min-width: 0;
}
.pcc-news-media-item img {
  aspect-ratio: 1 / 1;
  width: 100%;
  max-height: 118px;
  object-fit: cover;
}
.pcc-news-video-thumb,
.pcc-file-icon {
  aspect-ratio: 1 / 1;
  min-height: 96px;
  background: linear-gradient(145deg, rgba(18,185,234,.16), rgba(251,58,167,.12));
  border-radius: 12px;
  display: grid;
  place-items: center;
  text-decoration: none;
  color: #0a0b1f;
  font-weight: 900;
  text-align: center;
}
.pcc-news-video-thumb span {
  font-size: 30px;
  line-height: 1;
}
.pcc-news-video-thumb small {
  display: block;
  font-size: 11px;
  color: #8c7b6b;
  margin-top: -20px;
}
.pcc-news-actions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}
.pcc-btn-light {
  background: #fff7ec !important;
  color: #0a0b1f !important;
  border: 1px solid #eadfd0 !important;
}
.pcc-delete-link {
  color: #b71919;
  background: rgba(255,65,58,.1);
  border: 1px solid rgba(255,65,58,.18);
  border-radius: 999px;
  padding: 5px 9px;
  font-size: 12px;
  text-decoration: none;
  font-weight: 800;
}
.pcc-delete-link:hover {
  background: rgba(255,65,58,.18);
}
@media (max-width: 900px) {
  .pcc-news-date-layout { grid-template-columns: 1fr; }
  .pcc-news-employee-lines { grid-template-columns: 1fr; }
  .pcc-news-dates-cal button { min-height: 58px; }
}
@media (max-width: 640px) {
  .pcc-news-media-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* v1.3 dashboard + navigation refinements */
.pcc-nav a.active {
  background: var(--pcc-pink) !important;
  color: #fff !important;
  border-left-color: var(--pcc-pink) !important;
  box-shadow: 0 10px 22px rgba(251, 58, 167, .26);
  font-weight: 900;
}
.pcc-nav a.active span { opacity: 1; }

.pcc-dashboard-quick-summary {
  margin: 18px 32px 8px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(240px, 1.25fr);
  gap: 12px;
  align-items: stretch;
}
.pcc-dashboard-quick-summary .pcc-metric-card {
  min-height: auto;
  padding: 14px 16px;
  border-radius: 18px;
}
.pcc-dashboard-quick-summary .pcc-metric-card strong {
  font-size: 27px;
  line-height: 1;
}
.pcc-dashboard-quick-summary .pcc-metric-card span,
.pcc-dashboard-quick-summary .pcc-metric-card small {
  font-size: 11px;
}
.pcc-dashboard-mini-insight {
  border-radius: 18px;
  border: 1px solid var(--pcc-sand);
  background: #fffdf8;
  padding: 14px 16px;
  box-shadow: var(--pcc-shadow);
  display: grid;
  gap: 7px;
}
.pcc-dashboard-mini-insight strong {
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--pcc-text-light);
}
.pcc-dashboard-mini-insight span {
  font-size: 14px;
  color: var(--pcc-text-dark);
  font-weight: 800;
}
.pcc-mini-progress {
  height: 7px;
  border-radius: 999px;
  background: var(--pcc-sand);
  overflow: hidden;
}
.pcc-mini-progress em {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--pcc-cyan), var(--pcc-pink));
}
.pcc-page-return {
  margin-bottom: 14px;
}
.pcc-panel-meetings .pcc-section-header {
  align-items: center;
}

@media (max-width: 1180px) {
  .pcc-dashboard-quick-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .pcc-dashboard-mini-insight { grid-column: 1 / -1; }
}
@media (max-width: 860px) {
  .pcc-dashboard-quick-summary {
    margin: 16px;
    grid-template-columns: 1fr 1fr;
  }
  .pcc-dashboard-mini-insight { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
  .pcc-dashboard-quick-summary {
    grid-template-columns: 1fr;
  }
}

/* v1.4 Meal Planner + Budget Planner */
.cardish {
  background: var(--pcc-white);
  border: 1px solid var(--pcc-sand);
  border-radius: 22px;
  box-shadow: var(--pcc-shadow);
  padding: 20px;
}
.pcc-meal-hero,
.pcc-budget-hero {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 18px;
}
.pcc-inline-form {
  display: flex;
  align-items: end;
  gap: 10px;
  flex-wrap: wrap;
}
.pcc-inline-form input,
.pcc-inline-form select {
  min-height: 42px;
}
.pcc-meal-metrics,
.pcc-budget-metrics {
  margin-bottom: 20px;
}
.pcc-meal-actions-grid,
.pcc-budget-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .72fr);
  gap: 18px;
  align-items: start;
  margin-bottom: 22px;
}
.pcc-meal-add-card {
  background: var(--pcc-white);
  border: 1px solid var(--pcc-sand);
  border-radius: 18px;
  box-shadow: var(--pcc-shadow);
  margin-bottom: 14px;
  overflow: hidden;
}
.pcc-meal-add-card summary {
  cursor: pointer;
  font-weight: 900;
  padding: 14px 16px;
  color: var(--pcc-night);
  background: #fffaf2;
}
.pcc-compact-form {
  padding: 16px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.pcc-compact-form .pcc-field-full,
.pcc-compact-form .pcc-checkbox-line,
.pcc-compact-form .pcc-btn {
  grid-column: 1 / -1;
}
.pcc-meal-calendar-head,
.pcc-meal-calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 8px;
}
.pcc-meal-calendar-head {
  margin: 10px 0 8px;
  color: var(--pcc-text-light);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.pcc-meal-day {
  min-height: 130px;
  background: var(--pcc-white);
  border: 1px solid var(--pcc-sand);
  border-radius: 16px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.pcc-meal-day.muted {
  opacity: .45;
}
.pcc-meal-day > strong {
  font-size: 13px;
  color: var(--pcc-text-light);
}
.pcc-meal-chip {
  background: rgba(20,184,232,.10);
  border: 1px solid rgba(20,184,232,.22);
  border-radius: 12px;
  padding: 8px;
  display: grid;
  gap: 3px;
  font-size: 12px;
}
.pcc-meal-chip b {
  color: var(--pcc-night);
}
.pcc-meal-chip span,
.pcc-meal-chip em {
  color: var(--pcc-text-light);
  font-style: normal;
  font-size: 11px;
}
.pcc-meal-dashboard-grid,
.pcc-budget-lists,
.pcc-budget-graphs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 22px;
}
.pcc-budget-graphs {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.pcc-mini-list {
  display: grid;
  gap: 10px;
}
.pcc-mini-row {
  padding: 12px;
  background: #fffaf2;
  border: 1px solid var(--pcc-sand);
  border-radius: 14px;
  display: grid;
  gap: 3px;
}
.pcc-mini-row.attention {
  border-color: var(--pcc-orange);
  background: var(--pcc-amber-pale);
}
.pcc-mini-row span {
  color: var(--pcc-text-light);
  font-size: 12px;
}
.pcc-meal-idea-grid,
.pcc-account-grid,
.pcc-money-goal-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px;
}
.pcc-meal-idea,
.pcc-account-card,
.pcc-money-goal {
  border: 1px solid var(--pcc-sand);
  background: #fffaf2;
  border-radius: 16px;
  padding: 14px;
}
.pcc-meal-idea h4,
.pcc-account-card h4,
.pcc-money-goal h4 {
  margin: 0 0 6px;
}
.pcc-meal-idea p,
.pcc-account-card p,
.pcc-money-goal p {
  margin: 0;
  color: var(--pcc-text-light);
  font-size: 13px;
}
.pcc-account-card span {
  display: inline-block;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 900;
  color: var(--pcc-text-light);
  margin-bottom: 5px;
}
.pcc-account-card strong {
  font-size: 22px;
  color: var(--pcc-night);
}
.pcc-account-card.debt {
  border-color: rgba(244,54,169,.45);
  background: rgba(244,54,169,.07);
}
.pcc-account-card.business {
  border-color: rgba(255,102,0,.42);
  background: rgba(255,102,0,.07);
}
.pcc-grocery-groups {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.pcc-grocery-group {
  background: #fffaf2;
  border: 1px solid var(--pcc-sand);
  border-radius: 16px;
  padding: 12px;
}
.pcc-grocery-group h4 {
  margin: 0 0 10px;
}
.pcc-grocery-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: start;
  padding: 10px 0;
  border-top: 1px solid var(--pcc-sand);
}
.pcc-grocery-row:first-of-type { border-top: 0; }
.pcc-grocery-row span {
  display: block;
  color: var(--pcc-text-light);
  font-size: 12px;
}
.pcc-grocery-row.bought {
  opacity: .58;
}
.pcc-grocery-row form {
  margin-top: 6px;
  display: flex;
  gap: 6px;
}
.pcc-grocery-row form input {
  width: 82px;
  min-height: 34px;
  font-size: 12px;
}
.pcc-btn.tiny {
  padding: 7px 9px;
  border-radius: 10px;
  font-size: 12px;
  min-height: 32px;
}
.pcc-budget-forms {
  display: grid;
  gap: 12px;
}
.pcc-money-goal {
  display: grid;
  gap: 8px;
}
.pcc-progress {
  height: 8px;
  background: var(--pcc-sand);
  border-radius: 99px;
  overflow: hidden;
}
.pcc-progress span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, var(--pcc-cyan), var(--pcc-pink));
  border-radius: inherit;
}
.pcc-year-table {
  display: grid;
  gap: 6px;
}
.pcc-year-table > div {
  display: grid;
  grid-template-columns: 1fr .8fr .8fr .8fr 1.3fr;
  gap: 8px;
  padding: 10px;
  border-radius: 12px;
  background: #fffaf2;
  border: 1px solid var(--pcc-sand);
  font-size: 13px;
}
.pcc-year-table .head {
  background: var(--pcc-night);
  color: white;
  font-weight: 900;
}
.pcc-empty.small {
  padding: 10px;
  font-size: 12px;
}
@media (max-width: 1180px) {
  .pcc-budget-graphs { grid-template-columns: 1fr; }
  .pcc-grocery-groups { grid-template-columns: 1fr; }
}
@media (max-width: 860px) {
  .pcc-meal-hero,
  .pcc-budget-hero,
  .pcc-meal-actions-grid,
  .pcc-budget-main-grid,
  .pcc-meal-dashboard-grid,
  .pcc-budget-lists {
    grid-template-columns: 1fr;
    display: grid;
  }
  .pcc-meal-hero,
  .pcc-budget-hero {
    flex-direction: column;
  }
  .pcc-compact-form {
    grid-template-columns: 1fr;
  }
  .pcc-meal-calendar-grid,
  .pcc-meal-calendar-head {
    grid-template-columns: 1fr;
  }
  .pcc-meal-day {
    min-height: auto;
  }
  .pcc-year-table > div {
    grid-template-columns: 1fr;
  }
}

/* v1.5 Content Planning + CRM + dashboard goal snapshot */
.pcc-dashboard-summary-with-goals {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, .45fr) minmax(240px, .38fr);
  gap: 14px;
  align-items: stretch;
}
.pcc-dashboard-summary-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.pcc-dashboard-summary-metrics .pcc-metric-card {
  padding: 14px;
  min-height: 100px;
}
.pcc-goal-snapshot-mini {
  background: var(--pcc-white);
  border: 1px solid var(--pcc-sand);
  border-radius: var(--pcc-radius);
  box-shadow: var(--pcc-shadow);
  padding: 14px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
}
.pcc-goal-snapshot-mini strong { display:block; font-size: 14px; }
.pcc-goal-snapshot-mini span { display:block; color: var(--pcc-text-light); font-size: 12px; margin-top: 3px; }
.pcc-goal-ring {
  --pcc-goal-pct: 0;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: conic-gradient(var(--pcc-lime) calc(var(--pcc-goal-pct) * 1%), var(--pcc-sand) 0);
  display: grid;
  place-items: center;
  flex: 0 0 auto;
}
.pcc-goal-ring::before {
  content: "";
  position: absolute;
}
.pcc-goal-ring span {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--pcc-white);
  display: grid;
  place-items: center;
  font-size: 13px;
  font-weight: 900;
  color: var(--pcc-night);
  margin: 0;
}
.pcc-content-hero,
.pcc-crm-add {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}
.pcc-content-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 18px;
}
.pcc-content-tabs a {
  text-decoration: none;
  color: var(--pcc-text-mid);
  background: var(--pcc-white);
  border: 1px solid var(--pcc-sand);
  border-radius: 999px;
  padding: 9px 13px;
  font-size: 13px;
  font-weight: 800;
  transition: .18s ease;
}
.pcc-content-tabs a:hover,
.pcc-content-tabs a.active {
  background: var(--pcc-night);
  color: white;
  border-color: var(--pcc-night);
}
.pcc-content-capture summary,
.pcc-crm-add summary {
  cursor: pointer;
  font-weight: 900;
  font-size: 16px;
  margin-bottom: 14px;
}
.pcc-content-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.pcc-content-metrics,
.pcc-crm-metrics {
  margin: 18px 0;
}
.pcc-content-dashboard-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 18px;
}
.pcc-content-dashboard-grid > .pcc-panel {
  grid-column: 1 / -1;
}
.pcc-content-card-grid,
.pcc-crm-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.pcc-content-card,
.pcc-crm-card {
  background: var(--pcc-white);
  border: 1px solid var(--pcc-sand);
  border-radius: var(--pcc-radius);
  box-shadow: var(--pcc-shadow);
  padding: 16px;
  display: grid;
  gap: 10px;
  align-content: start;
}
.pcc-content-card h3,
.pcc-crm-card h3 {
  margin: 0;
  font-size: 17px;
  line-height: 1.25;
}
.pcc-content-card p,
.pcc-crm-card p {
  margin: 0;
}
.pcc-content-card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.pcc-pill-soft {
  background: var(--pcc-sky-pale);
  color: var(--pcc-blue);
  padding: 5px 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
}
.pcc-copy-box {
  background: #fffaf2;
  border: 1px solid var(--pcc-sand);
  border-radius: 12px;
  padding: 10px;
  margin-top: 8px;
  font-size: 13px;
  color: var(--pcc-text-mid);
}
.pcc-content-links {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.pcc-content-links a,
.pcc-crm-card a {
  color: var(--pcc-blue);
  font-weight: 800;
  font-size: 13px;
}
.pcc-content-year-jump {
  margin-bottom: 14px;
}
.pcc-content-year-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.pcc-content-month-card {
  background: var(--pcc-white);
  border: 1px solid var(--pcc-sand);
  border-radius: var(--pcc-radius);
  padding: 14px;
  box-shadow: var(--pcc-shadow);
}
.pcc-content-month-card h3 {
  margin: 0 0 10px;
  font-size: 17px;
}
.pcc-content-calendar-item {
  background: #fffaf2;
  border: 1px solid var(--pcc-sand);
  border-left: 4px solid var(--pcc-pink);
  border-radius: 12px;
  padding: 9px 10px;
  display: grid;
  gap: 3px;
  margin-bottom: 8px;
}
.pcc-content-calendar-item span,
.pcc-content-calendar-item small {
  color: var(--pcc-text-light);
  font-size: 11px;
}
.pcc-content-calendar-item strong {
  font-size: 13px;
}
.pcc-prompt-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}
.pcc-prompt-card {
  background: var(--pcc-night);
  color: white;
  border-radius: var(--pcc-radius);
  padding: 16px;
  box-shadow: var(--pcc-shadow);
}
.pcc-prompt-card h3 {
  margin: 0 0 8px;
  color: var(--pcc-lime);
  font-size: 16px;
}
.pcc-prompt-card ul {
  margin: 0;
  padding-left: 18px;
  display: grid;
  gap: 6px;
  font-size: 13px;
  color: rgba(255,255,255,.82);
}
.pcc-crm-card .pcc-inline-status-form select {
  width: 100%;
}
@media (max-width: 1180px) {
  .pcc-dashboard-summary-with-goals,
  .pcc-content-dashboard-grid,
  .pcc-content-year-grid,
  .pcc-prompt-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .pcc-content-card-grid,
  .pcc-crm-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 860px) {
  .pcc-dashboard-summary-with-goals,
  .pcc-dashboard-summary-metrics,
  .pcc-content-dashboard-grid,
  .pcc-content-card-grid,
  .pcc-crm-grid,
  .pcc-content-year-grid,
  .pcc-prompt-grid,
  .pcc-content-form {
    grid-template-columns: 1fr;
  }
  .pcc-content-hero,
  .pcc-crm-add {
    flex-direction: column;
    align-items: stretch;
  }
}

/* v1.6 refinements: compact dashboard, grouped content, CRM service split */
html { scroll-behavior: auto; }
.pcc-card:hover,
.pcc-project-card:hover,
.pcc-meeting-card:hover,
.pcc-cat-progress-card:hover,
.pcc-btn:hover { transform: none; }
.pcc-metric-card,
.pcc-dashboard-summary-metrics .pcc-metric-card {
  text-align: center;
  align-items: center;
  justify-content: center;
}
.pcc-dashboard-summary-with-goals {
  grid-template-columns: minmax(0, 1fr) minmax(190px, .32fr) minmax(190px, .32fr);
  margin-top: 12px;
}
.pcc-dashboard-summary-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.pcc-dashboard-summary-metrics .pcc-metric-card {
  min-height: 78px;
  padding: 11px 10px;
}
.pcc-dashboard-summary-metrics .pcc-metric-card strong { font-size: 23px; }
.pcc-dashboard-mini-insight,
.pcc-goal-snapshot-mini { padding: 12px 13px; min-height: 78px; }
.pcc-goal-ring { width: 62px; height: 62px; }
.pcc-goal-ring span { width: 46px; height: 46px; font-size: 13px; }
.pcc-project-next-meta {
  width: 100%;
  color: var(--pcc-blue) !important;
  font-weight: 800;
}
.pcc-project-step-item {
  background: #fffaf2;
  border-radius: 14px;
  padding: 12px;
  border-left: 4px solid var(--pcc-pink);
}
.pcc-review-life-grid { margin: 18px 0; }
.pcc-simple-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 9px;
}
.pcc-simple-list li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid var(--pcc-sand);
  padding-bottom: 8px;
}
.pcc-brand-content-groups {
  display: grid;
  gap: 18px;
}
.pcc-brand-group {
  background: rgba(255,255,255,.72);
  border: 1px solid var(--pcc-sand);
  border-radius: 22px;
  padding: 16px;
}
.pcc-brand-group-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid var(--pcc-sand);
  padding-bottom: 10px;
  margin-bottom: 14px;
}
.pcc-brand-group-head h3 { margin: 0; font-size: 18px; }
.pcc-crm-add-wide,
.pcc-crm-add-wide form { width: 100%; }
.pcc-crm-full-form { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pcc-crm-service-split {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.pcc-crm-service-split label {
  display: grid;
  gap: 6px;
  background: #fffaf2;
  border: 1px solid var(--pcc-sand);
  border-radius: 14px;
  padding: 10px;
}
.pcc-crm-service-split label span {
  font-size: 11px;
  font-weight: 900;
  color: var(--pcc-text-mid);
}
.pcc-service-value-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 6px 0;
  border-bottom: 1px solid var(--pcc-sand);
}
.pcc-service-value-row:last-child { border-bottom: 0; }
@media (max-width: 1180px) {
  .pcc-dashboard-summary-with-goals { grid-template-columns: 1fr 1fr; }
  .pcc-dashboard-summary-metrics { grid-column: 1 / -1; }
  .pcc-crm-service-split { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
  .pcc-dashboard-summary-with-goals,
  .pcc-dashboard-summary-metrics,
  .pcc-crm-full-form,
  .pcc-crm-service-split { grid-template-columns: 1fr; }
}

/* v1.7 Big Project hierarchical milestones */
.pcc-project-plan-preview{display:grid;gap:10px;margin-top:12px}
.pcc-plan-preview-milestone{background:rgba(255,255,255,.62);border:1px solid var(--pcc-line,#eadfce);border-radius:16px;padding:11px 12px}
.pcc-plan-preview-milestone.is-complete{opacity:.62;background:rgba(156,255,46,.08);border-color:rgba(156,255,46,.45)}
.pcc-plan-preview-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.88rem}
.pcc-plan-preview-title strong{font-weight:900;color:var(--pcc-ink,#0b0b1d)}
.pcc-plan-preview-title small{font-size:.72rem;color:var(--pcc-muted,#70695f);font-weight:800;background:rgba(18,185,234,.10);border-radius:999px;padding:3px 8px}
.pcc-plan-preview-subtasks{list-style:none;margin:8px 0 0 22px;padding:0;display:grid;gap:5px}
.pcc-plan-preview-subtasks li{display:flex;align-items:center;gap:7px;font-size:.8rem;color:var(--pcc-muted,#70695f)}
.pcc-plan-preview-subtasks li.is-complete{text-decoration:line-through;opacity:.6}
.pcc-plan-preview-subtasks small{margin-left:auto;background:rgba(251,53,170,.10);color:#b91674;border-radius:999px;padding:2px 7px;font-weight:800;font-size:.68rem}
.pcc-project-plan-form{margin-top:16px;background:#fffaf2;border:1px solid var(--pcc-line,#eadfce);border-radius:18px;padding:14px;display:grid;gap:12px}
.pcc-section-subtitle{font-weight:950;font-size:.94rem;color:var(--pcc-ink,#0b0b1d)}
.pcc-project-plan-editor{display:grid;gap:13px;width:100%}
.pcc-plan-help{background:rgba(18,185,234,.10);border:1px solid rgba(18,185,234,.22);border-radius:14px;padding:10px 12px;color:#087fa4;font-size:.84rem;font-weight:750}
.pcc-plan-milestone{border:1px solid var(--pcc-line,#eadfce);border-radius:18px;background:var(--pcc-panel,#fffdf8);overflow:hidden}
.pcc-plan-row{display:grid;grid-template-columns:minmax(120px,.38fr) minmax(180px,1fr) minmax(135px,.34fr);gap:10px;align-items:center;padding:10px}
.pcc-plan-row-milestone{background:rgba(251,53,170,.06);border-bottom:1px solid var(--pcc-line,#eadfce)}
.pcc-plan-row-subtask{grid-template-columns:minmax(105px,.32fr) minmax(180px,1fr) minmax(135px,.34fr);padding-left:26px;background:#fffdf8;border-bottom:1px solid rgba(234,223,206,.65)}
.pcc-plan-row-new-subtask{grid-template-columns:minmax(105px,.32fr) minmax(180px,1fr) minmax(135px,.34fr);padding-left:26px;background:#fffaf2}
.pcc-plan-check{display:inline-flex!important;align-items:center;gap:7px;font-size:.76rem!important;font-weight:900!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:var(--pcc-muted,#70695f)!important;margin:0!important}
.pcc-plan-check input{width:auto!important;accent-color:var(--pcc-pink,#fb35aa)}
.pcc-plan-row input[type="text"],.pcc-plan-row input[type="date"],.pcc-plan-new-milestone textarea{width:100%;border:1px solid var(--pcc-line,#eadfce);border-radius:12px;background:white;padding:10px}
.pcc-plan-new-label{font-weight:950;color:var(--pcc-pink,#fb35aa);font-size:.82rem}
.pcc-plan-new-milestone{background:rgba(156,255,46,.10);border:1px dashed rgba(76,123,23,.35);border-radius:16px;padding:12px;display:grid;gap:10px}
.pcc-plan-new-milestone strong{font-size:.9rem}
@media(max-width:760px){.pcc-plan-row,.pcc-plan-row-subtask,.pcc-plan-row-new-subtask{grid-template-columns:1fr;padding:10px}.pcc-plan-preview-subtasks small{margin-left:0}.pcc-project-plan-form{padding:12px}}

/* v1.8 Big Projects checklist improvements */
.pcc-project-card-actions{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}
.pcc-project-plan-full-wrap{margin-top:18px;border-top:1px solid var(--pcc-sand,#E9DDCE);padding-top:16px;display:grid;gap:14px}
.pcc-project-plan-details{border:1px solid var(--pcc-sand,#E9DDCE);border-radius:18px;background:#fffaf2;overflow:hidden}
.pcc-project-plan-details > summary{padding:13px 15px;font-weight:950;color:var(--pcc-night,#080819);cursor:pointer;background:rgba(251,54,169,.08);border-bottom:1px solid var(--pcc-sand,#E9DDCE)}
.pcc-project-plan-details[open] > summary{border-bottom:1px solid var(--pcc-sand,#E9DDCE)}
.pcc-project-plan-details .pcc-project-plan-form{margin:0;border:0;border-radius:0;background:#fffaf2;box-shadow:none}
.pcc-plan-title-field,.pcc-plan-date-field{display:grid;gap:5px}
.pcc-plan-mini-label{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;font-weight:950;color:var(--pcc-text-light,#8C7B6B)}
.pcc-plan-subtitle{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:950;color:var(--pcc-text-light,#8C7B6B);padding:10px 10px 0 26px}
.pcc-empty-small{padding:10px 12px;margin:8px 10px 0 26px;text-align:left;font-size:.82rem}
.pcc-no-subtasks{margin:8px 0 0 22px;color:var(--pcc-text-light,#8C7B6B);font-size:.82rem;font-style:italic}
.pcc-plan-row input[type="text"],.pcc-plan-row input[type="date"],.pcc-plan-new-milestone textarea{min-height:42px}
.pcc-plan-check input[type="checkbox"]{transform:scale(1.15)}
.pcc-project-card-full .pcc-project-plan-preview{display:grid;gap:10px}
.pcc-project-card-dashboard .pcc-project-plan-form,.pcc-project-card-dashboard .pcc-project-plan-details{display:none!important}
@media(max-width:760px){.pcc-plan-subtitle{padding-left:10px}.pcc-empty-small{margin-left:10px}.pcc-project-plan-details > summary{padding:12px}.pcc-project-card-actions .pcc-btn{width:100%;justify-content:center;text-align:center}}

/* v1.9 Big Project focus editor */
.pcc-project-focus-editor{
  background:var(--pcc-card,#fffdf8);
  border:1px solid var(--pcc-border,#eadfce);
  border-top:5px solid var(--pcc-pink,#fb35aa);
  border-radius:24px;
  box-shadow:0 16px 40px rgba(11,11,29,.08);
  padding:24px;
  margin-bottom:24px;
}
.pcc-project-focus-header{align-items:flex-start;margin-bottom:18px}
.pcc-project-plan-explainer{
  background:#fff4cf;
  border:1px solid #ffd24d;
  border-radius:16px;
  padding:13px 15px;
  margin:16px 0;
  color:#4f3d00;
  font-weight:700;
}
.pcc-project-focus-editor .pcc-project-plan-form{
  background:#fffaf2;
  border:1px solid var(--pcc-border,#eadfce);
  border-radius:20px;
  padding:18px;
}
.pcc-project-details-edit{
  margin-top:18px;
  background:#fffaf2;
  border:1px solid var(--pcc-border,#eadfce);
  border-radius:18px;
  padding:14px 16px;
}
.pcc-project-details-edit summary{font-weight:900;cursor:pointer;color:var(--pcc-ink,#0b0b1d)}
.pcc-plan-milestone{
  background:#fffdf8;
  border:1px solid var(--pcc-border,#eadfce);
  border-left:6px solid var(--pcc-cyan,#12b9ea);
  border-radius:18px;
  padding:14px;
  margin:14px 0;
}
.pcc-plan-row{display:grid;grid-template-columns:auto 1fr minmax(160px,.28fr);gap:12px;align-items:end;margin:10px 0}
.pcc-plan-row-subtask{grid-template-columns:auto 1fr minmax(150px,.24fr);padding-left:22px}
.pcc-plan-row-new-subtask{grid-template-columns:120px 1fr minmax(150px,.24fr);padding-left:22px}
.pcc-plan-check{font-weight:800;font-size:.86rem;white-space:nowrap;color:#594e45}
.pcc-plan-mini-label,.pcc-plan-new-label,.pcc-plan-subtitle{display:block;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#8b7c70;margin-bottom:6px}
.pcc-plan-subtasks{margin-top:12px;background:#fff7ec;border-radius:16px;padding:12px}
.pcc-plan-new-milestone{margin-top:18px;background:#fff7ec;border:1px dashed #d8c8b5;border-radius:18px;padding:15px}
@media(max-width:760px){.pcc-plan-row,.pcc-plan-row-subtask,.pcc-plan-row-new-subtask{grid-template-columns:1fr;padding-left:0}.pcc-project-focus-editor{padding:16px}.pcc-project-focus-header{gap:10px}.pcc-clear-link{display:inline-flex;margin-top:8px}}

/* v2.0 Big Projects page refinements */
.pcc-project-full-grid {
  grid-template-columns: 1fr !important;
}
.pcc-project-card-full {
  max-width: 1100px;
  width: 100%;
}
.pcc-project-card-full .pcc-project-cover {
  min-height: 180px;
  pointer-events: none;
}
.pcc-project-card-full .pcc-project-plan-full-wrap {
  margin-top: 20px;
}
.pcc-project-details-inline {
  margin-top: 12px;
}
.pcc-current-cover {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px;
  border: 1px solid var(--pcc-sand);
  background: #fffaf2;
  border-radius: 14px;
  margin-bottom: 10px;
}
.pcc-current-cover img {
  width: 92px;
  height: 58px;
  object-fit: cover;
  border-radius: 10px;
}
.pcc-current-cover span,
.pcc-field-hint {
  color: var(--pcc-text-light);
  font-size: 12px;
}
.pcc-project-card-dashboard .pcc-project-cover {
  pointer-events: auto;
}

/* v2.1 Big Projects rebuilt to match Goals page */
.pcc-big-projects-page .pcc-goal-card {
  border-top-color: var(--pcc-cyan, #12b9ea);
}
.pcc-big-project-goal-cover {
  width: 100%;
  min-height: 150px;
  border-radius: 18px;
  margin: 14px 0 10px;
  background-size: cover;
  background-position: center;
  background-color: var(--pcc-sky-pale, #e5f7fb);
  border: 1px solid var(--pcc-sand, #eadfce);
}
.pcc-big-project-inline-editor {
  margin-top: 14px;
}
.pcc-big-project-inline-editor .pcc-project-plan-form {
  margin-top: 0;
  box-shadow: none;
}
.pcc-big-project-inline-editor .pcc-section-subtitle {
  font-weight: 950;
  color: var(--pcc-night, #0b0b1d);
  margin-bottom: 8px;
}
.pcc-big-project-goal-card .pcc-project-details-inline {
  margin-top: 14px;
  border: 1px solid var(--pcc-sand, #eadfce);
  border-radius: 16px;
  padding: 12px 14px;
  background: #fffaf2;
}
.pcc-big-project-goal-card .pcc-project-details-inline > summary {
  cursor: pointer;
  font-weight: 900;
  color: var(--pcc-night, #0b0b1d);
}
.pcc-big-projects-page .pcc-project-plan-editor {
  margin-top: 8px;
}
.pcc-big-projects-page .pcc-plan-help {
  background: rgba(18,185,234,.08);
  border-color: rgba(18,185,234,.22);
}
.pcc-big-projects-page .pcc-plan-milestone {
  background: #fffdf8;
}
@media (max-width: 760px) {
  .pcc-big-project-goal-cover { min-height: 120px; }
}

/* v2.3 app-like navigation + layout refinements */
html, body, #page, .site, .site-content, .elementor, .elementor-section-wrap, .elementor-widget-container {
  background: var(--pcc-bg, #fff7ec) !important;
}
.pcc-app-shell {
  min-height: 100vh;
}
.pcc-page-content {
  transition: opacity .08s ease;
}
.pcc-app-shell.pcc-loading .pcc-page-content {
  opacity: .72;
}
.pcc-spa-progress {
  position: fixed;
  top: 0;
  left: 0;
  height: 3px;
  width: 0;
  background: linear-gradient(90deg, var(--pcc-pink, #fb35aa), var(--pcc-cyan, #12b9ea));
  z-index: 999999;
  transition: width .16s ease, opacity .14s ease;
  opacity: 0;
}
.pcc-spa-progress.is-visible { opacity: 1; width: 65%; }
.pcc-spa-progress.is-done { width: 100%; opacity: 0; }
.pcc-sidebar .pcc-nav a.active,
.pcc-sidebar .pcc-nav a.pcc-current {
  background: rgba(251, 53, 170, .18) !important;
  color: #fff !important;
  border-left-color: var(--pcc-pink, #fb35aa) !important;
}
.pcc-metric-card,
.pcc-summary-card,
.pcc-cat-progress-card,
.pcc-task-summary-board .pcc-metric-card,
.pcc-dashboard-summary-metrics .pcc-metric-card,
.pcc-meal-metrics .pcc-metric-card,
.pcc-budget-metrics .pcc-metric-card,
.pcc-content-metrics .pcc-metric-card,
.pcc-crm-metrics .pcc-metric-card,
.pcc-habit-summary .pcc-metric-card,
.pcc-goals-summary .pcc-metric-card {
  text-align: center !important;
  align-items: center !important;
  justify-content: center !important;
}
.pcc-metric-card span,
.pcc-metric-card strong,
.pcc-metric-card small {
  text-align: center !important;
  width: 100%;
}
.pcc-project-dashboard-grid-compact {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.pcc-project-card-compact {
  display: block;
  text-decoration: none !important;
  color: inherit !important;
  padding: 18px !important;
  min-height: unset !important;
}
.pcc-project-card-compact::before { display: none !important; }
.pcc-project-card-compact .pcc-project-name {
  display: block;
  margin: 10px 0 14px;
  font-size: 1.08rem;
  font-weight: 950;
  color: var(--pcc-night, #0b0b1d) !important;
}
.pcc-project-compact-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}
.pcc-project-compact-grid div {
  background: #fffaf2;
  border: 1px solid var(--pcc-sand, #eadfce);
  border-radius: 14px;
  padding: 10px;
}
.pcc-project-compact-grid span {
  display: block;
  font-size: .68rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 950;
  color: var(--pcc-muted, #70695f);
  margin-bottom: 4px;
}
.pcc-project-compact-grid strong {
  display: block;
  font-size: .9rem;
  color: var(--pcc-night, #0b0b1d);
}
.pcc-big-project-tabs,
.pcc-meal-tabs {
  margin-bottom: 18px;
}
.pcc-flat-project-editor .pcc-plan-help { display: none !important; }
.pcc-flat-subtask-list {
  display: grid;
  gap: 8px;
  margin-bottom: 12px;
}
.pcc-flat-subtask-row,
.pcc-flat-add-row {
  grid-template-columns: auto minmax(0, 1fr) 160px !important;
  background: #fffaf2 !important;
  border: 1px solid var(--pcc-sand, #eadfce) !important;
  border-radius: 14px !important;
  padding: 10px !important;
  align-items: center !important;
}
.pcc-flat-add-row {
  background: rgba(18,185,234,.08) !important;
}
.pcc-big-project-capture-panel .pcc-big-project-add-card,
.pcc-big-project-capture-panel .pcc-big-project-add-card[open] {
  max-width: 980px;
}
.pcc-meal-actions-tab {
  margin-top: 0;
}
.pcc-card,
.pcc-panel,
.pcc-project-card,
.pcc-task-card,
.pcc-module-card,
.pcc-summary-card,
.pcc-metric-card,
.pcc-goal-card,
.pcc-habit-card,
.elementor-element,
.elementor-widget-shortcode,
.elementor-widget-container {
  animation: none !important;
  transform: none !important;
}
.pcc-card:hover,
.pcc-panel:hover,
.pcc-project-card:hover,
.pcc-task-card:hover,
.pcc-module-card:hover,
.pcc-summary-card:hover,
.pcc-metric-card:hover,
.pcc-goal-card:hover,
.pcc-habit-card:hover,
.pcc-btn:hover {
  transform: none !important;
}
@media (max-width: 1100px) {
  .pcc-project-dashboard-grid-compact { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .pcc-project-dashboard-grid-compact { grid-template-columns: 1fr; }
  .pcc-project-compact-grid { grid-template-columns: 1fr; }
  .pcc-flat-subtask-row,
  .pcc-flat-add-row { grid-template-columns: 1fr !important; }
}

/* v2.4 Budget Planner tabs + money control updates */
.pcc-budget-tabs {
  margin-bottom: 18px;
}
.pcc-budget-top-metrics .pcc-metric-card,
.pcc-budget-page .pcc-metric-card {
  text-align: center;
  justify-items: center;
}
.pcc-budget-account-grid .pcc-account-card {
  min-height: 142px;
  display: grid;
  align-content: start;
  gap: 4px;
}
.pcc-budget-entry-list {
  display: grid;
  gap: 12px;
}
.pcc-budget-entry {
  background: #fffaf2;
  border: 1px solid var(--pcc-sand);
  border-radius: 18px;
  overflow: hidden;
}
.pcc-budget-entry summary {
  cursor: pointer;
  padding: 14px 16px;
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
}
.pcc-budget-entry summary strong {
  color: var(--pcc-night);
}
.pcc-budget-entry summary span {
  color: var(--pcc-text-light);
  font-size: 13px;
  font-weight: 800;
  text-align: right;
}
.pcc-budget-entry > p {
  padding: 0 16px;
  margin: 0 0 10px;
}
.pcc-budget-entry .pcc-compact-form {
  box-shadow: none;
  border-top: 1px solid var(--pcc-sand);
  background: var(--pcc-white);
}
.pcc-delete-inline {
  padding: 0 16px 16px;
  background: var(--pcc-white);
}
.pcc-btn.danger {
  background: var(--pcc-coral);
  color: white;
}
.pcc-debt-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  gap: 14px;
}
.pcc-debt-card {
  background: #fffaf2;
  border: 1px solid rgba(244,54,169,.35);
  border-radius: 20px;
  padding: 16px;
  display: grid;
  gap: 12px;
}
.pcc-debt-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}
.pcc-debt-head h3 {
  margin: 0;
  font-size: 16px;
}
.pcc-debt-head span {
  background: rgba(244,54,169,.10);
  color: #ac0f68;
  border-radius: 999px;
  padding: 5px 9px;
  font-size: 11px;
  font-weight: 900;
}
.pcc-debt-number {
  font-size: 24px;
  font-weight: 950;
  color: var(--pcc-night);
}
.pcc-debt-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.pcc-debt-stats span {
  background: var(--pcc-white);
  border: 1px solid var(--pcc-sand);
  border-radius: 12px;
  padding: 9px;
  color: var(--pcc-text-light);
  font-size: 12px;
}
.pcc-debt-stats b {
  display: block;
  color: var(--pcc-night);
  margin-top: 2px;
}
.pcc-gentle-insight {
  background: rgba(20,184,232,.08);
  border: 1px solid rgba(20,184,232,.18);
  border-radius: 14px;
  padding: 10px;
  margin: 0;
}
.pcc-budget-year-table > div {
  grid-template-columns: 1fr .9fr .7fr 1.8fr;
}
.pcc-budget-mini-edit {
  margin-top: 8px;
}
.pcc-budget-mini-edit summary {
  cursor: pointer;
  color: var(--pcc-cyan-dark);
  font-weight: 900;
  font-size: 13px;
}
.pcc-budget-page .pcc-field input[list] {
  width: 100%;
}
@media (max-width: 760px) {
  .pcc-budget-entry summary {
    flex-direction: column;
    align-items: flex-start;
  }
  .pcc-budget-entry summary span { text-align: left; }
  .pcc-debt-stats { grid-template-columns: 1fr; }
}

/* v2.5 Budget Planner refinement */
.pcc-budget-page .pcc-budget-top-metrics .pcc-metric-card,
.pcc-budget-page .pcc-metric-card { text-align:center; }
.pcc-budget-page .pcc-budget-accounts-panel .pcc-card { padding:18px; }
.pcc-budget-account-balance-grid {
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:14px !important;
  align-items:stretch;
}
.pcc-budget-account-balance-grid .pcc-account-card { min-height:155px; }
.pcc-budget-wishlist-full { width:100%; }
.pcc-budget-wishlist-full .pcc-money-goal-grid,
.pcc-money-goal-grid-full {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:14px;
}
.pcc-account-overview-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:16px;
}
.pcc-account-overview-card {
  border:1px solid var(--pcc-border, #eadfce);
  border-radius:18px;
  background:#fffaf3;
  padding:18px;
  box-shadow:0 8px 22px rgba(11,11,29,.05);
}
.pcc-account-overview-card.debt { background:#fff1f8; border-color:#ff8ed0; }
.pcc-account-overview-card h4 { margin:.25rem 0 .65rem; }
.pcc-account-overview-card strong { display:block; font-size:1.45rem; margin-bottom:.7rem; }
.pcc-account-overview-stats,
.pcc-debt-stats,
.pcc-repayment-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(155px,1fr));
  gap:10px;
}
.pcc-account-overview-stats span,
.pcc-debt-stats span,
.pcc-repayment-grid > div {
  background:rgba(255,255,255,.7);
  border:1px solid rgba(234,223,206,.85);
  border-radius:13px;
  padding:10px;
  font-size:.86rem;
}
.pcc-mini-label {
  display:block;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#9b8d7d;
  font-size:.72rem;
  font-weight:800;
}
.pcc-spending-warnings .pcc-card { border-left:5px solid #ff6500; }
.pcc-spending-warnings ul { margin:0; padding-left:20px; }
.pcc-spending-warnings li { margin:8px 0; }
.pcc-gentle-warning {
  border:1px solid rgba(255,101,0,.25);
  background:rgba(255,101,0,.08);
  border-radius:14px;
  padding:12px;
}
.pcc-debt-grid-detailed .pcc-debt-card { min-height:unset; }
.pcc-repayment-plan { display:grid; gap:14px; }
.pcc-budget-year-table-wide { min-width:980px; }
.pcc-budget-year-table-wide .head,
.pcc-budget-year-table-wide > div:not(.head) {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 2fr;
}
@media(max-width: 780px){
  .pcc-budget-account-balance-grid,
  .pcc-account-overview-grid,
  .pcc-money-goal-grid-full { grid-template-columns:1fr; }
  .pcc-budget-year-table-wide { overflow-x:auto; }
}

/* v2.6 Budget Planner refinement */
.pcc-budget-page .pcc-budget-accounts-panel { margin-bottom: 28px; }
.pcc-budget-page .pcc-budget-accounts-panel + .pcc-budget-graphs { margin-top: 26px; }
.pcc-budget-page .pcc-budget-account-rollup { margin-bottom: 24px; }
.pcc-budget-page .pcc-budget-account-rollup .pcc-metric-card { text-align:center; }
.pcc-budget-page .pcc-account-overview-grid { margin-top: 0; }
.pcc-budget-page .pcc-account-overview-card { display:grid; gap:10px; }
.pcc-budget-page .pcc-budget-account-balance-grid { row-gap: 18px !important; }
.pcc-year-table-wrap { width:100%; overflow-x:auto; }
.pcc-budget-year-table-simple { width:100%; border-collapse:separate; border-spacing:0 10px; min-width: 850px; }
.pcc-budget-year-table-simple th { text-align:left; font-size:.75rem; text-transform:uppercase; letter-spacing:.08em; color:#9b8d7d; padding:0 14px 6px; }
.pcc-budget-year-table-simple td { background:#fffaf3; border-top:1px solid var(--pcc-border, #eadfce); border-bottom:1px solid var(--pcc-border, #eadfce); padding:14px; }
.pcc-budget-year-table-simple td:first-child { border-left:1px solid var(--pcc-border, #eadfce); border-radius:16px 0 0 16px; }
.pcc-budget-year-table-simple td:last-child { border-right:1px solid var(--pcc-border, #eadfce); border-radius:0 16px 16px 0; }
.pcc-budget-year-table-simple .positive { color:#2b8a3e; font-weight:900; }
.pcc-budget-year-table-simple .negative { color:#ff6500; font-weight:900; }

/* v2.7 Budget Planner polish */
.pcc-budget-page .pcc-budget-accounts-panel {
  margin-bottom: 46px !important;
}
.pcc-budget-page .pcc-budget-accounts-panel + .pcc-budget-graphs,
.pcc-budget-page .pcc-budget-graphs {
  margin-top: 34px !important;
  gap: 22px !important;
}
.pcc-budget-page .pcc-budget-accounts-panel .pcc-card {
  padding: 22px !important;
  margin-bottom: 0 !important;
}
.pcc-budget-page .pcc-budget-account-balance-grid {
  gap: 18px !important;
  padding-bottom: 6px !important;
}
.pcc-budget-page .pcc-accounts-overview-section {
  margin-top: 18px !important;
}
.pcc-budget-page .pcc-budget-account-rollup {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
  gap: 14px !important;
  margin-bottom: 26px !important;
}
.pcc-budget-page .pcc-budget-account-rollup .pcc-metric-card {
  min-height: 124px !important;
  text-align: center !important;
}
.pcc-budget-page .pcc-account-overview-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
}
.pcc-budget-page .pcc-account-overview-card {
  display: grid !important;
  gap: 12px !important;
  background: #fffaf3 !important;
  border: 1px solid var(--pcc-sand, #eadfce) !important;
  border-radius: 20px !important;
  padding: 18px !important;
  box-shadow: 0 10px 24px rgba(11,11,29,.055) !important;
}
.pcc-budget-page .pcc-account-overview-card.debt {
  border-color: rgba(251, 53, 170, .45) !important;
  background: rgba(251, 53, 170, .065) !important;
}
.pcc-budget-page .pcc-account-overview-card.cash {
  border-color: var(--pcc-sand, #eadfce) !important;
}
.pcc-budget-page .pcc-account-overview-card h4 {
  margin: 4px 0 2px !important;
  font-size: 1.08rem !important;
  line-height: 1.2 !important;
}
.pcc-budget-page .pcc-account-overview-card > strong {
  display: block !important;
  font-size: 1.55rem !important;
  color: var(--pcc-night, #0b0b1d) !important;
  margin: 0 !important;
}
.pcc-budget-page .pcc-account-overview-stats {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
  gap: 9px !important;
}
.pcc-budget-page .pcc-account-overview-stats span {
  display: grid !important;
  gap: 3px !important;
  background: rgba(255,255,255,.75) !important;
  border: 1px solid rgba(234,223,206,.95) !important;
  border-radius: 13px !important;
  padding: 10px !important;
  color: var(--pcc-text-light, #8b7b6a) !important;
  font-size: .78rem !important;
  line-height: 1.25 !important;
}
.pcc-budget-page .pcc-account-overview-stats b {
  color: var(--pcc-night, #0b0b1d) !important;
  font-size: .92rem !important;
}
.pcc-budget-year-table-simple {
  table-layout: fixed !important;
  width: 100% !important;
  border-spacing: 0 10px !important;
  min-width: 980px !important;
}
.pcc-budget-year-table-simple th {
  background: rgba(18,185,234,.13) !important;
  color: #075d7a !important;
  padding: 13px 14px !important;
  text-align: center !important;
  border-top: 1px solid rgba(18,185,234,.20) !important;
  border-bottom: 1px solid rgba(18,185,234,.20) !important;
}
.pcc-budget-year-table-simple th:first-child {
  border-left: 1px solid rgba(18,185,234,.20) !important;
  border-radius: 14px 0 0 14px !important;
}
.pcc-budget-year-table-simple th:last-child {
  border-right: 1px solid rgba(18,185,234,.20) !important;
  border-radius: 0 14px 14px 0 !important;
}
.pcc-budget-year-table-simple td {
  text-align: center !important;
  padding: 15px 14px !important;
}
.pcc-budget-year-table-simple td:first-child {
  text-align: left !important;
}
.pcc-budget-year-table-simple td.balance-col {
  background: rgba(18,185,234,.10) !important;
  border-color: rgba(18,185,234,.22) !important;
  font-weight: 950 !important;
}
.pcc-budget-year-table-simple td.saved-col {
  background: rgba(156,255,46,.14) !important;
  border-color: rgba(156,255,46,.28) !important;
  font-weight: 950 !important;
  color: #3d7412 !important;
}
.pcc-year-planner-card .pcc-muted { display: none !important; }
@media(max-width: 760px){
  .pcc-budget-page .pcc-account-overview-grid,
  .pcc-budget-page .pcc-budget-account-rollup { grid-template-columns: 1fr !important; }
}

/* v3.1 quick polish */
.pcc-bulk-btn { background: linear-gradient(135deg, var(--pcc-pink), var(--pcc-orange)); }
.pcc-bulk-add-card { margin-top: 24px; }
.pcc-big-projects-page .pcc-section-title,
.pcc-big-projects-page .pcc-content-hero,
.pcc-big-projects-page .pcc-goal-dashboard { margin-top: 18px; }
.pcc-calendar-past { opacity: .42; filter: grayscale(.2); }
.pcc-calendar-past .pcc-calendar-task { opacity: .75; }
.pcc-today-page { display: grid; gap: 22px; }
.pcc-today-hero { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:24px; }
.pcc-today-hero h1 { margin: 2px 0 4px; font-size: clamp(2.2rem, 6vw, 4.6rem); line-height: .95; letter-spacing: -.06em; }
.pcc-weather-card { min-width: 210px; background: #fffaf2; border:1px solid var(--pcc-sand); border-radius:22px; padding:16px; display:grid; gap:4px; text-align:center; box-shadow: var(--pcc-shadow); }
.pcc-weather-icon { font-size: 2.2rem; }
.pcc-weather-card strong { font-size: 1rem; }
.pcc-weather-card span { color: var(--pcc-text-light); font-size:.84rem; }
.pcc-today-layout { display:grid; grid-template-columns:minmax(250px,.34fr) minmax(0,1fr); gap:22px; align-items:start; }
.pcc-daily-checklist { position: sticky; top: 95px; padding:18px; }
.pcc-daily-checks { display:grid; gap:11px; margin-top:14px; }
.pcc-daily-check-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid var(--pcc-sand); }
.pcc-daily-check-row span { font-weight:800; font-size:.94rem; }
.pcc-daily-boxes { display:flex; gap:5px; flex-wrap:wrap; justify-content:flex-end; }
.pcc-daily-boxes label { display:block; position:relative; width:20px; height:20px; cursor:pointer; }
.pcc-daily-boxes input { opacity:0; position:absolute; inset:0; }
.pcc-daily-boxes em { display:block; width:20px; height:20px; border-radius:7px; border:2px solid var(--pcc-sand); background:white; }
.pcc-daily-boxes input:checked + em { background: linear-gradient(135deg, var(--pcc-cyan), var(--pcc-pink)); border-color: transparent; box-shadow:0 4px 10px rgba(0,0,0,.12); }
.pcc-today-main { display:grid; gap:22px; }
.pcc-today-mini-panel .pcc-card { min-height: 120px; }
.pcc-crm-followup a { display:grid; gap:3px; color:inherit; text-decoration:none; }
.pcc-crm-followup span { color:var(--pcc-text-light); font-size:.84rem; }
.pcc-budget-page .pcc-budget-top-metrics .pcc-metric-card strong,
.pcc-budget-page .pcc-budget-top-metrics .pcc-metric-card { text-align:center; }
@media (max-width: 980px) {
  .pcc-today-layout { grid-template-columns:1fr; }
  .pcc-daily-checklist { position:relative; top:auto; }
  .pcc-today-hero { flex-direction:column; align-items:stretch; }
  .pcc-weather-card { min-width:0; }
}

/* v3.2 refinements */
.pcc-today-hero h1 {
  font-size: clamp(1.9rem, 4vw, 3rem) !important;
  line-height: 1.02;
}
.pcc-today-hero-side {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(160px, .7fr);
  gap: 14px;
  align-items: stretch;
}
.pcc-today-summary-stack {
  display: grid;
  gap: 12px;
}
.pcc-today-summary-card {
  border: 1px solid var(--pcc-sand);
  background: var(--pcc-white);
  border-radius: 18px;
  padding: 14px 16px;
  box-shadow: var(--pcc-shadow);
  text-align: center;
}
.pcc-today-summary-card span {
  display: block;
  color: var(--pcc-text-light);
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 900;
  margin-bottom: 4px;
}
.pcc-today-summary-card strong {
  display: block;
  color: var(--pcc-night);
  font-size: 28px;
  line-height: 1;
}
.pcc-today-main,
.pcc-today-main > section,
.pcc-grid-2-inline,
.pcc-priority-grid {
  align-items: start !important;
}
.pcc-today-main {
  grid-auto-flow: row;
}
.pcc-daily-reset-stats .pcc-reset-stat-line {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  border-bottom: 1px solid var(--pcc-sand);
  padding: 10px 0;
}
.pcc-daily-reset-stats .pcc-reset-stat-line strong {
  font-size: 26px;
  color: var(--pcc-night);
}
.pcc-daily-reset-stats .pcc-reset-stat-line span {
  color: var(--pcc-text-light);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 800;
}
@media (max-width: 980px) {
  .pcc-today-hero-side { grid-template-columns: 1fr; }
}

/* v3.3 CRM upgrade */
.pcc-crm-tabs,
.pcc-tabs {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 18px;
}
.pcc-crm-tabs a,
.pcc-tabs a {
  text-decoration:none;
  color:var(--pcc-text-mid);
  background:var(--pcc-white);
  border:1px solid var(--pcc-sand);
  border-radius:999px;
  padding:9px 13px;
  font-size:13px;
  font-weight:900;
}
.pcc-crm-tabs a:hover,
.pcc-crm-tabs a.active,
.pcc-tabs a:hover,
.pcc-tabs a.active {
  background:var(--pcc-night);
  color:#fff;
  border-color:var(--pcc-night);
}
.pcc-two-col {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:18px;
}
.pcc-crm-pipeline {
  display:grid;
  grid-template-columns:repeat(4,minmax(210px,1fr));
  gap:14px;
  overflow-x:auto;
  padding-bottom:8px;
}
.pcc-pipeline-col {
  background:#fffaf2;
  border:1px solid var(--pcc-sand);
  border-radius:18px;
  padding:12px;
  display:grid;
  gap:10px;
  align-content:start;
}
.pcc-pipeline-col h3 { margin:0; font-size:15px; }
.pcc-pipeline-card {
  background:var(--pcc-white);
  border:1px solid var(--pcc-sand);
  border-left:4px solid var(--pcc-pink);
  border-radius:14px;
  padding:10px;
  display:grid;
  gap:4px;
  box-shadow:var(--pcc-shadow-soft);
}
.pcc-pipeline-card span,
.pcc-pipeline-card small { color:var(--pcc-text-light); font-size:12px; }
.pcc-pipeline-card em { color:var(--pcc-blue); font-weight:900; font-style:normal; }
.pcc-crm-doc-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.pcc-crm-doc-card .pcc-inline-status-form {
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
}
.pcc-crm-doc-card .pcc-inline-status-form input,
.pcc-crm-doc-card .pcc-inline-status-form select { width:100%; }
.pcc-mini-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  background:var(--pcc-blue);
  color:#fff !important;
  border:0;
  border-radius:12px;
  padding:8px 10px;
  font-size:12px;
  font-weight:900;
  text-decoration:none !important;
}
.pcc-crm-card.compact { min-height:auto; }
.pcc-crm-next .pcc-crm-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.pcc-crm-doc-form .pcc-compact-form { grid-template-columns:repeat(3,minmax(0,1fr)); }
.pcc-crm-doc-form .pcc-field-full { grid-column:1/-1; }
.pcc-crm-future .pcc-prompt-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media(max-width:1180px){
  .pcc-crm-doc-grid,
  .pcc-crm-next .pcc-crm-grid,
  .pcc-crm-future .pcc-prompt-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pcc-crm-pipeline { grid-template-columns:repeat(3,minmax(210px,1fr)); }
}
@media(max-width:860px){
  .pcc-two-col,
  .pcc-crm-doc-grid,
  .pcc-crm-doc-form .pcc-compact-form,
  .pcc-crm-next .pcc-crm-grid,
  .pcc-crm-future .pcc-prompt-grid { grid-template-columns:1fr; }
  .pcc-crm-pipeline { grid-template-columns:repeat(1,minmax(240px,1fr)); }
}

/* v3.4 CRM enhancements */
.pcc-crm-pipeline-wide { width: 100%; }
.pcc-crm-under-pipeline { margin-top: 18px; align-items: stretch; }
.pcc-crm-doc-hub { display:flex; gap:8px; flex-wrap:wrap; margin:10px 0; }
.pcc-crm-doc-hub a { border:1px solid var(--pcc-line, #eadfce); background:#fffaf2; border-radius:999px; padding:7px 10px; font-size:.8rem; font-weight:800; text-decoration:none; color:#0b0b1d; }
.pcc-crm-template-actions, .pcc-crm-doc-actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; align-items:center; }
.pcc-crm-doc-actions form { margin:0; }
.pcc-crm-line-items { display:grid; gap:10px; width:100%; }
.pcc-crm-line-row { display:grid; grid-template-columns: minmax(180px, 1fr) minmax(120px, .45fr) auto; gap:10px; align-items:center; }
.pcc-crm-line-row select, .pcc-crm-line-row input { width:100%; }
.pcc-template-button { border:1px solid var(--pcc-line, #eadfce); background:#fffdf8; border-radius:18px; padding:14px 16px; display:grid; gap:4px; text-align:left; box-shadow:0 8px 18px rgba(11,11,29,.05); color:#0b0b1d; }
.pcc-template-button strong { font-size:1rem; }
.pcc-template-button span { color:#70695f; font-size:.82rem; }
.pcc-crm-template-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); gap:12px; }
@media(max-width:760px){ .pcc-crm-line-row{ grid-template-columns:1fr; } }

/* v3.5 CRM profile + invoice tracker enhancements */
.pcc-crm-metrics .pcc-metric-card { text-align:center; }
.pcc-crm-profile-grid { grid-template-columns:repeat(auto-fit, minmax(360px, 1fr)); }
.pcc-crm-profile-card,
.pcc-crm-doc-card-wide {
  display:grid;
  grid-template-columns:96px 1fr;
  gap:18px;
  align-items:start;
  min-height:auto;
  background:var(--pcc-white);
}
.pcc-crm-avatar {
  width:92px;
  height:92px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:2rem;
  font-weight:950;
  color:var(--pcc-night);
  background:linear-gradient(135deg, rgba(251,53,170,.4), rgba(18,185,234,.3), rgba(156,255,46,.35));
  box-shadow:0 10px 25px rgba(11,11,29,.08);
}
.pcc-crm-profile-main { display:grid; gap:12px; min-width:0; }
.pcc-crm-profile-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.pcc-crm-profile-head h3 { margin:0; font-size:1.25rem; }
.pcc-crm-head-tags { display:flex; gap:7px; flex-wrap:wrap; justify-content:flex-end; }
.pcc-status-pill.danger { background:rgba(255,75,63,.14); color:#c22a1f; border-color:rgba(255,75,63,.25); }
.pcc-crm-profile-details { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px 16px; }
.pcc-crm-profile-details span { color:var(--pcc-text-mid); font-size:.88rem; }
.pcc-crm-client-list { display:grid; gap:14px; }
.pcc-crm-client-card-full { grid-template-columns:110px 1fr; width:100%; }
.pcc-crm-client-mini-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.pcc-crm-client-mini-metrics div {
  border:1px solid var(--pcc-sand);
  background:#fffaf2;
  border-radius:14px;
  padding:10px;
  display:grid;
  gap:3px;
}
.pcc-crm-client-mini-metrics span { color:var(--pcc-text-light); font-size:.72rem; text-transform:uppercase; letter-spacing:.08em; font-weight:900; }
.pcc-crm-client-mini-metrics strong { font-size:1rem; color:var(--pcc-night); }
.pcc-crm-monthly-sent { margin:0; }
.pcc-crm-monthly-sent label {
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid var(--pcc-sand);
  border-radius:999px;
  background:#fffaf2;
  padding:8px 12px;
  font-size:.84rem;
  font-weight:850;
}
.pcc-crm-letter-nav {
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin:0 0 14px;
  padding:9px;
  background:#fffaf2;
  border:1px solid var(--pcc-sand);
  border-radius:18px;
}
.pcc-crm-letter-nav a,
.pcc-crm-letter-nav span {
  width:26px;
  height:26px;
  border-radius:50%;
  display:grid;
  place-items:center;
  text-decoration:none;
  font-size:.78rem;
  font-weight:900;
}
.pcc-crm-letter-nav a { background:rgba(251,53,170,.12); color:#b91674; }
.pcc-crm-letter-nav span { color:rgba(11,11,29,.28); }
.pcc-crm-doc-list { display:grid; gap:14px; }
.pcc-crm-line-row { grid-template-columns:minmax(180px, 1fr) minmax(150px, .55fr) minmax(120px, .45fr) auto; }
.pcc-crm-line-row select,
.pcc-crm-line-row input { width:100%; }
.pcc-table-scroll { overflow:auto; border:1px solid var(--pcc-sand); border-radius:18px; background:var(--pcc-white); }
.pcc-crm-invoice-table { width:100%; border-collapse:collapse; min-width:920px; }
.pcc-crm-invoice-table th,
.pcc-crm-invoice-table td { padding:13px 14px; border-bottom:1px solid var(--pcc-sand); text-align:left; }
.pcc-crm-invoice-table th { background:rgba(18,185,234,.12); color:var(--pcc-night); font-weight:950; }
.pcc-crm-invoice-table tr:last-child td { border-bottom:0; }
.pcc-crm-pipeline { grid-template-columns:repeat(auto-fit, minmax(210px, 1fr)); }
@media(max-width:900px){
  .pcc-crm-profile-card,
  .pcc-crm-doc-card-wide,
  .pcc-crm-client-card-full { grid-template-columns:1fr; }
  .pcc-crm-avatar { width:74px; height:74px; font-size:1.45rem; }
  .pcc-crm-profile-head { flex-direction:column; }
  .pcc-crm-head-tags { justify-content:flex-start; }
  .pcc-crm-profile-details,
  .pcc-crm-client-mini-metrics { grid-template-columns:1fr; }
  .pcc-crm-line-row { grid-template-columns:1fr; }
}

/* v3.6 Settings + responsive sidebar improvements */
.pcc-sidebar {
  height: 100vh;
  max-height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.24) transparent;
}
.pcc-sidebar::-webkit-scrollbar { width: 7px; }
.pcc-sidebar::-webkit-scrollbar-thumb { background: rgba(255,255,255,.24); border-radius: 999px; }
.pcc-sidebar::-webkit-scrollbar-track { background: transparent; }
.pcc-nav a { min-height: 38px; }
@media (max-height: 780px) and (min-width: 821px) {
  .pcc-sidebar { padding: 14px 0; }
  .pcc-logo-card { padding: 0 16px 12px; }
  .pcc-logo-word { font-size: 15px; }
  .pcc-logo-sub { font-size: 9px; margin-top: 3px; }
  .pcc-nav { margin-top: 10px; gap: 0; }
  .pcc-nav a { padding: 7px 16px; font-size: 12.5px; min-height: 31px; }
  .pcc-nav a span { width: 15px; font-size: 12px; }
  .pcc-sidebar-note { margin: 12px 16px 0; padding: 10px; font-size: 11px; }
}
@media (max-width: 820px) {
  .pcc-sidebar { max-height: 48vh; overflow-y: auto; }
  .pcc-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.pcc-settings-page .pcc-content-hero { margin-bottom: 16px; }
.pcc-settings-tabs { margin: 0 0 18px; flex-wrap: wrap; }
.pcc-settings-form { display: grid; gap: 18px; }
.pcc-settings-panel .pcc-section-title { margin-bottom: 14px; }
.pcc-settings-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.pcc-settings-field {
  display: grid;
  gap: 7px;
  font-weight: 800;
  color: var(--pcc-text-mid);
}
.pcc-settings-field > span {
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--pcc-text-light);
}
.pcc-settings-field input,
.pcc-settings-field select {
  width: 100%;
  border: 1px solid var(--pcc-sand);
  background: #fffaf2;
  border-radius: 12px;
  padding: 11px 12px;
}
.pcc-settings-field input[type="color"] {
  height: 46px;
  padding: 5px;
}
.pcc-settings-field small,
.pcc-settings-check,
.pcc-settings-wide { color: var(--pcc-text-light); font-size: 13px; }
.pcc-settings-check {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 12px;
  border: 1px solid var(--pcc-sand);
  border-radius: 14px;
  background: #fffaf2;
  font-weight: 800;
}
.pcc-settings-wide { grid-column: 1 / -1; }
.pcc-settings-wide strong { color: var(--pcc-text-dark); }
.pcc-theme-presets {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.pcc-theme-preset {
  border: 1px solid var(--pcc-sand);
  border-radius: 16px;
  background: #fffaf2;
  padding: 16px;
  font-weight: 950;
  color: var(--pcc-text-dark);
}
.pcc-theme-preset:hover {
  border-color: var(--pcc-pink);
  box-shadow: 0 0 0 4px rgba(244,54,169,.09);
}
.pcc-settings-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  position: sticky;
  bottom: 0;
  z-index: 5;
  padding: 14px;
  border: 1px solid var(--pcc-sand);
  border-radius: 18px;
  background: color-mix(in srgb, var(--pcc-white) 92%, transparent);
  backdrop-filter: blur(10px);
}
.pcc-settings-backup-actions { display: flex; gap: 10px; flex-wrap: wrap; margin: 12px 0; }
@media (max-width: 1000px) {
  .pcc-settings-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pcc-theme-presets { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .pcc-settings-grid,
  .pcc-theme-presets { grid-template-columns: 1fr; }
  .pcc-settings-actions { position: static; }
}

/* v3.7 newsletter planning tabs + analytics refinements */
.pcc-news-summary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(150px, 1fr));
  gap: 12px;
  min-width: 320px;
}
.pcc-news-summary-grid .pcc-summary-card {
  text-align: center;
  padding: 14px 16px;
}
.pcc-news-summary-grid .pcc-summary-card span {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--pcc-text-light, #8c7b6b);
  font-weight: 900;
}
.pcc-news-summary-grid .pcc-summary-card strong {
  display: block;
  font-size: 26px;
  margin-top: 4px;
}
.pcc-news-tab-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  background: rgba(255,255,255,.7);
  border: 1px solid #eadfd0;
  border-radius: 18px;
  padding: 10px;
}
.pcc-news-tab-row .pcc-tab-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 10px 16px;
  border-radius: 14px;
  text-decoration: none;
  font-weight: 900;
  color: #5a4e42;
  background: #fff7ec;
  border: 1px solid #eadfd0;
}
.pcc-news-tab-row .pcc-tab-link.active {
  background: #fb3aa7;
  color: white;
  border-color: #fb3aa7;
  box-shadow: 0 10px 22px rgba(251,58,167,.18);
}
.pcc-news-date-main-fields { display: none; }
.pcc-newsletter-form[data-type="dates"] .pcc-news-date-main-fields { display: grid; }
.pcc-news-entry-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  align-items: start;
}
.pcc-news-section-cover-image .pcc-news-entry-grid,
.pcc-news-section-leadership-message .pcc-news-entry-grid,
.pcc-news-section-team-updates .pcc-news-entry-grid,
.pcc-news-section-mind-matters .pcc-news-entry-grid,
.pcc-news-section-cyber-security .pcc-news-entry-grid,
.pcc-news-section-get-to-know-the-team .pcc-news-entry-grid,
.pcc-news-section-friday-games .pcc-news-entry-grid,
.pcc-news-section-important-dates .pcc-news-entry-grid {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
.pcc-news-section-cover-image .pcc-news-media-grid {
  grid-template-columns: repeat(auto-fit, minmax(120px, 180px));
}
.pcc-news-entry.is-added {
  opacity: .32;
  border-color: #8cc63f;
  filter: grayscale(.08);
}
.pcc-news-actions {
  gap: 8px;
  flex-wrap: wrap;
}
.pcc-news-actions .pcc-btn,
.pcc-news-actions .pcc-btn-light,
.pcc-news-actions button {
  padding: 7px 10px !important;
  min-height: auto !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}
.pcc-news-status-form select {
  font-size: 11px;
  padding: 5px 8px;
}
.pcc-news-analytics-form {
  display: grid;
  gap: 16px;
  margin-top: 18px;
}
.pcc-news-important-dates .pcc-news-mini-cal {
  max-width: none;
}
@media (max-width: 760px) {
  .pcc-news-intro { align-items: stretch; }
  .pcc-news-summary-grid { min-width: 0; grid-template-columns: 1fr; }
  .pcc-news-tab-row .pcc-tab-link { flex: 1 1 100%; }
}

/* v3.9 priority panels + big project hierarchy refinements */
.pcc-panel-kopper .pcc-card,
.pcc-panel-click .pcc-card {
  border-top: 4px solid var(--pcc-accent-primary, #fb35aa);
}
.pcc-panel-click .pcc-card {
  border-top-color: var(--pcc-accent-secondary, #12b9ea);
}
.pcc-hier-project-editor {
  display: grid;
  gap: 16px;
}
.pcc-project-milestone-editor {
  border: 1px solid var(--pcc-border, #eadfce);
  background: rgba(255,255,255,.55);
  border-radius: 18px;
  padding: 14px;
  display: grid;
  gap: 10px;
}
.pcc-project-subtask-list {
  display: grid;
  gap: 8px;
  margin-left: 18px;
}
.pcc-plan-row {
  gap: 10px;
  align-items: center;
}
.pcc-plan-row-milestone {
  background: rgba(251,53,170,.06);
  border-radius: 14px;
  padding: 10px;
}
.pcc-plan-row-subtask {
  background: rgba(18,185,234,.06);
  border-radius: 14px;
  padding: 9px;
}
.pcc-plan-row-new-subtask textarea,
.pcc-project-add-milestones textarea {
  width: 100%;
  min-height: 74px;
}
.pcc-project-next-box {
  margin: 12px 0;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(18,185,234,.08);
  border: 1px solid rgba(18,185,234,.18);
  display: grid;
  gap: 4px;
}
.pcc-project-next-box span {
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 900;
  color: var(--pcc-muted, #8c7b6b);
}
.pcc-project-next-box strong { color: var(--pcc-text, #0b0b1d); }
.pcc-project-plan-preview {
  margin: 14px 0;
  display: grid;
  gap: 10px;
}
.pcc-plan-preview-milestone {
  border: 1px solid var(--pcc-border, #eadfce);
  border-radius: 16px;
  padding: 12px;
  background: rgba(255,255,255,.5);
}
.pcc-plan-preview-title {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.pcc-plan-preview-title small,
.pcc-plan-preview-subtasks small {
  color: var(--pcc-muted, #8c7b6b);
  margin-left: 6px;
}
.pcc-plan-preview-subtasks {
  margin: 8px 0 0 24px;
  padding: 0;
  display: grid;
  gap: 4px;
}
.pcc-plan-preview-subtasks li {
  list-style: none;
}
.pcc-plan-preview-milestone.is-complete,
.pcc-plan-preview-subtasks li.is-complete {
  opacity: .58;
  text-decoration: line-through;
}
@media (max-width: 820px) {
  .pcc-project-subtask-list { margin-left: 0; }
  .pcc-plan-row { grid-template-columns: 1fr; }
}

/* v4.0 refinements */
.pcc-smart-task-form [data-pcc-range-field],
.pcc-smart-task-form [data-pcc-cover-field],
.pcc-smart-task-form [data-pcc-milestones-field],
.pcc-smart-task-form [data-pcc-client-field]{display:none;}
.pcc-big-project-toggle-top{background:rgba(251,53,170,.08);border:1px solid rgba(251,53,170,.2);border-radius:var(--pcc-radius);padding:14px;}
.pcc-today-hero{padding:16px 18px!important;min-height:unset!important;align-items:center;}
.pcc-today-hero-date h1{font-size:clamp(2.2rem,5vw,4.2rem)!important;margin:.05em 0!important;}
.pcc-today-hero-side{align-items:stretch;}
.pcc-gratitude-card{margin-top:14px;}
.pcc-gratitude-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;}
.pcc-gratitude-grid input{border:1px solid var(--pcc-sand);border-radius:14px;padding:12px;background:#fffaf2;}
.pcc-gratitude-archive{display:grid;gap:12px;}
.pcc-gratitude-entry{border:1px solid var(--pcc-sand);border-radius:18px;background:var(--pcc-white);padding:14px;}
.pcc-gratitude-entry ul{margin:.6rem 0 0 1.1rem;}
.pcc-goal-step button{width:24px!important;height:24px!important;min-width:24px!important;border-width:2px!important;}
.pcc-goal-step{gap:8px!important;}
.pcc-project-quick-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0;}
.pcc-project-quick-metrics .pcc-metric-card{padding:12px!important;}
.pcc-project-plan-preview{margin-top:14px;}
.pcc-plan-preview-milestone{background:#fffaf2;border:1px solid var(--pcc-sand);border-radius:18px;padding:12px;margin-bottom:10px;}
.pcc-plan-preview-subtasks{display:grid;gap:6px;margin:10px 0 0 0;padding-left:0;list-style:none;}
.pcc-plan-preview-subtasks li{display:flex;gap:8px;align-items:center;border:1px dashed rgba(11,11,29,.12);border-radius:12px;padding:7px 8px;background:#fff;}
.pcc-meal-hero{padding:14px 16px!important;align-items:center!important;}
.pcc-meal-hero form{display:flex;gap:8px;align-items:end;flex-wrap:wrap;}
.pcc-meal-hero form .pcc-field{margin:0!important;}
.pcc-meal-day{position:relative;}
.pcc-meal-day-add{display:flex;justify-content:space-between;align-items:center;color:inherit;text-decoration:none;margin-bottom:5px;}
.pcc-meal-day-add span{font-size:.68rem;color:var(--pcc-pink);font-weight:800;}
.pcc-content-edit-details,.pcc-crm-edit-details{margin-top:12px;background:#fffaf2;border:1px solid var(--pcc-sand);border-radius:14px;padding:10px;}
.pcc-content-edit-details summary,.pcc-crm-edit-details summary{font-weight:900;cursor:pointer;}
@media(max-width:900px){.pcc-gratitude-grid,.pcc-project-quick-metrics{grid-template-columns:1fr}.pcc-today-hero{grid-template-columns:1fr!important}}

/* v4.2 refinements */
.pcc-cat-progress-card.pcc-cat-progress-complete{
  background: linear-gradient(135deg, var(--pcc-accent-tertiary, #9CFF2E), #7bd66b) !important;
  color: #0b0b1d !important;
  border-color: transparent !important;
}
.pcc-cat-progress-card.pcc-cat-progress-complete .pcc-progress-wrap{background: rgba(255,255,255,.45) !important;}
.pcc-cat-progress-card.pcc-cat-progress-complete .pcc-progress-bar{background:#0b0b1d !important;}

.pcc-big-project-toggle-top .pcc-checkbox-line,
.pcc-capture-form .pcc-checkbox-line{
  justify-content:flex-start !important;
  text-align:left !important;
}
.pcc-capture-form .pcc-btn{align-self:flex-start;}

.pcc-today-hero{padding:18px 20px !important; min-height:auto !important;}
.pcc-today-hero-date h1{font-size:clamp(2.4rem,5vw,4.6rem) !important; line-height:.95 !important; margin:4px 0 8px !important;}
.pcc-today-hero-side{display:grid !important; grid-template-columns:minmax(150px, 1.2fr) repeat(2, minmax(120px,.7fr)) !important; gap:12px !important; align-items:stretch !important;}
.pcc-today-summary-stack{display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important;}
.pcc-today-summary-card{min-height:74px !important; padding:12px !important;}
.pcc-weather-card{min-height:120px !important; padding:14px !important;}
.pcc-gratitude-compact{max-width:520px; padding:14px 16px !important; margin-bottom:16px;}
.pcc-gratitude-form{display:grid; gap:8px;}
.pcc-gratitude-form input{padding:9px 11px !important; min-height:38px !important;}
.pcc-gratitude-form .pcc-btn{justify-self:start;}
.pcc-gratitude-saved ol{margin:8px 0 0 20px; padding:0;}
.pcc-gratitude-saved li{margin:4px 0; color:var(--pcc-text, #0b0b1d);}
@media (max-width:900px){.pcc-today-hero-side{grid-template-columns:1fr !important}.pcc-today-summary-stack{grid-template-columns:1fr 1fr !important}}

.pcc-goal-card .pcc-goal-step input[type="checkbox"],
.pcc-goal-card input[type="checkbox"],
.pcc-plan-check input[type="checkbox"]{
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  min-height:18px !important;
  max-width:18px !important;
  max-height:18px !important;
  aspect-ratio:1/1 !important;
  border-radius:999px !important;
  flex:0 0 18px !important;
}

.pcc-project-plan-preview.pcc-project-plan-page .pcc-project-milestone,
.pcc-project-milestone-editor{
  border:1px solid var(--pcc-border, #eadfce);
  border-radius:18px;
  background:rgba(255,255,255,.68);
  padding:14px;
  margin-bottom:12px;
}
.pcc-project-subtask-list{display:grid; gap:8px; margin-top:10px;}
.pcc-project-subtask-preview,
.pcc-plan-row-subtask{display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center;}
.pcc-plan-row-milestone{display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center;}
.pcc-plan-row-new-subtask textarea,
.pcc-project-add-milestones textarea{width:100%;}

.pcc-recipe-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:14px;}
.pcc-recipe-card{border:1px solid var(--pcc-border, #eadfce); border-radius:18px; padding:16px; background:var(--pcc-card, #fff);}
.pcc-meal-calendar-head,.pcc-meal-calendar-grid{print-color-adjust:exact; -webkit-print-color-adjust:exact;}
@media print{
  .pcc-sidebar,.pcc-topbar,.pcc-meal-hero,.pcc-meal-metrics,.pcc-meal-tabs,.pcc-section-header .pcc-btn{display:none !important;}
  .pcc-main,.pcc-page-content,.pcc-wrap{margin:0 !important; padding:0 !important; width:100% !important;}
  .pcc-panel{box-shadow:none !important; border:0 !important;}
}

/* v4.3 task capture modes + task modal */
.pcc-task-mode-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:18px 0 24px}
.pcc-task-mode-btn{border:1px solid var(--pcc-border,#eadfce);background:var(--pcc-card,#fffdf8);border-radius:18px;padding:14px 16px;text-align:left;font-weight:900;color:var(--pcc-text,#0b0b1d);box-shadow:0 8px 22px rgba(11,11,29,.05);cursor:pointer}
.pcc-task-mode-btn span{display:block;font-weight:600;color:var(--pcc-muted,#70695f);font-size:.78rem;margin-top:4px}
.pcc-task-mode-btn.active{border-color:var(--pcc-accent,#fb35aa);box-shadow:inset 5px 0 0 var(--pcc-accent,#fb35aa),0 12px 28px rgba(11,11,29,.08)}
.pcc-mode-bulk-panel .pcc-bulk-add-card{margin-top:0}
.pcc-task-title.pcc-task-open{border:0;background:transparent;padding:0;margin:0;color:inherit;font:inherit;font-weight:900;text-align:left;cursor:pointer;text-decoration:none}
.pcc-task-title.pcc-task-open:hover{color:var(--pcc-accent,#fb35aa)}
.pcc-task-modal{position:fixed;inset:0;z-index:99999;display:none}
.pcc-task-modal.is-open{display:block}
.pcc-task-modal-backdrop{position:absolute;inset:0;background:rgba(8,8,25,.55);backdrop-filter:blur(3px)}
.pcc-task-modal-panel{position:absolute;right:24px;top:24px;bottom:24px;width:min(1040px,calc(100vw - 48px));overflow:auto;background:var(--pcc-bg,#fff7ec);border-radius:26px;border:1px solid var(--pcc-border,#eadfce);box-shadow:0 30px 80px rgba(0,0,0,.28);padding:28px}
.pcc-modal-open{overflow:hidden}
.pcc-modal-close{position:sticky;top:0;float:right;z-index:2;border:0;width:42px;height:42px;border-radius:50%;background:var(--pcc-card,#fffdf8);font-size:26px;line-height:1;box-shadow:0 10px 25px rgba(11,11,29,.1);cursor:pointer}
.pcc-task-modal-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px;border-bottom:1px solid var(--pcc-border,#eadfce);padding-bottom:18px}
.pcc-task-modal-head h2{font-size:clamp(1.6rem,4vw,2.5rem);margin:10px 0 4px;line-height:1.05}
.pcc-task-modal-head p{margin:0;color:var(--pcc-muted,#70695f)}
.pcc-modal-progress{min-width:110px;text-align:center;background:var(--pcc-card,#fffdf8);border:1px solid var(--pcc-border,#eadfce);border-radius:20px;padding:14px}
.pcc-modal-progress strong{display:block;font-size:1.6rem}.pcc-modal-progress span{font-size:.75rem;color:var(--pcc-muted,#70695f);font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.pcc-modal-description{background:var(--pcc-card,#fffdf8);border:1px solid var(--pcc-border,#eadfce);border-radius:18px;padding:14px 16px;margin-bottom:16px;color:var(--pcc-muted,#70695f)}
.pcc-task-modal .pcc-edit-card{box-shadow:none;border:0;background:transparent;padding:0}.pcc-task-modal .pcc-edit-card>.pcc-section-header{display:none}.pcc-task-modal .pcc-edit-form{background:transparent;padding:0;border:0;box-shadow:none}
.pcc-subtask-sheet{display:grid;gap:10px}.pcc-subtask-edit-row{display:grid;grid-template-columns:auto minmax(0,1fr) 170px;gap:10px;align-items:center;background:var(--pcc-card,#fffdf8);border:1px solid var(--pcc-border,#eadfce);border-radius:14px;padding:10px}.pcc-mini-check{display:inline-flex;align-items:center}.pcc-mini-check input{position:absolute;opacity:0}.pcc-mini-check span{width:24px;height:24px;border:2px solid var(--pcc-border,#eadfce);border-radius:50%;display:block;background:#fff}.pcc-mini-check input:checked+span{background:var(--pcc-accent-3,#9cff2e);border-color:var(--pcc-accent-3,#9cff2e);box-shadow:inset 0 0 0 5px #fff}.pcc-plan-new-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--pcc-muted,#70695f)}
.pcc-project-milestone-editor{background:var(--pcc-card,#fffdf8);border:1px solid var(--pcc-border,#eadfce);border-radius:18px;padding:14px;margin-bottom:14px}.pcc-plan-row{display:grid;grid-template-columns:auto minmax(0,1fr) 170px;gap:10px;align-items:center;margin-bottom:10px}.pcc-plan-row-milestone{border-bottom:1px solid var(--pcc-border,#eadfce);padding-bottom:12px}.pcc-plan-check{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--pcc-muted,#70695f)}.pcc-plan-row-subtask{margin-left:22px}.pcc-plan-row-new-subtask{grid-template-columns:120px 1fr;margin-left:22px}.pcc-plan-row-new-milestone{grid-template-columns:1fr 170px}
@media(max-width:760px){.pcc-task-modal-panel{inset:0;width:100%;border-radius:0;padding:18px}.pcc-task-modal-head{display:block}.pcc-modal-progress{margin-top:12px}.pcc-subtask-edit-row,.pcc-plan-row{grid-template-columns:1fr}.pcc-plan-row-subtask,.pcc-plan-row-new-subtask{margin-left:0}.pcc-task-mode-picker{grid-template-columns:1fr}}


/* v4.4 modal centering and horizontal overflow fixes */
.pcc-task-modal{
  align-items:center !important;
  justify-content:center !important;
  padding:20px !important;
}
.pcc-task-modal.is-open{
  display:flex !important;
}
.pcc-task-modal-backdrop{
  position:fixed !important;
}
.pcc-task-modal-panel{
  position:relative !important;
  inset:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  left:auto !important;
  width:min(1120px, calc(100vw - 40px)) !important;
  max-width:1120px !important;
  max-height:calc(100vh - 40px) !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  margin:auto !important;
  box-sizing:border-box !important;
}
.pcc-task-modal-panel *,
.pcc-task-modal-panel *::before,
.pcc-task-modal-panel *::after{
  box-sizing:border-box !important;
  max-width:100%;
}
.pcc-task-modal .pcc-edit-form,
.pcc-task-modal .pcc-field,
.pcc-task-modal input,
.pcc-task-modal select,
.pcc-task-modal textarea{
  min-width:0 !important;
  max-width:100% !important;
}
.pcc-task-modal .pcc-edit-form{
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  overflow:hidden !important;
}
.pcc-task-modal .pcc-subtask-edit-row{
  grid-template-columns:28px minmax(0,1fr) minmax(150px,170px) !important;
}
.pcc-task-modal .pcc-plan-row{
  grid-template-columns:auto minmax(0,1fr) minmax(150px,170px) !important;
}
.pcc-task-modal .pcc-plan-row-subtask,
.pcc-task-modal .pcc-plan-row-new-subtask{
  margin-left:18px !important;
  min-width:0 !important;
}
.pcc-task-modal-head{
  min-width:0 !important;
}
.pcc-modal-close{
  position:sticky !important;
  top:0 !important;
  right:0 !important;
  float:right !important;
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  min-height:44px !important;
  max-width:44px !important;
  max-height:44px !important;
  flex:0 0 44px !important;
  aspect-ratio:1/1 !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  padding:0 !important;
  text-align:center !important;
  overflow:hidden !important;
}
.pcc-modal-close:hover,
.pcc-modal-close:focus{
  border-radius:999px !important;
  transform:none !important;
}
@media(max-width:980px){
  .pcc-task-modal .pcc-edit-form{grid-template-columns:repeat(2, minmax(0,1fr)) !important;}
}
@media(max-width:760px){
  .pcc-task-modal{padding:0 !important;align-items:stretch !important;}
  .pcc-task-modal-panel{
    width:100% !important;
    max-width:100% !important;
    height:100vh !important;
    max-height:100vh !important;
    border-radius:0 !important;
    padding:18px !important;
  }
  .pcc-task-modal .pcc-edit-form,
  .pcc-task-modal .pcc-subtask-edit-row,
  .pcc-task-modal .pcc-plan-row{
    grid-template-columns:1fr !important;
  }
  .pcc-task-modal .pcc-plan-row-subtask,
  .pcc-task-modal .pcc-plan-row-new-subtask{
    margin-left:0 !important;
  }
}


/* v4.5 Big Projects: match task modal subtask sheet look */
.pcc-big-projects-page .pcc-big-project-inline-editor .pcc-project-plan-form,
.pcc-big-projects-page .pcc-project-plan-form{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin-top:14px !important;
}
.pcc-big-projects-page .pcc-project-plan-form > .pcc-section-subtitle{
  margin:0 0 10px !important;
}
.pcc-big-projects-page .pcc-project-plan-editor,
.pcc-big-projects-page .pcc-hier-project-editor{
  display:grid !important;
  gap:14px !important;
}
.pcc-big-projects-page .pcc-project-milestone-editor,
.pcc-task-modal .pcc-project-milestone-editor{
  background:var(--pcc-card,#fffdf8) !important;
  border:1px solid var(--pcc-border,#eadfce) !important;
  border-radius:18px !important;
  padding:12px !important;
  margin:0 0 14px !important;
  box-shadow:0 8px 22px rgba(11,11,29,.04) !important;
}
.pcc-big-projects-page .pcc-plan-row,
.pcc-task-modal .pcc-plan-row{
  width:100% !important;
  display:grid !important;
  grid-template-columns:28px minmax(0,1fr) minmax(145px,170px) !important;
  gap:10px !important;
  align-items:center !important;
  margin:0 !important;
  box-sizing:border-box !important;
}
.pcc-big-projects-page .pcc-plan-row-milestone,
.pcc-task-modal .pcc-plan-row-milestone{
  background:rgba(251,53,170,.06) !important;
  border:1px solid rgba(251,53,170,.18) !important;
  border-radius:16px !important;
  padding:10px !important;
  margin-bottom:10px !important;
}
.pcc-big-projects-page .pcc-project-subtask-list,
.pcc-task-modal .pcc-project-subtask-list{
  display:grid !important;
  gap:9px !important;
  margin:10px 0 0 0 !important;
  padding-left:0 !important;
}
.pcc-big-projects-page .pcc-plan-row-subtask,
.pcc-task-modal .pcc-plan-row-subtask{
  background:var(--pcc-card,#fffdf8) !important;
  border:1px solid var(--pcc-border,#eadfce) !important;
  border-radius:14px !important;
  padding:10px !important;
  margin-left:0 !important;
}
.pcc-big-projects-page .pcc-plan-main-field,
.pcc-task-modal .pcc-plan-main-field{
  display:grid !important;
  gap:4px !important;
  min-width:0 !important;
}
.pcc-big-projects-page .pcc-plan-row-label,
.pcc-task-modal .pcc-plan-row-label{
  font-size:.68rem !important;
  text-transform:uppercase !important;
  letter-spacing:.1em !important;
  font-weight:950 !important;
  color:var(--pcc-muted,#70695f) !important;
}
.pcc-big-projects-page .pcc-plan-row input[type="text"],
.pcc-big-projects-page .pcc-plan-row input[type="date"],
.pcc-task-modal .pcc-plan-row input[type="text"],
.pcc-task-modal .pcc-plan-row input[type="date"]{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  border:1px solid var(--pcc-border,#eadfce) !important;
  border-radius:12px !important;
  background:#fffaf2 !important;
  min-height:42px !important;
  padding:9px 11px !important;
  box-sizing:border-box !important;
}
.pcc-big-projects-page .pcc-plan-row-subtask input[type="text"],
.pcc-task-modal .pcc-plan-row-subtask input[type="text"]{
  background:#fffaf2 !important;
}
.pcc-big-projects-page .pcc-mini-check,
.pcc-task-modal .pcc-mini-check{
  width:26px !important;
  height:26px !important;
  min-width:26px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
}
.pcc-big-projects-page .pcc-mini-check span,
.pcc-task-modal .pcc-mini-check span{
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  min-height:24px !important;
  border-radius:50% !important;
}
.pcc-big-projects-page .pcc-plan-row-new-subtask,
.pcc-task-modal .pcc-plan-row-new-subtask{
  display:grid !important;
  grid-template-columns:120px minmax(0,1fr) !important;
  gap:10px !important;
  align-items:start !important;
  margin:10px 0 0 0 !important;
  background:rgba(18,185,234,.06) !important;
  border:1px dashed rgba(18,185,234,.25) !important;
  border-radius:14px !important;
  padding:10px !important;
}
.pcc-big-projects-page .pcc-project-add-milestones,
.pcc-task-modal .pcc-project-add-milestones{
  background:#fffaf2 !important;
  border:1px dashed #d8c8b5 !important;
  border-radius:18px !important;
  padding:14px !important;
  display:grid !important;
  gap:10px !important;
}
.pcc-big-projects-page .pcc-plan-row-new-milestone,
.pcc-task-modal .pcc-plan-row-new-milestone{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(145px,170px) !important;
  gap:10px !important;
}
.pcc-big-projects-page .pcc-project-add-milestones textarea,
.pcc-big-projects-page .pcc-plan-row-new-subtask textarea,
.pcc-task-modal .pcc-project-add-milestones textarea,
.pcc-task-modal .pcc-plan-row-new-subtask textarea{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  border:1px solid var(--pcc-border,#eadfce) !important;
  border-radius:14px !important;
  background:#fffaf2 !important;
  padding:10px 12px !important;
  box-sizing:border-box !important;
}
.pcc-big-projects-page .pcc-plan-check-icon,
.pcc-task-modal .pcc-plan-check-icon{
  font-size:0 !important;
}
.pcc-big-projects-page .pcc-plan-check-icon input,
.pcc-task-modal .pcc-plan-check-icon input{
  position:absolute !important;
  opacity:0 !important;
}
.pcc-big-projects-page .pcc-plan-check-icon input:checked + span,
.pcc-task-modal .pcc-plan-check-icon input:checked + span{
  background:var(--pcc-accent-3,#9cff2e) !important;
  border-color:var(--pcc-accent-3,#9cff2e) !important;
  box-shadow:inset 0 0 0 5px #fff !important;
}
.pcc-big-projects-page .pcc-plan-preview-subtasks li{
  border:1px solid var(--pcc-border,#eadfce) !important;
  background:var(--pcc-card,#fffdf8) !important;
  border-radius:12px !important;
  padding:8px 10px !important;
}
@media(max-width:760px){
  .pcc-big-projects-page .pcc-plan-row,
  .pcc-task-modal .pcc-plan-row{
    grid-template-columns:28px minmax(0,1fr) !important;
  }
  .pcc-big-projects-page .pcc-plan-row input[type="date"],
  .pcc-task-modal .pcc-plan-row input[type="date"]{
    grid-column:2 / -1 !important;
  }
  .pcc-big-projects-page .pcc-plan-row-new-subtask,
  .pcc-big-projects-page .pcc-plan-row-new-milestone,
  .pcc-task-modal .pcc-plan-row-new-subtask,
  .pcc-task-modal .pcc-plan-row-new-milestone{
    grid-template-columns:1fr !important;
  }
}


/* v4.6 task mode hover/default fixes */
.pcc-task-mode-btn:hover,
.pcc-task-mode-btn:focus-visible{
  background:var(--pcc-accent,#fb35aa) !important;
  border-color:var(--pcc-accent,#fb35aa) !important;
  color:#fff !important;
  outline:none;
}
.pcc-task-mode-btn:hover span,
.pcc-task-mode-btn:focus-visible span{
  color:rgba(255,255,255,.86) !important;
}
.pcc-task-mode-btn.active:hover,
.pcc-task-mode-btn.active:focus-visible{
  color:#fff !important;
}

/* v4.7 Big Projects read-only project sheet */
.pcc-project-view-actions{margin:14px 0 6px;display:flex;justify-content:flex-start;gap:10px;}
.pcc-project-readonly-sheet{display:grid;gap:16px;margin:12px 0 16px;}
.pcc-project-sheet-milestone{background:var(--pcc-card,#fffdf8);border:1px solid var(--pcc-line,#eadfce);border-radius:22px;padding:14px;box-shadow:0 10px 24px rgba(11,11,29,.045);}
.pcc-project-sheet-milestone.is-complete{border-color:rgba(140,198,63,.55);background:rgba(140,198,63,.08);}
.pcc-project-sheet-milestone-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(234,223,206,.72);}
.pcc-project-sheet-milestone-title{display:grid;gap:3px;min-width:0;}
.pcc-project-step-open{border:0;background:transparent;padding:0;text-align:left;font-weight:900;color:var(--pcc-text,#0b0b1d);cursor:pointer;line-height:1.25;}
.pcc-project-step-open:hover{color:var(--pcc-accent,#fb35aa);text-decoration:underline;text-underline-offset:3px;}
.pcc-project-sheet-milestone-title small,.pcc-project-step-due{font-size:.78rem;color:var(--pcc-muted,#70695f);}
.pcc-project-sheet-milestone-progress{display:grid;justify-items:end;gap:2px;white-space:nowrap;}
.pcc-project-sheet-milestone-progress strong{font-size:1.05rem;}
.pcc-project-sheet-milestone-progress span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--pcc-muted,#70695f);font-weight:800;}
.pcc-project-sheet-subtasks{display:grid;gap:8px;margin-top:12px;}
.pcc-project-sheet-subtask{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid rgba(234,223,206,.9);background:#fffaf2;border-radius:16px;padding:10px 12px;}
.pcc-project-sheet-subtask.is-complete{opacity:.62;background:rgba(140,198,63,.08);}
.pcc-project-sheet-subtask.is-complete .pcc-project-step-open{text-decoration:line-through;}
.pcc-project-step-due.muted{opacity:.62;}
.pcc-project-step-toggle-form{display:flex;align-items:center;margin:0;}
.pcc-project-sheet-check{margin:0!important;flex:0 0 auto;}
.pcc-project-step-modal .pcc-task-modal-panel{max-width:720px;}
.pcc-project-step-edit-form{display:grid;grid-template-columns:1fr 180px;gap:14px;align-items:end;}
.pcc-project-step-edit-form .pcc-field-full{grid-column:1/-1;}
.pcc-checkbox-line{display:flex;align-items:center;gap:8px;text-transform:none;letter-spacing:0;font-weight:800;color:var(--pcc-text,#0b0b1d);}
@media(max-width:760px){
  .pcc-project-sheet-milestone-head,.pcc-project-sheet-subtask,.pcc-project-step-edit-form{grid-template-columns:1fr;}
  .pcc-project-sheet-milestone-progress{justify-items:start;}
}


/* Life Sorted brand refresh + full-width app pages */
.pcc-app-shell{
  width:100% !important;
  max-width:none !important;
}
.pcc-main,
.pcc-page-content{
  width:100% !important;
  max-width:none !important;
}
.pcc-page-content > .pcc-wrap,
.pcc-page-content .pcc-wrap.pcc-standalone,
.pcc-page-content .pcc-wrap:not(.pcc-standalone),
.pcc-app-shell .pcc-wrap,
.pcc-app-shell .pcc-dashboard-section{
  max-width:none !important;
}
.pcc-page-content > .pcc-wrap,
.pcc-app-shell .pcc-wrap{
  width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
.elementor-widget-shortcode:has(.pcc-app-shell),
.elementor-widget-shortcode:has(.pcc-wrap),
.elementor-widget-container:has(.pcc-app-shell){
  width:100% !important;
  max-width:none !important;
}
.pcc-branded-sidebar{
  background:linear-gradient(180deg,#0c2e42 0%,#09283a 55%,#061e2c 100%) !important;
  padding-top:0 !important;
  max-height:100vh;
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:#3e8c90 rgba(255,255,255,.08);
}
.pcc-life-logo-card{
  padding:18px 18px 16px !important;
  text-align:center;
  border-bottom:1px solid rgba(104,176,172,.35) !important;
  background:rgba(0,0,0,.08);
}
.pcc-life-logo{
  display:block;
  width:min(155px,82%);
  height:auto;
  margin:0 auto 10px;
  object-fit:contain;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.22));
}
.pcc-life-logo-card .pcc-logo-word{
  color:#fff;
  font-family:var(--pcc-heading-font, Georgia, serif) !important;
  font-size:16px;
  line-height:1.15;
  letter-spacing:.02em;
}
.pcc-life-logo-card .pcc-logo-sub{
  color:#ddad6a;
  letter-spacing:.22em;
  font-weight:800;
}
.pcc-nav-grouped{
  gap:12px !important;
  margin-top:18px !important;
  padding-bottom:20px;
}
.pcc-nav-group{
  display:grid;
  gap:2px;
}
.pcc-nav-heading{
  padding:14px 18px 7px;
  color:#68b0ac;
  font-weight:900;
  font-size:12px;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.pcc-nav-grouped .pcc-nav-link{
  margin:0 10px;
  border-left:0 !important;
  border-radius:0 999px 999px 0;
  padding:10px 14px !important;
  color:rgba(255,255,255,.82) !important;
  font-weight:650;
}
.pcc-nav-grouped .pcc-nav-link span{
  color:#ddad6a;
  opacity:1;
}
.pcc-nav-grouped .pcc-nav-link:hover{
  background:rgba(62,140,144,.28) !important;
  color:#fff !important;
}
.pcc-nav-grouped .pcc-nav-link.active{
  background:rgba(104,176,172,.38) !important;
  color:#fff !important;
  box-shadow:inset 4px 0 0 #ddad6a;
}
.pcc-nav-grouped .pcc-nav-link.active span{
  color:#ddad6a;
}
.pcc-sidebar-note{
  border:1px solid rgba(221,173,106,.25);
  background:rgba(221,173,106,.09) !important;
}
.pcc-week-badge,
.pcc-btn,
.pcc-topbar-actions .pcc-btn{
  border-color:#3e8c90;
}
.pcc-btn:not(.pcc-btn-ghost),
button.pcc-btn:not(.pcc-btn-ghost){
  background:linear-gradient(135deg,#3e8c90,#1c6062) !important;
}
.pcc-btn:hover,
.pcc-task-mode-option:hover{
  color:#fff !important;
}
.pcc-summary-card::before,
.pcc-task-card::before,
.pcc-project-card::before{
  background:linear-gradient(90deg,#3e8c90,#ddad6a,#ab8655) !important;
}
.pcc-cat-progress-card.done,
.pcc-cat-progress-card.pcc-complete,
.pcc-cat-progress-card[data-progress="100"]{
  background:#3e8c90 !important;
  color:#fff !important;
}
.pcc-cat-progress-card.done *,
.pcc-cat-progress-card.pcc-complete *,
.pcc-cat-progress-card[data-progress="100"] *{
  color:#fff !important;
}
@media(max-height:780px){
  .pcc-life-logo{width:min(110px,70%);}
  .pcc-life-logo-card{padding:12px 14px 10px !important;}
  .pcc-nav-heading{padding-top:9px;}
  .pcc-nav-grouped .pcc-nav-link{padding:8px 12px !important;}
  .pcc-sidebar-note{display:none;}
}
@media(max-width:820px){
  .pcc-life-logo{width:110px;}
}

/* v4.9 Life Sorted polish: Poppins, cleaner sidebar, one-colour accents, consistent buttons */
.pcc-wrap,
.pcc-app-shell,
.pcc-app-shell *,
.pcc-wrap * {
  font-family: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}
.pcc-greeting,
.pcc-section-title,
.pcc-topbar h1,
.pcc-logo-word,
.pcc-wrap h1,
.pcc-wrap h2,
.pcc-wrap h3 {
  font-family: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}
.pcc-greeting { font-style: normal !important; font-weight: 700; }

/* Sidebar compact branded structure */
.pcc-life-logo-card {
  padding: 12px 0 14px !important;
  text-align: center !important;
}
.pcc-life-logo { width: min(122px, 72%) !important; margin: 0 auto 4px !important; display: block !important; }
.pcc-life-logo-card .pcc-logo-word { display: none !important; }
.pcc-logo-only,
.pcc-life-logo-card .pcc-logo-sub {
  margin-top: 2px !important;
  color: #e8b872 !important;
  font-size: 11px !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
  font-weight: 900 !important;
}
.pcc-nav-grouped {
  gap: 5px !important;
  margin-top: 8px !important;
  padding-bottom: 8px !important;
}
.pcc-nav-group { gap: 0 !important; }
.pcc-nav-heading {
  padding: 8px 14px 5px !important;
  color: #68b0ac !important;
  font-size: 11px !important;
  letter-spacing: .12em !important;
  line-height: 1.1 !important;
}
.pcc-nav-grouped .pcc-nav-link,
.pcc-sidebar .pcc-nav a {
  margin: 0 !important;
  width: 100% !important;
  border-radius: 0 !important;
  border-left: 0 !important;
  box-shadow: none !important;
  min-height: 29px !important;
  padding: 6px 15px !important;
  font-size: 12.5px !important;
  line-height: 1.15 !important;
  color: rgba(255,255,255,.92) !important;
  font-weight: 650 !important;
}
.pcc-nav-grouped .pcc-nav-link span,
.pcc-sidebar .pcc-nav a span {
  color: #fff !important;
  opacity: 1 !important;
  width: 18px !important;
  font-size: 13px !important;
}
.pcc-nav-grouped .pcc-nav-link:hover,
.pcc-nav-grouped .pcc-nav-link.active,
.pcc-sidebar .pcc-nav a:hover,
.pcc-sidebar .pcc-nav a.active,
.pcc-sidebar .pcc-nav a.pcc-current {
  background: rgba(62,140,144,.48) !important;
  color: #e8b872 !important;
  border-left: 0 !important;
}
.pcc-nav-grouped .pcc-nav-link:hover span,
.pcc-nav-grouped .pcc-nav-link.active span,
.pcc-sidebar .pcc-nav a:hover span,
.pcc-sidebar .pcc-nav a.active span,
.pcc-sidebar .pcc-nav a.pcc-current span {
  color: #e8b872 !important;
}
.pcc-sidebar-note { display: none !important; }
@media (max-height: 820px) and (min-width:821px){
  .pcc-life-logo { width: min(96px, 60%) !important; }
  .pcc-life-logo-card { padding: 8px 0 9px !important; }
  .pcc-nav-heading { padding: 6px 14px 4px !important; font-size:10.5px !important; }
  .pcc-nav-grouped .pcc-nav-link, .pcc-sidebar .pcc-nav a { padding:5px 14px !important; min-height:25px !important; font-size:11.5px !important; }
}

/* One clean colour per card/section, no split lines */
.pcc-card-colour::before,
.pcc-project-card::before,
.pcc-cat-progress-card::before,
.pcc-summary-card::before,
.pcc-task-card::before {
  background: #3e8c90 !important;
}
.pcc-panel-work .pcc-card::before,
.pcc-panel-today .pcc-card::before,
.pcc-panel-progress .pcc-cat-progress-card::before { background: #3e8c90 !important; }
.pcc-panel-personal .pcc-card::before,
.pcc-panel-quick .pcc-card::before { background: #ddad6a !important; }
.pcc-panel-kopper .pcc-card::before,
.pcc-panel-rescue .pcc-card::before { background: #ab8655 !important; }
.pcc-panel-click .pcc-card::before { background: #6880ac !important; }
.pcc-panel-inprogress .pcc-card::before,
.pcc-panel-meetings .pcc-card::before { background: #1c6062 !important; }
.pcc-panel-deadlines .pcc-card::before,
.pcc-panel-waiting .pcc-card::before { background: #5e3e2c !important; }
.pcc-metric-card:nth-child(7n+1)::before { background:#3e8c90 !important; }
.pcc-metric-card:nth-child(7n+2)::before { background:#ab8655 !important; }
.pcc-metric-card:nth-child(7n+3)::before { background:#6880ac !important; }
.pcc-metric-card:nth-child(7n+4)::before { background:#ddad6a !important; }
.pcc-metric-card:nth-child(7n+5)::before { background:#1c6062 !important; }
.pcc-metric-card:nth-child(7n+6)::before { background:#5e3e2c !important; }
.pcc-metric-card:nth-child(7n)::before { background:#68b0ac !important; }

/* Standard Life Sorted button colours */
.pcc-btn,
.pcc-primary-button,
button.pcc-btn,
.pcc-form button[type="submit"],
.pcc-card button[type="submit"],
.pcc-panel button[type="submit"],
.pcc-topbar-actions .pcc-btn,
.pcc-add-btn,
.pcc-save-btn,
.pcc-plus-btn,
.pcc-bulk-btn {
  background: #3e8c90 !important;
  border: 1px solid #3e8c90 !important;
  color: #fff !important;
  background-image: none !important;
}
.pcc-btn:hover,
.pcc-primary-button:hover,
button.pcc-btn:hover,
.pcc-form button[type="submit"]:hover,
.pcc-card button[type="submit"]:hover,
.pcc-panel button[type="submit"]:hover,
.pcc-topbar-actions .pcc-btn:hover,
.pcc-add-btn:hover,
.pcc-save-btn:hover,
.pcc-plus-btn:hover,
.pcc-bulk-btn:hover {
  background: #ab8655 !important;
  border-color: #ab8655 !important;
  color: #fff !important;
}
.pcc-btn-light,
.pcc-btn-ghost {
  color: #1c6062 !important;
}
.pcc-btn-light:hover,
.pcc-btn-ghost:hover {
  color: #ab8655 !important;
  border-color: #ab8655 !important;
}

/* Dashboard summary now has no goals widget: let remaining cards breathe */
.pcc-dashboard-summary-with-goals { grid-template-columns: minmax(0, 1fr) minmax(240px, .45fr) !important; }
.pcc-goal-snapshot-mini { display: none !important; }

/* v5.0 sidebar refinement, category colour system and card polish */
.pcc-sidebar,
.pcc-branded-sidebar{
  min-height:100vh !important;
  display:flex !important;
  flex-direction:column !important;
  overflow-y:auto !important;
}
.pcc-life-logo-card{
  padding:10px 0 11px !important;
  flex:0 0 auto !important;
}
.pcc-life-logo{
  width:min(118px,68%) !important;
  margin-bottom:6px !important;
}
.pcc-logo-only,
.pcc-life-logo-card .pcc-logo-sub{
  font-size:13px !important;
  letter-spacing:.18em !important;
  line-height:1.05 !important;
  font-weight:900 !important;
}
.pcc-nav-grouped{
  flex:1 1 auto !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-evenly !important;
  gap:0 !important;
  margin-top:0 !important;
  padding-bottom:8px !important;
}
.pcc-nav-group{
  display:grid !important;
  gap:0 !important;
}
.pcc-nav-heading{
  padding:8px 14px 4px !important;
  font-size:11px !important;
  letter-spacing:.14em !important;
  color:#68b0ac !important;
  font-weight:900 !important;
}
.pcc-nav-grouped .pcc-nav-link,
.pcc-sidebar .pcc-nav a{
  min-height:27px !important;
  padding:5px 14px !important;
  margin:0 !important;
  border-radius:0 !important;
  width:100% !important;
  font-weight:400 !important;
  font-size:12px !important;
  line-height:1.1 !important;
  color:rgba(255,255,255,.94) !important;
  background:transparent !important;
  box-shadow:none !important;
}
.pcc-sidebar .pcc-nav a span,
.pcc-nav-grouped .pcc-nav-link span{
  color:#fff !important;
  width:18px !important;
  min-width:18px !important;
  font-size:12px !important;
}
.pcc-nav-grouped .pcc-nav-link:hover,
.pcc-nav-grouped .pcc-nav-link.active,
.pcc-sidebar .pcc-nav a:hover,
.pcc-sidebar .pcc-nav a.active,
.pcc-sidebar .pcc-nav a.pcc-current{
  background:rgba(62,140,144,.56) !important;
  color:#e8b872 !important;
  font-weight:700 !important;
  border-radius:0 !important;
  box-shadow:inset 4px 0 0 #e8b872 !important;
}
.pcc-nav-grouped .pcc-nav-link:hover span,
.pcc-nav-grouped .pcc-nav-link.active span,
.pcc-sidebar .pcc-nav a:hover span,
.pcc-sidebar .pcc-nav a.active span,
.pcc-sidebar .pcc-nav a.pcc-current span{
  color:#e8b872 !important;
}
@media (max-height:760px) and (min-width:821px){
  .pcc-life-logo{width:min(88px,58%) !important;margin-bottom:3px!important;}
  .pcc-life-logo-card{padding:6px 0 7px!important;}
  .pcc-logo-only,.pcc-life-logo-card .pcc-logo-sub{font-size:11px!important;letter-spacing:.16em!important;}
  .pcc-nav-heading{padding:5px 14px 2px!important;font-size:10px!important;}
  .pcc-nav-grouped .pcc-nav-link,.pcc-sidebar .pcc-nav a{min-height:22px!important;padding:3px 14px!important;font-size:10.7px!important;}
  .pcc-sidebar .pcc-nav a span,.pcc-nav-grouped .pcc-nav-link span{font-size:10.8px!important;}
}

/* One solid accent colour only: no gradients, no split lines */
.pcc-summary-card::before,
.pcc-task-card::before,
.pcc-project-card::before,
.pcc-card-colour::before,
.pcc-cat-progress-card::before,
.pcc-module-card::before,
.pcc-panel > .pcc-card::before,
.pcc-panel .pcc-card-colour::before{
  background:var(--pcc-card-accent, #3e8c90) !important;
  background-image:none !important;
}
.pcc-card-colour,
.pcc-task-item,
.pcc-project-card,
.pcc-summary-card,
.pcc-module-card,
.pcc-cat-progress-card{
  border-top-color:var(--pcc-card-accent, #3e8c90) !important;
}
.pcc-panel-work .pcc-card{--pcc-card-accent:#3e8c90;}
.pcc-panel-personal .pcc-card{--pcc-card-accent:#ddad6a;}
.pcc-panel-kopper .pcc-card{--pcc-card-accent:#ab8655;}
.pcc-panel-click .pcc-card{--pcc-card-accent:#6880ac;}
.pcc-panel-today .pcc-card{--pcc-card-accent:#3e8c90;}
.pcc-panel-deadlines .pcc-card{--pcc-card-accent:#ddad6a;}
.pcc-panel-quick .pcc-card{--pcc-card-accent:#1c6062;}
.pcc-panel-rescue .pcc-card{--pcc-card-accent:#ab8655;}
.pcc-panel-meetings .pcc-card{--pcc-card-accent:#6880ac;}
.pcc-panel-inprogress .pcc-card{--pcc-card-accent:#3e8c90;}
.pcc-panel-waiting .pcc-card{--pcc-card-accent:#5e3e2c;}

/* Category/brand colour usage */
.pcc-tag{
  border-color:color-mix(in srgb, var(--pcc-category-colour, var(--pcc-card-accent, #3e8c90)) 28%, transparent) !important;
  background:color-mix(in srgb, var(--pcc-category-colour, var(--pcc-card-accent, #3e8c90)) 14%, white) !important;
  color:var(--pcc-category-colour, var(--pcc-card-accent, #3e8c90)) !important;
}
.pcc-task-status-dot{
  background:var(--pcc-card-accent, #3e8c90) !important;
}
.pcc-calendar-task{
  background:color-mix(in srgb, var(--pcc-category-colour, #3e8c90) 12%, white) !important;
  border-left:4px solid var(--pcc-category-colour, #3e8c90) !important;
}

/* Slightly lighter task titles for readability */
.pcc-task-title,
.pcc-task-title.pcc-task-open,
.pcc-task-item h3,
.pcc-project-step-open,
.pcc-calendar-task,
.pcc-modal-title h2{
  font-weight:600 !important;
}
.pcc-task-item strong,
.pcc-project-card h3,
.pcc-crm-card h3{
  font-weight:600 !important;
}

/* Button colours remain consistent */
.pcc-btn:not(.pcc-btn-ghost),
button.pcc-btn:not(.pcc-btn-ghost),
.pcc-primary-button,
button.pcc-primary-button{
  background:#3e8c90 !important;
  border-color:#3e8c90 !important;
  color:#fff !important;
}
.pcc-btn:not(.pcc-btn-ghost):hover,
button.pcc-btn:not(.pcc-btn-ghost):hover,
.pcc-primary-button:hover,
button.pcc-primary-button:hover{
  background:#ab8655 !important;
  border-color:#ab8655 !important;
  color:#fff !important;
}

/* v5.1 responsive sidebar spacing refinement */
.pcc-branded-sidebar,
.pcc-sidebar{
  height:100vh !important;
  min-height:100vh !important;
  overflow-y:hidden !important;
}
.pcc-life-logo-card{
  padding:10px 0 12px !important;
}
.pcc-life-logo{
  width:min(128px,72%) !important;
  margin:0 auto 7px !important;
}
.pcc-logo-only,
.pcc-life-logo-card .pcc-logo-sub{
  font-size:14px !important;
  letter-spacing:.20em !important;
  line-height:1.1 !important;
}
.pcc-nav-grouped{
  flex:1 1 auto !important;
  min-height:calc(100vh - 146px) !important;
  height:calc(100vh - 146px) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  gap:0 !important;
  padding:8px 0 14px !important;
  margin:0 !important;
  overflow:hidden !important;
}
.pcc-nav-group{
  display:grid !important;
  gap:clamp(1px,.35vh,5px) !important;
}
.pcc-nav-heading{
  padding:clamp(5px,.75vh,10px) 14px clamp(2px,.3vh,5px) !important;
  font-size:11px !important;
  line-height:1.05 !important;
}
.pcc-nav-grouped .pcc-nav-link,
.pcc-sidebar .pcc-nav a{
  min-height:clamp(23px,3.1vh,31px) !important;
  padding:clamp(3px,.55vh,7px) 14px !important;
  font-size:12px !important;
  font-weight:400 !important;
  align-items:center !important;
}
.pcc-nav-grouped .pcc-nav-link.active,
.pcc-sidebar .pcc-nav a.active,
.pcc-sidebar .pcc-nav a.pcc-current{
  font-weight:700 !important;
}
@media (max-height:760px) and (min-width:821px){
  .pcc-branded-sidebar,.pcc-sidebar{overflow-y:auto !important;}
  .pcc-life-logo{width:min(96px,62%) !important;margin-bottom:4px!important;}
  .pcc-logo-only,.pcc-life-logo-card .pcc-logo-sub{font-size:11.5px!important;letter-spacing:.17em!important;}
  .pcc-nav-grouped{min-height:auto!important;height:auto!important;justify-content:flex-start!important;padding-bottom:8px!important;overflow:visible!important;}
  .pcc-nav-group{gap:0!important;}
  .pcc-nav-heading{padding:5px 14px 2px!important;font-size:10px!important;}
  .pcc-nav-grouped .pcc-nav-link,.pcc-sidebar .pcc-nav a{min-height:22px!important;padding:3px 14px!important;font-size:10.7px!important;}
}


/* v5.2 sidebar spacing correction: compact like reference, no oversized section gaps */
.pcc-sidebar,
.pcc-branded-sidebar{
  min-height:100vh !important;
  display:flex !important;
  flex-direction:column !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}
.pcc-life-logo-card{
  padding:10px 0 10px !important;
  flex:0 0 auto !important;
}
.pcc-life-logo{
  width:min(116px,68%) !important;
  margin:0 auto 5px !important;
}
.pcc-logo-only,
.pcc-life-logo-card .pcc-logo-sub{
  font-size:12.5px !important;
  letter-spacing:.18em !important;
  line-height:1 !important;
  font-weight:900 !important;
}
.pcc-nav-grouped{
  flex:0 0 auto !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  gap:9px !important;
  margin-top:0 !important;
  padding:8px 0 12px !important;
}
.pcc-nav-group{
  display:grid !important;
  gap:0 !important;
  margin:0 !important;
}
.pcc-nav-heading{
  padding:7px 14px 4px !important;
  margin:0 !important;
  font-size:10.8px !important;
  letter-spacing:.14em !important;
  line-height:1.05 !important;
}
.pcc-nav-grouped .pcc-nav-link,
.pcc-sidebar .pcc-nav a{
  min-height:25px !important;
  padding:4.5px 14px !important;
  font-size:11.5px !important;
  line-height:1.08 !important;
  font-weight:400 !important;
}
.pcc-nav-grouped .pcc-nav-link.active,
.pcc-sidebar .pcc-nav a.active,
.pcc-sidebar .pcc-nav a.pcc-current{
  font-weight:700 !important;
}
.pcc-sidebar .pcc-nav a span,
.pcc-nav-grouped .pcc-nav-link span{
  width:17px !important;
  min-width:17px !important;
  font-size:11.5px !important;
}
@media (min-height:850px) and (min-width:821px){
  .pcc-life-logo-card{padding:14px 0 12px !important;}
  .pcc-life-logo{width:min(132px,72%) !important;margin-bottom:7px!important;}
  .pcc-logo-only,.pcc-life-logo-card .pcc-logo-sub{font-size:13.5px!important;}
  .pcc-nav-grouped{gap:12px!important;padding-top:10px!important;}
  .pcc-nav-heading{padding:8px 14px 5px!important;font-size:11.2px!important;}
  .pcc-nav-grouped .pcc-nav-link,.pcc-sidebar .pcc-nav a{min-height:28px!important;padding:5.5px 14px!important;font-size:12px!important;}
}
@media (max-height:700px) and (min-width:821px){
  .pcc-life-logo-card{padding:6px 0 7px!important;}
  .pcc-life-logo{width:min(82px,56%)!important;margin-bottom:2px!important;}
  .pcc-logo-only,.pcc-life-logo-card .pcc-logo-sub{font-size:10.5px!important;letter-spacing:.16em!important;}
  .pcc-nav-grouped{gap:5px!important;padding-top:5px!important;padding-bottom:6px!important;}
  .pcc-nav-heading{padding:4px 13px 2px!important;font-size:9.5px!important;}
  .pcc-nav-grouped .pcc-nav-link,.pcc-sidebar .pcc-nav a{min-height:20px!important;padding:2.5px 13px!important;font-size:10px!important;}
  .pcc-sidebar .pcc-nav a span,.pcc-nav-grouped .pcc-nav-link span{font-size:10px!important;width:15px!important;min-width:15px!important;}
}


/* v5.3 sidebar spacing: a little more breathing room, evenly balanced from Task Centre to Settings */
.pcc-sidebar,
.pcc-branded-sidebar{
  min-height:100vh !important;
  display:flex !important;
  flex-direction:column !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}
.pcc-life-logo-card{
  padding:10px 0 9px !important;
  flex:0 0 auto !important;
}
.pcc-life-logo{
  width:min(116px,68%) !important;
  margin:0 auto 5px !important;
}
.pcc-logo-only,
.pcc-life-logo-card .pcc-logo-sub{
  font-size:13px !important;
  letter-spacing:.18em !important;
  line-height:1 !important;
  font-weight:900 !important;
}
.pcc-nav-grouped{
  flex:1 1 auto !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  gap:clamp(9px,1.35vh,15px) !important;
  margin-top:0 !important;
  padding:9px 0 14px !important;
}
.pcc-nav-group{
  display:flex !important;
  flex-direction:column !important;
  gap:clamp(2px,.45vh,5px) !important;
  margin:0 !important;
}
.pcc-nav-heading{
  padding:clamp(6px,.75vh,9px) 14px clamp(3px,.45vh,5px) !important;
  margin:0 !important;
  font-size:10.8px !important;
  letter-spacing:.14em !important;
  line-height:1.05 !important;
}
.pcc-nav-grouped .pcc-nav-link,
.pcc-sidebar .pcc-nav a{
  min-height:clamp(26px,3.35vh,32px) !important;
  padding:clamp(4px,.7vh,7px) 14px !important;
  font-size:11.5px !important;
  line-height:1.1 !important;
  font-weight:400 !important;
  align-items:center !important;
}
.pcc-nav-grouped .pcc-nav-link.active,
.pcc-sidebar .pcc-nav a.active,
.pcc-sidebar .pcc-nav a.pcc-current{
  font-weight:700 !important;
}
.pcc-sidebar .pcc-nav a span,
.pcc-nav-grouped .pcc-nav-link span{
  width:17px !important;
  min-width:17px !important;
  font-size:11.5px !important;
}
@media (min-height:880px) and (min-width:821px){
  .pcc-life-logo-card{padding:14px 0 12px!important;}
  .pcc-life-logo{width:min(132px,72%)!important;margin-bottom:7px!important;}
  .pcc-logo-only,.pcc-life-logo-card .pcc-logo-sub{font-size:14px!important;}
  .pcc-nav-grouped{gap:16px!important;padding-top:12px!important;}
  .pcc-nav-group{gap:5px!important;}
  .pcc-nav-heading{padding:9px 14px 5px!important;font-size:11.2px!important;}
  .pcc-nav-grouped .pcc-nav-link,.pcc-sidebar .pcc-nav a{min-height:33px!important;padding:7px 14px!important;font-size:12px!important;}
}
@media (max-height:720px) and (min-width:821px){
  .pcc-life-logo-card{padding:7px 0 7px!important;}
  .pcc-life-logo{width:min(90px,58%)!important;margin-bottom:3px!important;}
  .pcc-logo-only,.pcc-life-logo-card .pcc-logo-sub{font-size:11px!important;letter-spacing:.16em!important;}
  .pcc-nav-grouped{gap:6px!important;padding-top:6px!important;padding-bottom:7px!important;}
  .pcc-nav-group{gap:1px!important;}
  .pcc-nav-heading{padding:4px 13px 2px!important;font-size:9.7px!important;}
  .pcc-nav-grouped .pcc-nav-link,.pcc-sidebar .pcc-nav a{min-height:21px!important;padding:2.8px 13px!important;font-size:10.2px!important;}
  .pcc-sidebar .pcc-nav a span,.pcc-nav-grouped .pcc-nav-link span{font-size:10px!important;width:15px!important;min-width:15px!important;}
}

/* v5.4 Health & Body manual tracking */
.pcc-health-today-card {
  margin: 14px 0 18px;
  padding: 18px;
}
.pcc-health-quick-form {
  display: grid;
  grid-template-columns: repeat(6, minmax(120px, 1fr)) auto;
  gap: 10px;
  align-items: center;
}
.pcc-health-quick-form input,
.pcc-health-quick-form select {
  width: 100%;
  min-width: 0;
}
.pcc-health-saved-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
  gap: 10px;
  margin-top: 10px;
}
.pcc-health-saved-grid span {
  border: 1px solid rgba(28,96,98,.18);
  border-radius: 16px;
  padding: 12px;
  background: rgba(62,140,144,.08);
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.pcc-health-saved-grid strong {
  color: var(--pcc-navy, #0c2e42);
  font-size: 1.1rem;
}
.pcc-health-saved-grid em {
  font-style: normal;
  color: var(--pcc-muted, #8a786a);
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.pcc-health-forms-grid,
.pcc-health-history-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 18px;
}
.pcc-health-body-panel .cardish {
  padding: 18px;
}
.pcc-health-form .pcc-btn {
  align-self: end;
}
.pcc-mini-table {
  overflow-x: auto;
}
.pcc-mini-table table {
  width: 100%;
  border-collapse: collapse;
  min-width: 520px;
}
.pcc-mini-table th,
.pcc-mini-table td {
  padding: 10px 12px;
  border-bottom: 1px solid rgba(12,46,66,.1);
  text-align: left;
  font-size: .88rem;
}
.pcc-mini-table th {
  background: rgba(62,140,144,.12);
  color: var(--pcc-navy, #0c2e42);
  font-weight: 700;
}
@media (max-width: 1100px) {
  .pcc-health-quick-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pcc-health-forms-grid,
  .pcc-health-history-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .pcc-health-quick-form { grid-template-columns: 1fr; }
}

/* v5.5 Today command-sheet layout + completed category styling */
.pcc-cat-progress-card.pcc-cat-progress-complete,
.pcc-cat-progress-card.pcc-complete,
.pcc-cat-progress-card.done,
.pcc-cat-progress-card[data-progress="100"]{
  background:#1c6062 !important;
  color:#fff !important;
  border-color:#1c6062 !important;
  box-shadow:0 16px 34px rgba(28,96,98,.18) !important;
}
.pcc-cat-progress-card.pcc-cat-progress-complete *,
.pcc-cat-progress-card.pcc-complete *,
.pcc-cat-progress-card.done *,
.pcc-cat-progress-card[data-progress="100"] *{
  color:#fff !important;
}
.pcc-cat-progress-card.pcc-cat-progress-complete .pcc-progress-wrap,
.pcc-cat-progress-card.pcc-complete .pcc-progress-wrap,
.pcc-cat-progress-card.done .pcc-progress-wrap{
  background:rgba(255,255,255,.24) !important;
}
.pcc-cat-progress-card.pcc-cat-progress-complete .pcc-progress-bar,
.pcc-cat-progress-card.pcc-complete .pcc-progress-bar,
.pcc-cat-progress-card.done .pcc-progress-bar{
  background:#fff !important;
}
.pcc-today-command-sheet{
  gap:18px !important;
}
.pcc-today-compact-hero{
  display:grid !important;
  grid-template-columns:minmax(280px,1.25fr) minmax(260px,.9fr) minmax(170px,.55fr) !important;
  gap:16px !important;
  align-items:stretch !important;
  padding:18px 22px !important;
}
.pcc-today-dateblock{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}
.pcc-today-dateblock h1{
  color:#3e8c90 !important;
  font-size:clamp(3rem,7vw,5.2rem) !important;
  line-height:.86 !important;
  margin:0 0 6px !important;
  letter-spacing:-.06em !important;
  font-weight:800 !important;
}
.pcc-today-dateblock p{
  margin:0 !important;
  color:#5e3e2c !important;
  font-style:italic;
}
.pcc-today-hero-mid{
  min-width:0;
  display:flex;
  align-items:center;
}
.pcc-today-meetings-card{
  width:100%;
  background:rgba(255,255,255,.7);
  border:1px solid rgba(221,173,106,.35);
  border-radius:18px;
  padding:12px;
  box-shadow:0 10px 20px rgba(12,46,66,.06);
}
.pcc-today-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}
.pcc-today-card-head strong{
  color:#0c2e42;
  font-weight:600;
}
.pcc-today-card-head a,
.pcc-today-info-card .pcc-section-link{
  font-size:.75rem;
  color:#1c6062;
  font-weight:700;
  text-decoration:none;
}
.pcc-empty-small{
  padding:10px 12px !important;
  font-size:.8rem !important;
}
.pcc-today-meeting-list{display:grid;gap:7px;}
.pcc-today-meeting-row{
  display:flex;
  justify-content:space-between;
  gap:10px;
  text-decoration:none;
  color:#0c2e42;
  border-bottom:1px solid rgba(12,46,66,.08);
  padding-bottom:6px;
}
.pcc-today-meeting-row span{font-weight:600;}
.pcc-today-meeting-row em{font-style:normal;color:#ab8655;font-size:.78rem;white-space:nowrap;}
.pcc-today-compact-hero .pcc-weather-card{
  min-width:0 !important;
  padding:14px !important;
  border-radius:18px !important;
  box-shadow:none !important;
}
.pcc-today-top-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(120px,1fr));
  gap:14px;
}
.pcc-today-stat{
  background:var(--pcc-white);
  border:1px solid var(--pcc-sand);
  border-radius:22px;
  padding:16px;
  text-align:center;
  box-shadow:var(--pcc-shadow);
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:104px;
}
.pcc-today-stat span{
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#0c2e42;
  font-weight:500;
  line-height:1.05;
}
.pcc-today-stat strong{
  font-size:clamp(2rem,4vw,3rem);
  color:#3e8c90;
  line-height:1;
  margin-top:8px;
}
.pcc-today-dashboard-grid{
  display:grid;
  grid-template-columns:minmax(260px,.32fr) minmax(0,1fr);
  gap:24px;
  align-items:start;
}
.pcc-today-left-rail{
  display:grid;
  gap:18px;
  align-self:start;
}
.pcc-today-left-rail .pcc-panel .pcc-card,
.pcc-today-left-rail .pcc-today-mini-panel .pcc-card{
  min-height:0 !important;
}
.pcc-today-action-column{
  display:grid;
  gap:22px;
}
.pcc-today-life-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  align-items:stretch;
}
.pcc-today-life-grid > .cardish,
.pcc-today-life-grid > section.cardish{
  margin:0 !important;
  min-height:240px;
}
.pcc-today-info-card{
  padding:20px;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.pcc-today-money-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.pcc-today-money-grid span,
.pcc-body-kpi-stack span,
.pcc-health-saved-grid span{
  min-width:0;
}
.pcc-today-money-grid span{
  border:1px solid rgba(62,140,144,.18);
  background:rgba(62,140,144,.07);
  border-radius:15px;
  padding:12px;
  display:grid;
  gap:3px;
}
.pcc-today-money-grid strong{color:#0c2e42;font-size:1.05rem;}
.pcc-today-money-grid em{font-style:normal;color:#5e3e2c;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;}
.pcc-body-today-card{position:relative;overflow:hidden;}
.pcc-body-kpi-stack{
  margin-left:auto;
  display:grid;
  gap:12px;
  width:min(170px,48%);
}
.pcc-body-kpi-stack span{
  background:#3e8c90;
  color:#fff;
  border-radius:22px;
  padding:16px;
  text-align:center;
  box-shadow:0 12px 24px rgba(62,140,144,.18);
}
.pcc-body-kpi-stack em{
  display:block;
  font-style:normal;
  text-transform:uppercase;
  font-size:.8rem;
  line-height:1.1;
  color:#fff;
}
.pcc-body-kpi-stack strong{
  display:block;
  color:#ddad6a;
  font-size:2rem;
  line-height:1;
  margin-top:6px;
}
.pcc-meal-snapshot-main{
  display:grid;
  gap:2px;
  border:1px solid rgba(221,173,106,.35);
  background:rgba(221,173,106,.08);
  border-radius:16px;
  padding:14px;
}
.pcc-meal-snapshot-main strong{color:#0c2e42;font-size:1.05rem;font-weight:600;}
.pcc-meal-snapshot-main span{color:#5e3e2c;font-size:.84rem;}
.pcc-gratitude-compact{
  padding:16px !important;
}
.pcc-gratitude-compact .pcc-gratitude-form{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:8px !important;
}
.pcc-gratitude-compact input{
  min-height:36px !important;
  padding:8px 10px !important;
}
.pcc-gratitude-compact .pcc-btn.tiny{
  justify-self:start;
  padding:7px 10px !important;
  font-size:.72rem !important;
}
.pcc-daily-checklist{
  position:relative !important;
  top:auto !important;
  padding:18px !important;
}
.pcc-daily-check-row span{
  font-weight:600 !important;
  font-size:.87rem !important;
}
@media(max-width:1280px){
  .pcc-today-compact-hero{grid-template-columns:1fr 1fr !important;}
  .pcc-today-compact-hero .pcc-weather-card{grid-column:span 2;}
  .pcc-today-top-stats{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:980px){
  .pcc-today-dashboard-grid{grid-template-columns:1fr;}
  .pcc-today-compact-hero{grid-template-columns:1fr !important;}
  .pcc-today-compact-hero .pcc-weather-card{grid-column:auto;}
  .pcc-today-life-grid{grid-template-columns:1fr;}
  .pcc-today-top-stats{grid-template-columns:1fr 1fr 1fr;}
}
@media(max-width:640px){
  .pcc-today-top-stats{grid-template-columns:1fr;}
  .pcc-today-dateblock h1{font-size:3rem !important;}
  .pcc-body-kpi-stack{width:100%;margin-left:0;}
  .pcc-today-money-grid{grid-template-columns:1fr;}
}

/* v5.6 Today + Health modal updates */
.pcc-today-dateblock p{margin-top:6px!important;}
.pcc-today-top-stats-with-family{grid-template-columns:minmax(120px,.75fr) minmax(120px,.75fr) minmax(150px,1fr) minmax(260px,1.8fr)!important;align-items:stretch!important;}
.pcc-today-family-stat{display:flex!important;align-items:center!important;justify-content:space-between!important;text-align:left!important;gap:16px!important;padding:16px 18px!important;min-height:96px!important;}
.pcc-today-family-stat span{display:block!important;text-align:left!important;}
.pcc-today-family-stat strong{font-size:1rem!important;line-height:1.25!important;}
.pcc-today-family-stat em{font-style:normal;color:var(--pcc-muted);font-size:.82rem;display:block;margin-top:5px;}
.pcc-today-family-list{margin:7px 0 0!important;padding:0!important;list-style:none!important;display:grid;gap:3px;}
.pcc-today-family-list li{margin:0!important;padding:0!important;font-size:.84rem;line-height:1.2;}
.pcc-today-family-list a{color:var(--pcc-deep)!important;text-decoration:none;font-weight:500;}
.pcc-small-card-link{align-self:center;color:var(--pcc-teal)!important;font-size:.8rem;font-weight:600;text-decoration:none;white-space:nowrap;}
.pcc-health-today-card,.pcc-body-today-card{display:grid!important;gap:14px!important;min-height:unset!important;}
.pcc-health-summary-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:16px;}
.pcc-health-summary-card{display:grid;gap:14px;min-height:210px;}
.pcc-health-card-grid{grid-template-columns:repeat(auto-fit,minmax(92px,1fr))!important;gap:10px!important;}
.pcc-health-card-grid span{min-height:76px!important;padding:12px 10px!important;}
.pcc-health-card-grid strong{font-size:1.12rem!important;line-height:1.15!important;}
.pcc-body-kpi-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;position:static!important;width:auto!important;}
.pcc-body-kpi-compact span{border-radius:18px!important;padding:14px!important;min-height:74px!important;}
.pcc-body-kpi-compact strong{font-size:1.25rem!important;}
.pcc-health-open{padding:7px 10px!important;min-height:32px!important;border-radius:999px!important;white-space:nowrap;}
.pcc-health-modal{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:24px;}
.pcc-health-modal.is-open{display:flex;}
.pcc-health-modal-backdrop{position:absolute;inset:0;background:rgba(12,46,66,.55);backdrop-filter:blur(5px);}
.pcc-health-modal-panel{position:relative;width:min(920px,calc(100vw - 48px));max-height:calc(100vh - 48px);overflow:auto;background:var(--pcc-card);border:1px solid var(--pcc-border);border-radius:24px;padding:26px;box-shadow:0 30px 80px rgba(12,46,66,.28);}
.pcc-health-modal-close{position:absolute!important;top:14px!important;right:14px!important;width:42px!important;height:42px!important;min-width:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;line-height:1!important;padding:0!important;}
.pcc-health-modal .pcc-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.pcc-health-modal .pcc-field-full{grid-column:1/-1;}
.pcc-health-modal .pcc-btn{justify-self:start;}
body.pcc-health-modal-open{overflow:hidden;}
@media(max-width:1000px){.pcc-today-top-stats-with-family{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pcc-today-family-stat{grid-column:1/-1}.pcc-health-summary-actions-grid{grid-template-columns:1fr}}
@media(max-width:700px){.pcc-today-top-stats-with-family{grid-template-columns:1fr!important}.pcc-health-modal-panel{padding:18px;width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.pcc-health-modal .pcc-form-grid{grid-template-columns:1fr}.pcc-health-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* v5.7 Today at Home horizontal family calendar card */
.pcc-today-top-stats-with-family{
  grid-template-columns:minmax(115px,.55fr) minmax(115px,.55fr) minmax(150px,.7fr) minmax(420px,1.9fr)!important;
  align-items:stretch!important;
}
.pcc-today-home-wide{
  min-height:104px!important;
  padding:18px 24px!important;
  display:grid!important;
  gap:8px!important;
  align-content:center!important;
  border-radius:26px!important;
  background:var(--pcc-white)!important;
  border:1px solid var(--pcc-sand)!important;
  box-shadow:var(--pcc-shadow)!important;
}
.pcc-today-home-title{
  color:#3e8c90!important;
  text-transform:uppercase!important;
  letter-spacing:.16em!important;
  font-size:clamp(1.05rem,1.8vw,1.55rem)!important;
  line-height:1!important;
  font-weight:700!important;
}
.pcc-today-home-row{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr)) auto!important;
  align-items:center!important;
  gap:0!important;
}
.pcc-today-home-slot{
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:4px 16px!important;
  border-right:1px solid rgba(62,140,144,.65)!important;
}
.pcc-today-home-slot:last-of-type{border-right:0!important;}
.pcc-today-home-item{
  color:#0c2e42!important;
  text-decoration:none!important;
  font-weight:500!important;
  font-size:clamp(.86rem,1vw,1rem)!important;
  line-height:1.25!important;
}
.pcc-today-home-item:hover{color:#ab8655!important;}
.pcc-today-home-empty{
  color:#5e3e2c!important;
  font-size:.92rem!important;
  line-height:1.25!important;
}
.pcc-today-home-add{
  color:#3e8c90!important;
  text-decoration:none!important;
  font-weight:700!important;
  font-size:clamp(1rem,1.3vw,1.25rem)!important;
  white-space:nowrap!important;
  padding-left:16px!important;
}
.pcc-today-home-add:hover{color:#ab8655!important;}
.pcc-today-home-more{color:#ab8655!important;font-size:.75rem!important;text-align:right!important;}
@media(max-width:1200px){
  .pcc-today-top-stats-with-family{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .pcc-today-home-wide{grid-column:1/-1!important;}
}
@media(max-width:780px){
  .pcc-today-top-stats-with-family{grid-template-columns:1fr!important;}
  .pcc-today-home-row{grid-template-columns:1fr!important;gap:8px!important;}
  .pcc-today-home-slot{border-right:0!important;border-bottom:1px solid rgba(62,140,144,.28)!important;justify-content:flex-start!important;text-align:left!important;padding:7px 0!important;}
  .pcc-today-home-add{padding-left:0!important;}
}

/* v5.8 Responsive scaling polish for laptop/smaller screens */
.pcc-app-shell{
  grid-template-columns:clamp(180px,14vw,230px) minmax(0,1fr) !important;
  min-height:100vh !important;
}
.pcc-sidebar,
.pcc-branded-sidebar{
  height:100vh !important;
  min-height:100vh !important;
  max-height:100vh !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}
.pcc-main,
.pcc-page-content,
.pcc-wrap,
.pcc-dashboard-section,
.pcc-dashboard-quick-summary,
.pcc-notice,
.pcc-priority-grid,
.pcc-grid-2-inline,
.pcc-grid-3-inline,
.pcc-metric-grid,
.pcc-today-top-stats,
.pcc-today-dashboard-grid,
.pcc-today-life-grid{
  min-width:0 !important;
}
.pcc-topbar{
  padding-left:clamp(16px,1.8vw,32px) !important;
  padding-right:clamp(16px,1.8vw,32px) !important;
}
.pcc-dashboard-section,
.pcc-notice{
  margin-left:clamp(14px,1.8vw,32px) !important;
  margin-right:clamp(14px,1.8vw,32px) !important;
}
.pcc-dashboard-quick-summary{
  margin-left:clamp(14px,1.8vw,32px) !important;
  margin-right:clamp(14px,1.8vw,32px) !important;
}
.pcc-app-shell .pcc-wrap,
.pcc-page-content > .pcc-wrap,
.pcc-page-content .pcc-wrap.pcc-standalone,
.pcc-page-content .pcc-wrap:not(.pcc-standalone){
  padding-left:clamp(14px,1.8vw,24px) !important;
  padding-right:clamp(14px,1.8vw,24px) !important;
  box-sizing:border-box !important;
}
.pcc-metric-card,
.pcc-summary-card,
.pcc-today-stat,
.cardish,
.pcc-card,
.pcc-panel,
.pcc-task-card{
  min-width:0 !important;
  box-sizing:border-box !important;
}
.pcc-metric-card strong,
.pcc-summary-card strong,
.pcc-today-stat strong,
.pcc-dashboard-quick-summary .pcc-metric-card strong{
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  font-size:clamp(1.65rem,2.45vw,3rem) !important;
  line-height:.98 !important;
  max-width:100% !important;
}
.pcc-today-stat span,
.pcc-metric-card span,
.pcc-summary-card span{
  line-height:1.15 !important;
}
.pcc-today-stat{
  padding:clamp(12px,1.2vw,16px) clamp(10px,1.1vw,16px) !important;
  min-height:clamp(88px,8vw,104px) !important;
}
.pcc-today-top-stats-with-family{
  grid-template-columns:minmax(105px,.55fr) minmax(105px,.55fr) minmax(145px,.82fr) minmax(360px,1.8fr) !important;
  gap:clamp(10px,1vw,14px) !important;
}
.pcc-today-home-wide{
  min-width:0 !important;
  padding:clamp(14px,1.3vw,18px) clamp(16px,1.6vw,24px) !important;
}
.pcc-today-home-title{
  font-size:clamp(.95rem,1.25vw,1.45rem) !important;
}
.pcc-today-home-item,
.pcc-today-home-empty{
  font-size:clamp(.78rem,.82vw,.95rem) !important;
}
.pcc-dashboard-quick-summary{
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr)) !important;
}
.pcc-metric-grid{
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr)) !important;
}
.pcc-priority-grid,
.pcc-grid-2-inline{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
@media(max-width:1500px) and (min-width:821px){
  .pcc-app-shell{grid-template-columns:clamp(175px,13.5vw,215px) minmax(0,1fr) !important;}
  .pcc-life-logo{width:min(112px,70%) !important;}
  .pcc-logo-only,
  .pcc-life-logo-card .pcc-logo-sub{font-size:10.5px !important;}
  .pcc-nav-heading{font-size:10.5px !important;padding-top:7px !important;padding-bottom:4px !important;}
  .pcc-nav-grouped .pcc-nav-link,
  .pcc-sidebar .pcc-nav a{font-size:11.5px !important;min-height:28px !important;padding:5.5px 12px !important;}
  .pcc-nav-grouped .pcc-nav-link span,
  .pcc-sidebar .pcc-nav a span{font-size:12px !important;width:16px !important;}
  .pcc-metric-card,.pcc-summary-card{padding:clamp(12px,1.1vw,15px) !important;}
  .pcc-today-stat strong,
  .pcc-metric-card strong,
  .pcc-summary-card strong,
  .pcc-dashboard-quick-summary .pcc-metric-card strong{font-size:clamp(1.55rem,2.2vw,2.65rem) !important;}
  .pcc-today-top-stats-with-family{grid-template-columns:minmax(95px,.5fr) minmax(95px,.5fr) minmax(135px,.75fr) minmax(330px,1.75fr) !important;}
}
@media(max-width:1180px) and (min-width:821px){
  .pcc-today-top-stats-with-family{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  .pcc-today-home-wide{grid-column:1/-1 !important;}
  .pcc-priority-grid,.pcc-grid-2-inline{grid-template-columns:1fr !important;}
}
@media(max-width:820px){
  .pcc-app-shell{grid-template-columns:1fr !important;}
  .pcc-sidebar,.pcc-branded-sidebar{height:auto !important;min-height:0 !important;max-height:none !important;position:relative !important;}
  .pcc-today-stat strong,
  .pcc-metric-card strong,
  .pcc-summary-card strong{font-size:clamp(1.7rem,8vw,2.6rem) !important;}
}


/* v5.9 responsive hotfix: force fresh sizing and prevent money/stat wrapping */
.pcc-wrap,
.pcc-app-shell,
.pcc-app-shell *{
  box-sizing:border-box !important;
}
.pcc-app-shell{
  grid-template-columns:clamp(170px, 13vw, 230px) minmax(0, 1fr) !important;
  width:100% !important;
  min-height:100vh !important;
  overflow-x:hidden !important;
}
.pcc-main{
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
}
.pcc-sidebar,
.pcc-branded-sidebar{
  position:sticky !important;
  top:0 !important;
  height:100vh !important;
  min-height:100vh !important;
  max-height:100vh !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}
.pcc-today-stat,
.pcc-metric-card,
.pcc-summary-card,
.pcc-dashboard-quick-summary .pcc-metric-card{
  overflow:hidden !important;
}
.pcc-today-stat strong,
.pcc-metric-card strong,
.pcc-summary-card strong,
.pcc-dashboard-quick-summary .pcc-metric-card strong,
.pcc-money-value,
.pcc-today-stat strong *{
  white-space:nowrap !important;
  word-break:keep-all !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  text-align:center !important;
  line-height:.92 !important;
  font-size:clamp(1.55rem, 2.15vw, 2.8rem) !important;
  letter-spacing:-.035em !important;
}
.pcc-today-stat span,
.pcc-metric-card span,
.pcc-summary-card span{
  font-size:clamp(.72rem, .82vw, .88rem) !important;
  line-height:1.1 !important;
}
.pcc-today-top-stats-with-family{
  grid-template-columns:minmax(92px,.45fr) minmax(92px,.45fr) minmax(125px,.62fr) minmax(360px,1.85fr) !important;
  gap:clamp(10px, 1vw, 14px) !important;
}
.pcc-today-stat{
  min-height:clamp(84px, 7.4vw, 104px) !important;
  padding:clamp(10px, 1vw, 15px) !important;
}
.pcc-today-home-wide{
  min-width:0 !important;
}
@media (max-width:1450px) and (min-width:821px){
  .pcc-app-shell{grid-template-columns:clamp(165px, 12.5vw, 205px) minmax(0, 1fr) !important;}
  .pcc-topbar{padding:12px clamp(14px,1.4vw,24px) !important;}
  .pcc-dashboard-section,.pcc-dashboard-quick-summary,.pcc-notice{margin-left:clamp(12px,1.4vw,24px) !important;margin-right:clamp(12px,1.4vw,24px) !important;}
  .pcc-today-stat strong,.pcc-metric-card strong,.pcc-summary-card strong{font-size:clamp(1.45rem,1.95vw,2.35rem) !important;}
  .pcc-today-top-stats-with-family{grid-template-columns:minmax(86px,.4fr) minmax(86px,.4fr) minmax(115px,.58fr) minmax(330px,1.9fr) !important;}
  .pcc-today-home-title{font-size:clamp(.86rem,1vw,1.15rem) !important;}
  .pcc-today-home-item,.pcc-today-home-empty{font-size:clamp(.72rem,.78vw,.86rem) !important;}
}
@media (max-width:1180px) and (min-width:821px){
  .pcc-today-top-stats-with-family{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  .pcc-today-home-wide{grid-column:1/-1 !important;}
}
@media (max-width:820px){
  .pcc-app-shell{grid-template-columns:1fr !important;}
  .pcc-sidebar,.pcc-branded-sidebar{position:relative !important;height:auto !important;min-height:0 !important;max-height:none !important;}
  .pcc-today-stat strong,.pcc-metric-card strong,.pcc-summary-card strong{font-size:clamp(1.55rem,7vw,2.5rem) !important;}
}

/* v5.10 life calendar entries, owners and filters */
.pcc-calendar-filter-shell {
  display: grid;
  gap: 10px;
  margin: 0 0 16px;
}
.pcc-calendar-filter-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  background: rgba(255,255,255,.72);
  border: 1.5px solid var(--pcc-sand);
  border-radius: var(--pcc-radius-sm);
  padding: 9px;
}
.pcc-calendar-filter-group > span {
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--pcc-text-faint);
  margin-right: 2px;
}
.pcc-calendar-filter-group a {
  text-decoration: none;
  color: var(--pcc-text-mid);
  background: var(--pcc-white);
  border: 1px solid var(--pcc-sand-mid);
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
}
.pcc-calendar-filter-group a.active,
.pcc-calendar-filter-group a:hover {
  background: var(--pcc-night);
  color: #fff;
  border-color: var(--pcc-night);
}
.pcc-life-calendar-form {
  grid-template-columns: minmax(220px, 1.8fr) repeat(5, minmax(120px, 1fr)) auto;
}
.pcc-life-calendar-form .pcc-field-full {
  grid-column: 1 / -2;
}
.pcc-calendar-all-day {
  align-self: center;
  margin-bottom: 7px;
}
.pcc-calendar-entry {
  background: rgba(255,255,255,.9);
  border-left-color: var(--pcc-category-colour, var(--pcc-cyan));
  box-shadow: inset 0 0 0 999px color-mix(in srgb, var(--pcc-category-colour, #68b0ac) 13%, transparent);
}
.pcc-calendar-entry span {
  color: var(--pcc-category-colour, var(--pcc-text-light));
}
.pcc-calendar-entry-details .pcc-calendar-popover p {
  margin: 0;
  color: var(--pcc-text-mid);
  font-size: 12px;
  line-height: 1.45;
}
.pcc-today-home-item em {
  display: block;
  font-style: normal;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
  color: var(--pcc-text-faint);
  margin-bottom: 2px;
}
.pcc-today-home-item small {
  display: block;
  font-size: 10px;
  color: var(--pcc-text-light);
  margin-top: 2px;
}
.pcc-today-home-calendar {
  display: block;
}
.pcc-notice-inline {
  background: #F0FFD9;
  border: 1.5px solid rgba(157,255,46,.55);
  border-radius: var(--pcc-radius-sm);
  color: var(--pcc-night);
  font-size: 12px;
  font-weight: 900;
  padding: 10px 12px;
  margin: 0 0 12px;
}
@supports not (color: color-mix(in srgb, #000 10%, transparent)) {
  .pcc-calendar-entry { background: #F7F1E8; }
}
@media (max-width: 1100px) {
  .pcc-life-calendar-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .pcc-life-calendar-form .pcc-field-full {
    grid-column: 1 / -1;
  }
}
@media (max-width: 700px) {
  .pcc-life-calendar-form {
    grid-template-columns: 1fr;
  }
  .pcc-life-calendar-form .pcc-field-full {
    grid-column: 1 / -1;
  }
  .pcc-calendar-filter-group {
    align-items: flex-start;
  }
  .pcc-calendar-filter-group a {
    flex: 1 1 auto;
    text-align: center;
  }
}

/* v5.11 simplified calendar option cards */
.pcc-calendar-group-shell {
  margin: 0 0 18px;
  padding: 12px;
  background: rgba(255,255,255,.78);
  border: 1.5px solid var(--pcc-sand);
  border-radius: var(--pcc-radius);
  box-shadow: 0 12px 30px rgba(31, 24, 19, .05);
}
.pcc-calendar-group-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
.pcc-calendar-group-header span {
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--pcc-night);
}
.pcc-calendar-group-header small {
  font-size: 11px;
  font-weight: 700;
  color: var(--pcc-text-light);
}
.pcc-calendar-group-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.pcc-calendar-group-tab {
  position: relative;
  min-height: 104px;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto 1fr;
  column-gap: 10px;
  row-gap: 3px;
  align-items: start;
  text-decoration: none !important;
  color: var(--pcc-text-dark) !important;
  background: var(--pcc-white);
  border: 1.5px solid var(--pcc-sand);
  border-radius: var(--pcc-radius-sm);
  padding: 13px;
  box-shadow: var(--pcc-shadow);
  overflow: hidden;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.pcc-calendar-group-tab::after {
  content: '';
  position: absolute;
  inset: auto 12px 10px 12px;
  height: 3px;
  border-radius: 999px;
  background: var(--pcc-sand-mid);
}
.pcc-calendar-group-tab:hover {
  transform: translateY(-1px);
  border-color: var(--pcc-cyan);
  box-shadow: 0 14px 30px rgba(31, 24, 19, .1);
}
.pcc-calendar-group-tab.active {
  background: linear-gradient(135deg, rgba(104,176,172,.13), rgba(255,255,255,.95));
  border-color: var(--pcc-night);
  box-shadow: 0 0 0 3px rgba(12,46,66,.08), var(--pcc-shadow);
}
.pcc-calendar-group-tab.active::after { background: var(--pcc-night); }
.pcc-calendar-group-icon {
  grid-row: 1 / 3;
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: var(--pcc-sky-pale);
  color: var(--pcc-night);
  font-size: 18px;
  font-weight: 900;
}
.pcc-calendar-group-tab strong {
  display: block;
  font-size: 14px;
  line-height: 1.15;
  color: var(--pcc-night);
}
.pcc-calendar-group-tab em {
  display: block;
  font-style: normal;
  font-size: 11px;
  line-height: 1.25;
  color: var(--pcc-text-mid);
  font-weight: 800;
}
.pcc-calendar-group-tab small {
  grid-column: 1 / -1;
  display: block;
  margin-top: 5px;
  padding-bottom: 8px;
  font-size: 10.5px;
  line-height: 1.35;
  color: var(--pcc-text-light);
  font-weight: 650;
}
@media (max-width: 1180px) {
  .pcc-calendar-group-tabs { grid-template-columns: 1fr; }
  .pcc-calendar-group-tab { min-height: auto; }
}
@media (max-width: 700px) {
  .pcc-calendar-group-shell { padding: 10px; }
  .pcc-calendar-group-header { flex-direction: column; align-items: flex-start; }
  .pcc-calendar-group-tab { padding: 12px; }
}

/* v5.12 Habits & Goals combined tab layout */
.pcc-habits-goals-page .pcc-content-tabs {
  position: sticky;
  top: 78px;
  z-index: 5;
  background: rgba(250, 246, 239, .92);
  backdrop-filter: blur(12px);
  padding: 8px 0 12px;
}
.pcc-habits-goals-tabs a {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-width: 1.5px;
}
.pcc-hg-overview {
  display: grid;
  gap: 18px;
}
.pcc-hg-summary-grid,
.pcc-hg-overview-columns {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: 18px;
  align-items: stretch;
}
.pcc-hg-focus-card,
.pcc-hg-snapshot-card,
.pcc-hg-today-habits,
.pcc-hg-attention-goals,
.pcc-hg-week-card {
  min-width: 0;
}
.pcc-hg-focus-list,
.pcc-hg-compact-list {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}
.pcc-hg-focus-item {
  display: grid;
  gap: 4px;
  padding: 13px 14px;
  border: 1.5px solid var(--pcc-sand);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255,255,255,.9), rgba(221,173,106,.08));
}
.pcc-hg-focus-type {
  width: fit-content;
  border-radius: 999px;
  background: var(--pcc-sky-pale);
  color: var(--pcc-blue);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
  padding: 4px 8px;
}
.pcc-hg-focus-item strong {
  color: var(--pcc-night);
  font-size: 15px;
}
.pcc-hg-focus-item small {
  color: var(--pcc-text-mid);
  font-weight: 700;
}
.pcc-hg-metric-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 14px;
}
.pcc-hg-compact-row,
.pcc-hg-goal-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  border: 1.5px solid var(--pcc-sand);
  border-radius: 16px;
  background: #fff;
}
.pcc-hg-compact-row button {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1.5px solid var(--pcc-sand-mid);
  background: var(--pcc-white);
  color: var(--pcc-night);
  font-weight: 900;
  cursor: pointer;
}
.pcc-hg-compact-row.is-done {
  background: #fbfff3;
  border-color: rgba(157,255,46,.5);
}
.pcc-hg-compact-row.is-done button {
  background: var(--pcc-lime);
  border-color: var(--pcc-lime);
}
.pcc-hg-compact-row span,
.pcc-hg-goal-row strong {
  color: var(--pcc-night);
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pcc-hg-compact-row small,
.pcc-hg-goal-row small {
  color: var(--pcc-text-light);
  font-size: 11px;
  font-weight: 800;
}
.pcc-hg-goal-row {
  grid-template-columns: minmax(0, 1fr) auto auto;
}
.pcc-hg-goal-row div {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.pcc-hg-goal-row span {
  display: inline-grid;
  place-items: center;
  min-width: 44px;
  height: 30px;
  border-radius: 999px;
  background: var(--pcc-pink-pale);
  color: var(--pcc-pink);
  font-weight: 900;
  font-size: 12px;
}
.pcc-hg-goal-row em {
  font-style: normal;
  color: var(--pcc-text-light);
  font-weight: 900;
  font-size: 11px;
}
.pcc-hg-week-table-wrap {
  overflow-x: auto;
  margin-top: 14px;
  border: 1.5px solid var(--pcc-sand);
  border-radius: 18px;
}
.pcc-hg-week-table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  background: #fff;
}
.pcc-hg-week-table th,
.pcc-hg-week-table td {
  padding: 11px 10px;
  border-bottom: 1px solid rgba(221,173,106,.2);
  text-align: center;
}
.pcc-hg-week-table th:first-child,
.pcc-hg-week-table td:first-child {
  text-align: left;
  width: 220px;
}
.pcc-hg-week-table th {
  color: var(--pcc-text-mid);
  font-size: 12px;
  font-weight: 900;
  background: rgba(221,173,106,.08);
}
.pcc-hg-week-table th small,
.pcc-hg-week-table td small {
  display: block;
  color: var(--pcc-text-light);
  font-size: 10px;
  margin-top: 2px;
}
.pcc-hg-week-table td strong {
  display: block;
  color: var(--pcc-night);
  font-size: 13px;
}
.pcc-hg-day-dot {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1.5px solid var(--pcc-sand-mid);
  background: var(--pcc-white);
  color: var(--pcc-night);
  font-size: 13px;
  font-weight: 900;
}
.pcc-hg-day-dot.is-done {
  background: var(--pcc-lime);
  border-color: var(--pcc-lime);
}
.pcc-hg-goals-tab,
.pcc-hg-habits-tab {
  animation: none !important;
}
@media (max-width: 1180px) {
  .pcc-hg-summary-grid,
  .pcc-hg-overview-columns {
    grid-template-columns: 1fr;
  }
  .pcc-hg-metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  .pcc-habits-goals-page .pcc-content-tabs {
    position: static;
  }
  .pcc-habits-goals-tabs a {
    flex: 1 1 44%;
  }
  .pcc-hg-metric-grid {
    grid-template-columns: 1fr;
  }
  .pcc-hg-goal-row,
  .pcc-hg-compact-row {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .pcc-hg-goal-row span,
  .pcc-hg-goal-row em,
  .pcc-hg-compact-row small {
    grid-column: 2;
    justify-self: start;
  }
}

/* v5.13 Meals & Shopping Control Centre */
.pcc-meal-page .pcc-section-title small{display:block;font-size:.76rem;font-weight:700;color:var(--pcc-muted,#70695f);letter-spacing:0;text-transform:none;margin-top:3px;}
.pcc-meal-control-tabs{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:stretch!important;margin:18px 0 20px!important;padding:8px!important;background:rgba(255,250,242,.72)!important;border:1px solid var(--pcc-border,#eadfce)!important;border-radius:22px!important;box-shadow:0 8px 22px rgba(11,11,29,.04)!important;}
.pcc-meal-control-tabs a{flex:1 1 150px!important;text-align:center!important;border-radius:16px!important;border:1px solid transparent!important;background:transparent!important;padding:11px 12px!important;font-size:.84rem!important;font-weight:900!important;color:var(--pcc-text,#0b0b1d)!important;text-decoration:none!important;white-space:normal!important;line-height:1.15!important;}
.pcc-meal-control-tabs a.active{background:var(--pcc-card,#fffdf8)!important;border-color:var(--pcc-border,#eadfce)!important;box-shadow:0 10px 24px rgba(11,11,29,.07)!important;color:var(--pcc-pink,#f436a9)!important;}
.pcc-meal-command-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px;}
.pcc-meal-command-card{display:grid;gap:8px;min-height:172px;}
.pcc-big-number{font-size:clamp(2rem,4vw,3.4rem);line-height:.95;font-weight:950;color:var(--pcc-night,#0b0b1d);letter-spacing:-.06em;}
.pcc-big-number span{font-size:.82rem;letter-spacing:0;color:var(--pcc-muted,#70695f);font-weight:800;margin-left:5px;}
.pcc-meal-command-card p,.pcc-soft-panel p{margin:0;color:var(--pcc-muted,#70695f);font-size:.9rem;line-height:1.45;}
.pcc-soft-panel{background:linear-gradient(135deg,rgba(255,250,242,.92),rgba(255,255,255,.76));border:1px solid var(--pcc-border,#eadfce);border-radius:22px;padding:18px;box-shadow:0 10px 26px rgba(11,11,29,.045);}
.pcc-meal-week-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.75fr);gap:18px;align-items:start;margin-bottom:18px;}
.pcc-week-nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.pcc-week-meal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;}
.pcc-week-meal-day{min-height:170px;border:1px solid var(--pcc-border,#eadfce);border-radius:18px;background:var(--pcc-card,#fffdf8);padding:10px;display:grid;align-content:start;gap:9px;}
.pcc-week-meal-card{display:grid;gap:6px;border-radius:15px;background:rgba(20,184,232,.09);border:1px solid rgba(20,184,232,.22);padding:10px;}
.pcc-week-meal-card b{display:block;color:var(--pcc-night,#0b0b1d);font-size:.9rem;}
.pcc-week-meal-card span,.pcc-week-meal-card p{margin:0;color:var(--pcc-muted,#70695f);font-size:.73rem;line-height:1.35;}
.pcc-week-meal-card p strong{color:var(--pcc-text,#0b0b1d);}
.pcc-generated-grocery-list,.pcc-use-first-list,.pcc-purchase-history,.pcc-waste-list{display:grid;gap:10px;}
.pcc-generated-grocery-list>div,.pcc-use-first-item,.pcc-purchase-history>div,.pcc-waste-list>div{background:var(--pcc-card,#fffdf8);border:1px solid var(--pcc-border,#eadfce);border-radius:15px;padding:11px 12px;display:grid;gap:3px;}
.pcc-generated-grocery-list strong,.pcc-use-first-item strong,.pcc-purchase-history strong,.pcc-waste-list strong{color:var(--pcc-night,#0b0b1d);font-weight:900;}
.pcc-generated-grocery-list span,.pcc-use-first-item span,.pcc-purchase-history span,.pcc-waste-list span,.pcc-waste-list p{color:var(--pcc-muted,#70695f);font-size:.78rem;margin:0;}
.pcc-purchase-history>div{grid-template-columns:minmax(0,1fr) auto;align-items:center;}
.pcc-purchase-history>div span{grid-column:1;}
.pcc-purchase-history>div b{grid-row:1 / span 2;grid-column:2;color:var(--pcc-night,#0b0b1d);}
.pcc-backup-meals{display:flex;flex-wrap:wrap;gap:8px;}
.pcc-backup-meals span,.pcc-pill-row span,.pcc-use-first-badge{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--pcc-border,#eadfce);background:#fff;padding:6px 9px;font-size:.75rem;font-weight:800;color:var(--pcc-text,#0b0b1d);}
.pcc-use-first-badge{justify-self:start;background:var(--pcc-amber-pale,#fff1d6);border-color:rgba(255,153,0,.25);color:#8a4b00;margin-top:3px;}
.pcc-pantry-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;}
.pcc-pantry-column{background:#fffaf2;border:1px solid var(--pcc-border,#eadfce);border-radius:18px;padding:13px;}
.pcc-pantry-column h4{margin:0 0 10px;color:var(--pcc-night,#0b0b1d);font-size:.94rem;}
.pcc-meal-idea-top{display:flex;justify-content:space-between;gap:10px;align-items:start;}
.pcc-meal-idea-top h4{margin:0!important;}
.pcc-meal-idea-top>span{font-weight:900;color:var(--pcc-pink,#f436a9);font-size:.82rem;white-space:nowrap;}
.pcc-pill-row{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;}
.pcc-pill-row.soft span{background:rgba(20,184,232,.08);border-color:rgba(20,184,232,.2);}
.pcc-rating-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.pcc-help-list{margin:10px 0 0 18px;padding:0;color:var(--pcc-muted,#70695f);font-size:.9rem;line-height:1.5;}
.pcc-grocery-group h4{display:flex;justify-content:space-between;gap:8px;align-items:center;}
.pcc-grocery-group h4 span{font-size:.76rem;color:var(--pcc-pink,#f436a9);font-weight:900;}
.pcc-meal-budget-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1fr);gap:18px;align-items:start;margin-bottom:18px;}
.pcc-meal-budget-layout>div:first-child{display:grid;gap:14px;}
.pcc-budget-ring{position:relative;overflow:hidden;border:1px solid var(--pcc-border,#eadfce);background:var(--pcc-card,#fffdf8);border-radius:20px;padding:20px;margin:14px 0;display:grid;gap:5px;}
.pcc-budget-ring strong{font-size:clamp(2rem,4vw,3.5rem);line-height:1;font-weight:950;color:var(--pcc-night,#0b0b1d);letter-spacing:-.055em;}
.pcc-budget-ring span{font-weight:800;color:var(--pcc-muted,#70695f);}
.pcc-budget-ring em{position:absolute;left:0;bottom:0;height:7px;background:var(--pcc-pink,#f436a9);border-radius:999px;font-style:normal;max-width:100%;}
.pcc-budget-breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.pcc-budget-breakdown div{background:#fffaf2;border:1px solid var(--pcc-border,#eadfce);border-radius:15px;padding:12px;display:grid;gap:4px;}
.pcc-budget-breakdown span{font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--pcc-muted,#70695f);font-weight:900;}
.pcc-budget-breakdown b{font-size:1.05rem;color:var(--pcc-night,#0b0b1d);}
.pcc-waste-list>div{border-left:4px solid rgba(244,54,169,.34);}
@media(max-width:1180px){.pcc-week-meal-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.pcc-meal-command-grid,.pcc-meal-week-top,.pcc-meal-budget-layout{grid-template-columns:1fr}.pcc-rating-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){.pcc-meal-control-tabs a{flex:1 1 100%;}.pcc-week-meal-grid,.pcc-meal-dashboard-grid,.pcc-budget-breakdown{grid-template-columns:1fr!important}.pcc-grocery-row{grid-template-columns:1fr!important}.pcc-grocery-row form{flex-wrap:wrap}.pcc-rating-grid{grid-template-columns:1fr}.pcc-purchase-history>div{grid-template-columns:1fr}.pcc-purchase-history>div b{grid-column:auto;grid-row:auto}.pcc-meal-hero{align-items:stretch!important}.pcc-meal-hero form{width:100%;}.pcc-meal-hero form input,.pcc-meal-hero form button{width:100%;}}

/* v5.14 Meals budget summary + fixed bottom settings sidebar */
.pcc-meal-hero-clean{
  display:block!important;
  padding:22px 24px!important;
}
.pcc-meal-hero-clean .pcc-muted{
  max-width:980px;
}
.pcc-meal-budget-summary{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:stretch!important;
}
.pcc-meal-budget-card{
  gap:8px!important;
  justify-content:start!important;
  text-align:center!important;
}
.pcc-meal-budget-card-form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  width:100%!important;
  align-items:center!important;
}
.pcc-meal-budget-card-form input[type="number"]{
  width:100%!important;
  min-width:0!important;
  border:0!important;
  background:transparent!important;
  padding:0!important;
  text-align:center!important;
  color:var(--pcc-night,#062c44)!important;
  font-size:clamp(1.5rem,2.7vw,2.35rem)!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.055em!important;
  box-shadow:none!important;
  outline:none!important;
}
.pcc-meal-budget-card-form input[type="number"]:focus{
  background:rgba(255,255,255,.72)!important;
  border-radius:12px!important;
  box-shadow:0 0 0 2px rgba(62,140,144,.18)!important;
}
.pcc-meal-budget-card-form button{
  border:0!important;
  border-radius:999px!important;
  background:var(--pcc-cyan,#3e8c90)!important;
  color:#fff!important;
  height:32px!important;
  padding:0 12px!important;
  font-size:11px!important;
  font-weight:900!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}
.pcc-meal-budget-card small{
  margin-top:0!important;
}
.pcc-grocery-row.bought{
  opacity:.82;
}
.pcc-grocery-row.bought strong{
  text-decoration:none!important;
}
@media (min-width: 901px){
  .pcc-sidebar.pcc-branded-sidebar{
    min-height:100vh!important;
    height:100vh!important;
    max-height:100vh!important;
    position:sticky!important;
    top:0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    padding-top:14px!important;
    padding-bottom:14px!important;
  }
  .pcc-sidebar .pcc-logo-card{
    flex:0 0 auto!important;
    margin-bottom:10px!important;
  }
  .pcc-sidebar .pcc-nav-main{
    flex:1 1 auto!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-evenly!important;
    gap:8px!important;
    overflow:hidden!important;
  }
  .pcc-sidebar .pcc-nav-group{
    display:grid!important;
    gap:4px!important;
  }
  .pcc-sidebar .pcc-nav-heading{
    margin:0 0 2px!important;
  }
  .pcc-sidebar .pcc-nav a,
  .pcc-sidebar .pcc-nav-link{
    min-height:30px!important;
    padding:6px 14px!important;
  }
  .pcc-sidebar-footer{
    flex:0 0 auto!important;
    margin-top:auto!important;
    padding-top:12px!important;
    border-top:1px solid rgba(255,255,255,.16)!important;
  }
  .pcc-sidebar-footer .pcc-settings-nav-link{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-height:38px!important;
    padding:9px 14px!important;
    border-radius:16px!important;
    color:#fff!important;
    text-decoration:none!important;
    font-weight:900!important;
    background:rgba(255,255,255,.08)!important;
  }
  .pcc-sidebar-footer .pcc-settings-nav-link.active,
  .pcc-sidebar-footer .pcc-settings-nav-link:hover{
    background:#fff!important;
    color:var(--pcc-night,#062c44)!important;
  }
  .pcc-sidebar-footer .pcc-settings-nav-link span{
    width:18px!important;
    min-width:18px!important;
    text-align:center!important;
  }
}
@media (max-height: 780px) and (min-width: 901px){
  .pcc-sidebar .pcc-nav a,
  .pcc-sidebar .pcc-nav-link{
    min-height:24px!important;
    padding:4px 12px!important;
    font-size:10.5px!important;
  }
  .pcc-sidebar .pcc-nav-heading{
    font-size:9px!important;
  }
  .pcc-sidebar .pcc-logo-card{
    transform:scale(.92)!important;
    transform-origin:top center!important;
    margin-bottom:-4px!important;
  }
  .pcc-sidebar-footer .pcc-settings-nav-link{
    min-height:30px!important;
    padding:6px 12px!important;
    font-size:10.5px!important;
  }
}
@media(max-width:1180px){
  .pcc-meal-budget-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  .pcc-meal-budget-summary{grid-template-columns:1fr!important;}
  .pcc-meal-budget-card-form{grid-template-columns:1fr!important;}
  .pcc-meal-budget-card-form button{width:100%!important;}
}

/* v5.16 Big Projects milestone editor fixes */
.pcc-plan-row.pcc-plan-row-milestone,
.pcc-plan-row.pcc-plan-row-subtask{
  grid-template-columns:auto minmax(0,1fr) minmax(145px,.22fr) auto !important;
}
.pcc-plan-row.pcc-plan-row-subtask > input[type="hidden"]{display:none!important;}
.pcc-project-delete-control{
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  white-space:nowrap;
  color:#9b2d2d;
  font-size:.78rem;
  font-weight:800;
  border:1px solid rgba(155,45,45,.18);
  background:rgba(155,45,45,.06);
  border-radius:999px;
  padding:8px 10px;
}
.pcc-project-delete-control input{accent-color:#9b2d2d;}
.pcc-project-step-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px;}
.pcc-danger-button{
  border:1px solid rgba(155,45,45,.28);
  background:rgba(155,45,45,.07);
  color:#9b2d2d;
  border-radius:999px;
  padding:10px 15px;
  font-weight:900;
  cursor:pointer;
}
.pcc-danger-button:hover{background:#9b2d2d;color:#fff;}
@media(max-width:760px){
  .pcc-plan-row.pcc-plan-row-milestone,
  .pcc-plan-row.pcc-plan-row-subtask{grid-template-columns:1fr!important;}
  .pcc-project-delete-control{justify-content:flex-start;width:max-content;}
}

/* v5.17 Big Projects: clearer milestone vs subtask hierarchy */
.pcc-project-sheet-milestone-title > .pcc-project-step-open{
  font-size:1rem;
  font-weight:900;
}
.pcc-project-sheet-subtask .pcc-project-step-open{
  font-size:.88rem;
  font-weight:650;
  line-height:1.32;
  color:#211b17;
}
.pcc-project-sheet-subtask .pcc-project-step-open:hover{
  color:var(--pcc-accent,#fb35aa);
}
.pcc-project-sheet-subtask .pcc-project-step-due{
  font-size:.74rem;
}
.pcc-big-projects-page .pcc-plan-row-subtask input[type="text"],
.pcc-task-modal .pcc-plan-row-subtask input[type="text"]{
  font-size:.88rem!important;
  font-weight:600!important;
}
.pcc-big-projects-page .pcc-plan-row-milestone input[type="text"],
.pcc-task-modal .pcc-plan-row-milestone input[type="text"]{
  font-size:.98rem!important;
  font-weight:800!important;
}

/* v5.18 Big Projects behaviour fixes + truly sticky desktop sidebar */
@media (min-width: 901px){
  .pcc-app-shell{
    --pcc-sidebar-fixed-width:clamp(170px, 13vw, 230px);
    display:block!important;
    min-height:100vh!important;
    width:100%!important;
    overflow-x:hidden!important;
  }
  .pcc-sidebar.pcc-branded-sidebar,
  .pcc-sidebar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    bottom:0!important;
    width:var(--pcc-sidebar-fixed-width)!important;
    height:100vh!important;
    min-height:100vh!important;
    max-height:100vh!important;
    z-index:999!important;
  }
  body.admin-bar .pcc-sidebar.pcc-branded-sidebar,
  body.admin-bar .pcc-sidebar{
    top:32px!important;
    height:calc(100vh - 32px)!important;
    min-height:calc(100vh - 32px)!important;
    max-height:calc(100vh - 32px)!important;
  }
  .pcc-main{
    margin-left:var(--pcc-sidebar-fixed-width)!important;
    width:calc(100% - var(--pcc-sidebar-fixed-width))!important;
    min-height:100vh!important;
  }
  .pcc-sidebar .pcc-nav-main{
    justify-content:space-evenly!important;
  }
  .pcc-sidebar-footer{
    margin-top:auto!important;
  }
}
@media (max-width: 900px){
  .pcc-app-shell{display:grid!important;grid-template-columns:1fr!important;}
  .pcc-main{margin-left:0!important;width:100%!important;}
  .pcc-sidebar.pcc-branded-sidebar,
  .pcc-sidebar{position:relative!important;top:auto!important;left:auto!important;bottom:auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;}
}
.pcc-project-step-toggle-form{
  margin:0!important;
  flex:0 0 auto;
}
.pcc-project-sheet-milestone:target,
.pcc-project-sheet-subtask:target{
  outline:2px solid rgba(62,140,144,.35);
  outline-offset:3px;
  scroll-margin-top:110px;
}

/* Click Happens HQ v5.19 */
.pcc-click-page{--click-pink:#FF3CAC;--click-blue:#00C2FF;--click-lime:#ABFF3E;--click-white:#FAFAFA;--click-navy:#1C1C3A;}
.pcc-click-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border-radius:28px;margin-bottom:18px;background:linear-gradient(135deg,#1C1C3A 0%,#321a52 42%,#FF3CAC 100%);color:#fff;box-shadow:0 18px 40px rgba(28,28,58,.16);overflow:hidden;position:relative;}
.pcc-click-hero:after{content:"";position:absolute;right:-35px;bottom:-50px;width:180px;height:180px;border-radius:50%;background:#ABFF3E;opacity:.22;}
.pcc-click-hero h1{margin:0;font-size:clamp(2rem,4vw,3.6rem);line-height:1;font-weight:900;letter-spacing:-.05em;color:#fff;}
.pcc-click-hero p{margin:8px 0 0;max-width:620px;color:rgba(255,255,255,.86);}
.pcc-click-hero .pcc-eyebrow,.pcc-click-brand-hero .pcc-eyebrow{margin:0 0 8px;font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#ABFF3E;}
.pcc-click-hero-badge{position:relative;z-index:1;background:#FAFAFA;color:#1C1C3A;border-radius:999px;padding:12px 18px;font-weight:900;box-shadow:0 10px 25px rgba(0,0,0,.14);white-space:nowrap;}
.pcc-click-tabs{border:1px solid rgba(28,28,58,.08);background:#fff;border-radius:22px;padding:8px;box-shadow:0 8px 24px rgba(28,28,58,.06);}
.pcc-click-tabs a.active{background:#1C1C3A!important;color:#fff!important;border-color:#1C1C3A!important;}
.pcc-click-metrics .pcc-metric-card{border-top:4px solid var(--click-pink);}
.pcc-click-overview-grid{align-items:stretch;}
.pcc-click-brand-card{background:linear-gradient(135deg,rgba(0,194,255,.16),rgba(171,255,62,.18));border:1px solid rgba(28,28,58,.08);}
.pcc-click-brand-card h3{font-size:1.6rem;margin:.3rem 0;color:#1C1C3A;}
.pcc-click-colour-row{display:flex;gap:8px;margin-top:18px;}
.pcc-click-colour-row span{display:block;width:42px;height:42px;border-radius:14px;border:1px solid rgba(28,28,58,.12);box-shadow:0 8px 18px rgba(28,28,58,.08);}
.pcc-click-task-line{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(28,28,58,.08);}
.pcc-click-task-line:last-child{border-bottom:0;}
.pcc-click-task-line span{font-size:.74rem;font-weight:900;border-radius:999px;padding:5px 10px;background:rgba(255,60,172,.12);color:#A41066;}
.pcc-click-task-line small{color:var(--pcc-text-mid);font-weight:600;}
.pcc-click-form-wrap summary{cursor:pointer;font-weight:900;color:#1C1C3A;font-size:1rem;list-style:none;}
.pcc-click-form-wrap summary::-webkit-details-marker{display:none;}
.pcc-click-form{margin-top:18px;}
.pcc-click-form small{display:block;color:var(--pcc-text-mid);margin-top:6px;}
.pcc-click-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;}
.pcc-click-card{background:#fff;border:1px solid rgba(28,28,58,.08);border-radius:22px;padding:18px;box-shadow:0 6px 18px rgba(28,28,58,.06);}
.pcc-click-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px;}
.pcc-click-card-top h3{margin:0;font-size:1rem;line-height:1.25;color:#1C1C3A;}
.pcc-click-card-top span{background:#00C2FF;color:#1C1C3A;border-radius:999px;padding:5px 9px;font-size:.68rem;font-weight:900;white-space:nowrap;}
.pcc-click-card p{margin:7px 0;}
.pcc-click-status-form{display:flex;gap:8px;margin-top:12px;align-items:center;}
.pcc-click-status-form select{flex:1;min-width:0;}
.pcc-click-warning{background:rgba(255,60,172,.12);color:#A41066;border:1px solid rgba(255,60,172,.25);border-radius:14px;padding:8px 10px;font-size:.78rem;font-weight:900;margin:8px 0;}
.pcc-click-mini-list{margin:10px 0 0;padding-left:18px;color:var(--pcc-text-mid);font-size:.88rem;}
.pcc-click-brand-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;border-radius:28px;background:linear-gradient(135deg,#1C1C3A,#00C2FF);padding:28px;color:#fff;margin-bottom:18px;}
.pcc-click-brand-hero h2{margin:0;font-size:clamp(1.8rem,3vw,3rem);color:#fff;letter-spacing:-.04em;}
.pcc-click-brand-hero p{color:rgba(255,255,255,.86);max-width:680px;margin:8px 0 0;}
.pcc-click-domain{background:#ABFF3E;color:#1C1C3A;border-radius:999px;padding:12px 16px;font-weight:900;white-space:nowrap;}
.pcc-click-palette{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;}
.pcc-click-palette div{border:1px solid rgba(28,28,58,.08);border-radius:18px;padding:12px;background:#fff;}
.pcc-click-palette span{display:block;width:100%;height:48px;border-radius:14px;border:1px solid rgba(28,28,58,.12);margin-bottom:9px;}
.pcc-click-palette strong,.pcc-click-palette small{display:block;}
.pcc-click-pill-wrap{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:14px;}
.pcc-click-pill-wrap span{background:rgba(0,194,255,.12);border:1px solid rgba(0,194,255,.22);border-radius:999px;padding:8px 12px;font-weight:800;color:#1C1C3A;font-size:.82rem;}
.pcc-click-rule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;}
.pcc-click-rule-grid article{border-radius:22px;padding:18px;background:#1C1C3A;color:#fff;}
.pcc-click-rule-grid strong,.pcc-click-rule-grid span,.pcc-click-rule-grid small{display:block;}
.pcc-click-rule-grid span{font-size:1.6rem;font-weight:900;color:#ABFF3E;margin:8px 0;}
.pcc-click-rule-grid small{color:rgba(255,255,255,.76);}
@media(max-width:760px){.pcc-click-hero,.pcc-click-brand-hero{display:block}.pcc-click-hero-badge,.pcc-click-domain{display:inline-block;margin-top:16px}.pcc-click-task-line{grid-template-columns:1fr}.pcc-click-status-form{display:block}.pcc-click-status-form button{margin-top:8px;width:100%}}

/* Click Happens HQ v5.20 updates */
.pcc-click-app-shell .pcc-topbar{display:none!important;}
.pcc-click-main{background:linear-gradient(135deg,rgba(255,60,172,.06),rgba(0,194,255,.05) 45%,rgba(171,255,62,.08))!important;}
.pcc-click-page{
  --click-pink:#FF3CAC;
  --click-blue:#00C2FF;
  --click-lime:#ABFF3E;
  --click-white:#FAFAFA;
  --click-navy:#1C1C3A;
  --pcc-pink:#FF3CAC!important;
  --pcc-cyan:#00C2FF!important;
  --pcc-lime:#ABFF3E!important;
  --pcc-white:#FAFAFA!important;
  --pcc-night:#1C1C3A!important;
  --pcc-text-dark:#1C1C3A!important;
}
.pcc-click-page .pcc-panel,
.pcc-click-page .pcc-card,
.pcc-click-page .pcc-metric-card,
.pcc-click-page .pcc-click-card{
  background:#FAFAFA!important;
  border-color:rgba(28,28,58,.12)!important;
  color:#1C1C3A!important;
}
.pcc-click-page .pcc-btn,
.pcc-click-page button.pcc-btn{
  background:#FF3CAC!important;
  color:#fff!important;
  border-color:#FF3CAC!important;
  box-shadow:0 10px 24px rgba(255,60,172,.25)!important;
}
.pcc-click-page .pcc-mini-btn{
  background:#1C1C3A!important;
  color:#fff!important;
  border-color:#1C1C3A!important;
}
.pcc-click-hero{
  background:linear-gradient(120deg,#FF3CAC 0%,#FF3CAC 52%,#00C2FF 100%)!important;
  color:#fff!important;
  border:0!important;
  margin-top:0!important;
}
.pcc-click-hero:before{content:"";position:absolute;inset:auto 20px -80px auto;width:210px;height:210px;border-radius:50%;background:#ABFF3E;opacity:.28;}
.pcc-click-hero:after{background:#1C1C3A!important;opacity:.16!important;}
.pcc-click-hero h1{color:#fff!important;text-shadow:0 2px 12px rgba(28,28,58,.18);}
.pcc-click-hero .pcc-eyebrow{color:#ABFF3E!important;}
.pcc-click-hero-badge{background:#FAFAFA!important;color:#1C1C3A!important;}
.pcc-click-tabs{background:#FAFAFA!important;border:1px solid rgba(28,28,58,.12)!important;display:flex;gap:7px;flex-wrap:wrap;}
.pcc-click-tabs a{color:#1C1C3A!important;border-color:rgba(28,28,58,.14)!important;background:#fff!important;}
.pcc-click-tabs a.active{background:#1C1C3A!important;color:#fff!important;border-color:#1C1C3A!important;}
.pcc-click-tabs a:hover{background:#FF3CAC!important;color:#fff!important;border-color:#FF3CAC!important;}
.pcc-click-page .pcc-metric-card{border-top:0!important;border-left:7px solid #FF3CAC!important;}
.pcc-click-page .pcc-metric-card:nth-child(3n+2){border-left-color:#00C2FF!important;}
.pcc-click-page .pcc-metric-card:nth-child(3n+3){border-left-color:#ABFF3E!important;}
.pcc-click-page .pcc-metric-card .pcc-metric-value{color:#1C1C3A!important;}
.pcc-click-page .pcc-section-title{color:#1C1C3A!important;}
.pcc-click-page input,
.pcc-click-page select,
.pcc-click-page textarea{border-color:rgba(28,28,58,.18)!important;background:#fff!important;color:#1C1C3A!important;}
.pcc-click-planning-hero{display:flex;justify-content:space-between;align-items:center;gap:22px;margin:18px 0;border-radius:28px;padding:28px;background:linear-gradient(135deg,#1C1C3A 0%,#1C1C3A 48%,#FF3CAC 100%);color:#fff;box-shadow:0 18px 45px rgba(28,28,58,.15);}
.pcc-click-planning-hero h2{margin:.2rem 0;font-size:clamp(2rem,4vw,3.6rem);line-height:1;color:#fff;letter-spacing:-.05em;}
.pcc-click-planning-hero p{color:rgba(255,255,255,.86);margin:0;max-width:720px;}
.pcc-click-planning-hero .pcc-eyebrow{color:#ABFF3E!important;margin:0;font-weight:900;letter-spacing:.12em;text-transform:uppercase;}
.pcc-click-readiness{min-width:155px;height:155px;border-radius:50%;background:#FAFAFA;color:#1C1C3A;display:grid;place-items:center;text-align:center;box-shadow:0 14px 32px rgba(0,0,0,.16);}
.pcc-click-readiness strong{font-size:2.4rem;line-height:1;font-weight:900;}
.pcc-click-readiness span{display:block;font-weight:900;text-transform:uppercase;font-size:.72rem;letter-spacing:.08em;}
.pcc-click-launch-phases{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-top:18px;}
.pcc-click-phase-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:10px;}
.pcc-click-phase-head h3{margin:0;color:#1C1C3A!important;}
.pcc-click-phase-head strong{font-size:1.5rem;color:#FF3CAC;}
.pcc-click-progress{height:10px;background:rgba(28,28,58,.08);border-radius:999px;overflow:hidden;margin:10px 0 14px;}
.pcc-click-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#FF3CAC,#00C2FF,#ABFF3E);}
.pcc-click-launch-line{padding:12px 0;border-bottom:1px solid rgba(28,28,58,.08);}
.pcc-click-launch-line:last-child{border-bottom:0;}
.pcc-click-launch-line strong{display:block;font-size:.96rem;color:#1C1C3A;}
.pcc-click-launch-line span{display:inline-flex;margin-top:6px;padding:4px 9px;border-radius:999px;background:rgba(255,60,172,.13);color:#A41066;font-size:.7rem;font-weight:900;}
.pcc-click-launch-line small{display:inline-flex;margin-left:6px;color:rgba(28,28,58,.62);font-weight:700;}
.pcc-click-launch-line p{margin:6px 0 0;color:rgba(28,28,58,.72);font-size:.84rem;}
.pcc-click-kanban{margin-top:18px;}
.pcc-click-inline-form{margin:10px 0 14px;border:1px dashed rgba(28,28,58,.18);border-radius:16px;padding:12px;background:#fff;}
.pcc-click-inline-form summary{cursor:pointer;font-weight:900;color:#1C1C3A;list-style:none;}
.pcc-click-inline-form summary::-webkit-details-marker{display:none;}
.pcc-click-mini-card{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:start;padding:12px 0;border-bottom:1px solid rgba(28,28,58,.08);}
.pcc-click-mini-card:last-child{border-bottom:0;}
.pcc-click-mini-card strong{display:block;color:#1C1C3A;}
.pcc-click-mini-card small{display:block;color:rgba(28,28,58,.65);font-weight:700;margin-top:2px;}
.pcc-click-mini-card > span{background:#00C2FF;color:#1C1C3A;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:900;white-space:nowrap;}
.pcc-click-mini-card p{grid-column:1 / -1;margin:0;color:rgba(28,28,58,.76);font-size:.88rem;}
.pcc-click-finance-list,.pcc-click-meeting-list{margin-top:8px;}
.pcc-click-owes-card{background:linear-gradient(135deg,rgba(171,255,62,.28),rgba(0,194,255,.15))!important;}
.pcc-click-owes-card h3{margin:.4rem 0 0;color:#1C1C3A;font-size:1.7rem;}
.pcc-click-brand-card{display:none!important;}
@media(max-width:760px){.pcc-click-planning-hero,.pcc-click-hero{align-items:flex-start;flex-direction:column}.pcc-click-readiness{width:130px;height:130px;min-width:130px}.pcc-click-mini-card{grid-template-columns:1fr}.pcc-click-mini-card > span{justify-self:start}.pcc-click-tabs{overflow:auto;flex-wrap:nowrap}.pcc-click-tabs a{white-space:nowrap}}

/* Click Happens HQ v5.21 planning dashboard + modal milestones */
.pcc-click-launch-hero{
  background:linear-gradient(135deg,#FF3CAC 0%,#1C1C3A 64%,#00C2FF 100%)!important;
}
.pcc-click-launch-summary{margin-bottom:18px;}
.pcc-click-launch-section-head{
  margin:20px 0 12px;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:18px;
}
.pcc-click-launch-section-head h3{margin:.1rem 0;font-size:clamp(1.45rem,2.4vw,2.2rem);color:#1C1C3A;letter-spacing:-.04em;}
.pcc-click-launch-section-head p{margin:0;color:rgba(28,28,58,.68);font-weight:650;}
.pcc-click-launch-card-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(270px,1fr));
  gap:16px;
  margin:10px 0 20px;
}
.pcc-click-launch-milestone-card{
  width:100%;
  text-align:left;
  cursor:pointer;
  appearance:none;
  border-radius:28px!important;
  padding:20px!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.pcc-click-launch-milestone-card:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 40px rgba(28,28,58,.14)!important;
  border-color:rgba(255,60,172,.34)!important;
}
.pcc-click-launch-card-icon{
  width:50px;
  height:50px;
  border-radius:18px;
  display:grid;
  place-items:center;
  font-size:1.55rem;
  background:linear-gradient(135deg,rgba(255,60,172,.16),rgba(0,194,255,.16));
  margin-bottom:14px;
}
.pcc-click-launch-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;}
.pcc-click-launch-card-top h3{margin:0;color:#1C1C3A!important;font-size:1.1rem;letter-spacing:-.02em;}
.pcc-click-launch-card-top span{background:#1C1C3A;color:#fff;border-radius:999px;padding:5px 9px;font-size:.68rem;font-weight:900;white-space:nowrap;}
.pcc-click-launch-card-meta{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:10px;}
.pcc-click-launch-card-meta strong{font-size:1.6rem;color:#FF3CAC;line-height:1;}
.pcc-click-launch-card-meta small,.pcc-click-card-hint{font-weight:900;color:rgba(28,28,58,.58);}
.pcc-click-launch-milestone-card p{margin:12px 0 0;color:rgba(28,28,58,.72);font-size:.9rem;line-height:1.35;}
.pcc-click-card-hint{display:block;margin-top:12px;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;color:#00A6D6;}
.pcc-click-modal{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
  padding:clamp(14px,3vw,36px);
}
.pcc-click-modal.is-open{display:grid;place-items:center;}
.pcc-click-modal-backdrop{position:absolute;inset:0;background:rgba(28,28,58,.58);backdrop-filter:blur(8px);}
.pcc-click-modal-dialog{
  position:relative;
  width:min(980px,96vw);
  max-height:90vh;
  overflow:auto;
  border-radius:30px;
  background:#FAFAFA;
  padding:24px;
  box-shadow:0 30px 80px rgba(0,0,0,.32);
  border:1px solid rgba(255,255,255,.6);
}
.pcc-click-modal-close{
  position:absolute;
  top:16px;
  right:16px;
  width:38px;
  height:38px;
  border-radius:999px;
  border:0;
  background:#1C1C3A;
  color:#fff;
  font-size:1.35rem;
  font-weight:900;
  cursor:pointer;
  line-height:1;
}
.pcc-click-modal-head{display:flex;gap:14px;align-items:center;padding-right:46px;margin-bottom:14px;}
.pcc-click-modal-head h3{margin:.05rem 0;font-size:clamp(1.55rem,3vw,2.4rem);letter-spacing:-.04em;color:#1C1C3A!important;}
.pcc-click-modal-head small{color:rgba(28,28,58,.66);font-weight:800;}
.pcc-click-launch-task-list{display:grid;gap:10px;margin-top:16px;}
.pcc-click-launch-task{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,420px);
  gap:14px;
  align-items:center;
  border:1px solid rgba(28,28,58,.1);
  border-radius:20px;
  padding:14px;
  background:#fff;
}
.pcc-click-launch-task.is-complete{background:rgba(171,255,62,.14);border-color:rgba(171,255,62,.42);}
.pcc-click-launch-task-main{display:flex;gap:12px;align-items:flex-start;min-width:0;}
.pcc-click-task-check{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;flex:0 0 auto;background:rgba(255,60,172,.12);color:#FF3CAC;font-weight:900;}
.pcc-click-launch-task.is-complete .pcc-click-task-check{background:#ABFF3E;color:#1C1C3A;}
.pcc-click-launch-task-main strong{display:block;color:#1C1C3A;font-size:.98rem;line-height:1.25;}
.pcc-click-launch-task-main small{display:block;margin-top:4px;color:rgba(28,28,58,.62);font-weight:750;}
.pcc-click-launch-task-main p{margin:6px 0 0;color:rgba(28,28,58,.70);font-size:.86rem;line-height:1.35;}
.pcc-click-launch-task-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px;align-items:center;margin:0;}
.pcc-click-launch-task-form select,.pcc-click-launch-task-form input{min-width:0;font-size:.82rem!important;padding:9px 10px!important;}
.pcc-click-modal-add{margin-top:16px;}
.pcc-click-launch-attention{margin-top:18px;}
body.pcc-click-modal-open{overflow:hidden;}
@media(max-width:780px){
  .pcc-click-launch-section-head{display:block;}
  .pcc-click-launch-task{grid-template-columns:1fr;}
  .pcc-click-launch-task-form{grid-template-columns:1fr;}
  .pcc-click-modal-dialog{padding:18px;border-radius:24px;}
}

/* Click Happens HQ v5.22 planning polish */
.pcc-click-topline{
  display:flex;
  align-items:center;
  gap:22px;
  margin:0 0 22px;
}
.pcc-click-topline h1{
  margin:0;
  color:#FF3CAC!important;
  font-size:clamp(2rem,3.4vw,3.8rem);
  line-height:1;
  font-weight:900;
  letter-spacing:-.045em;
  white-space:nowrap;
}
.pcc-click-topline .pcc-click-tabs{
  flex:1;
  margin:0;
  min-width:0;
}
.pcc-click-launch-hero{
  max-width:880px;
  margin:0 auto 26px!important;
  padding:22px 30px!important;
  border-radius:22px!important;
  background:linear-gradient(120deg,#1C1C3A 0%,#7A1B7C 52%,#FF3CAC 100%)!important;
  box-shadow:0 16px 36px rgba(28,28,58,.16)!important;
}
.pcc-click-launch-hero h2{
  font-size:clamp(2rem,3.8vw,3.5rem)!important;
}
.pcc-click-launch-hero .pcc-click-readiness{
  min-width:142px;
  height:auto;
  border-radius:0;
  background:transparent;
  color:#ABFF3E;
  box-shadow:none;
}
.pcc-click-launch-hero .pcc-click-readiness strong{
  color:#ABFF3E;
  font-size:clamp(2.2rem,4vw,3.9rem);
}
.pcc-click-launch-hero .pcc-click-readiness span{
  color:#fff;
  text-transform:none;
  font-size:.95rem;
  letter-spacing:0;
}
.pcc-click-launch-summary{
  grid-template-columns:repeat(6,minmax(145px,1fr))!important;
  gap:14px!important;
}
.pcc-click-page .pcc-panel,
.pcc-click-page .pcc-card,
.pcc-click-page .pcc-metric-card,
.pcc-click-page .pcc-click-card,
.pcc-click-page .pcc-click-launch-milestone-card,
.pcc-click-page .pcc-click-launch-task,
.pcc-click-page .pcc-click-inline-form{
  background:#fff!important;
  box-shadow:0 14px 32px rgba(28,28,58,.10)!important;
  border:1px solid rgba(28,28,58,.08)!important;
}
.pcc-click-page .pcc-metric-card{
  text-align:center!important;
  min-height:116px;
  border-radius:20px!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.pcc-click-page .pcc-metric-card span{
  color:#00AEEA!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
.pcc-click-page .pcc-metric-card strong,
.pcc-click-page .pcc-metric-card .pcc-metric-value{
  font-size:clamp(2.15rem,3vw,3.15rem)!important;
  color:#1C1C3A!important;
}
.pcc-click-page .pcc-metric-card small{
  color:#1C1C3A!important;
  font-style:italic;
  font-weight:650;
}
.pcc-click-launch-card-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
.pcc-click-launch-milestone-card{
  min-height:185px;
}
.pcc-click-launch-attention{
  align-items:stretch;
}
.pcc-click-launch-attention .pcc-panel{
  border-radius:24px!important;
  padding:22px!important;
}
.pcc-click-launch-attention .pcc-empty{
  background:#fff!important;
  border:1px dashed rgba(28,28,58,.14)!important;
  border-radius:18px!important;
  box-shadow:none!important;
  color:#1C1C3A!important;
}
.pcc-click-launch-task{
  grid-template-columns:minmax(0,1fr) minmax(320px,460px) auto!important;
  align-items:start!important;
}
.pcc-click-launch-edit-form{
  grid-template-columns:1fr 1fr 1fr auto!important;
}
.pcc-click-launch-task-details{
  grid-column:1 / -1;
  margin-top:4px;
  border-top:1px solid rgba(28,28,58,.08);
  padding-top:8px;
}
.pcc-click-launch-task-details summary{
  cursor:pointer;
  color:#FF3CAC;
  font-weight:900;
  font-size:.82rem;
  list-style:none;
}
.pcc-click-launch-task-details summary::-webkit-details-marker{display:none;}
.pcc-click-launch-edit-grid{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr;
  gap:10px;
  margin-top:10px;
}
.pcc-click-launch-edit-grid label{
  display:grid;
  gap:5px;
  color:rgba(28,28,58,.75);
  font-size:.74rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.pcc-click-launch-notes-field{
  grid-column:1 / -1;
}
.pcc-click-launch-delete-form{
  display:flex;
  justify-content:flex-end;
  margin:0;
}
.pcc-danger-link{
  color:#FF3CAC!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-weight:900;
  cursor:pointer;
  padding:8px 6px;
}
@media(max-width:1100px){
  .pcc-click-launch-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .pcc-click-launch-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .pcc-click-topline{align-items:flex-start;flex-direction:column;}
  .pcc-click-topline h1{white-space:normal;}
}
@media(max-width:780px){
  .pcc-click-launch-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .pcc-click-launch-card-grid{grid-template-columns:1fr!important;}
  .pcc-click-launch-task{grid-template-columns:1fr!important;}
  .pcc-click-launch-edit-form{grid-template-columns:1fr!important;}
  .pcc-click-launch-edit-grid{grid-template-columns:1fr!important;}
}


/* v5.23 Click Happens planning polish + sidebar scroll fix */
@media (min-width: 901px){
  .pcc-sidebar.pcc-branded-sidebar,
  .pcc-sidebar{
    height:100vh!important;
    min-height:100vh!important;
    max-height:100vh!important;
    position:sticky!important;
    top:0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  .pcc-sidebar .pcc-logo-card{
    flex:0 0 auto!important;
  }
  .pcc-sidebar .pcc-nav-main,
  .pcc-sidebar .pcc-nav{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    scrollbar-width:thin!important;
    padding-bottom:10px!important;
    justify-content:flex-start!important;
  }
  .pcc-sidebar .pcc-nav-main::-webkit-scrollbar,
  .pcc-sidebar .pcc-nav::-webkit-scrollbar{width:7px!important;}
  .pcc-sidebar .pcc-nav-main::-webkit-scrollbar-thumb,
  .pcc-sidebar .pcc-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22)!important;border-radius:999px!important;}
  .pcc-sidebar .pcc-nav-main::-webkit-scrollbar-track,
  .pcc-sidebar .pcc-nav::-webkit-scrollbar-track{background:transparent!important;}
  .pcc-sidebar-footer{
    flex:0 0 auto!important;
    margin-top:0!important;
  }
}
@media (max-height: 760px) and (min-width: 901px){
  .pcc-sidebar.pcc-branded-sidebar,
  .pcc-sidebar{padding-top:8px!important;padding-bottom:8px!important;}
  .pcc-sidebar .pcc-logo-card{margin-bottom:4px!important;}
  .pcc-sidebar .pcc-nav-main{gap:5px!important;}
  .pcc-sidebar .pcc-nav-group{gap:2px!important;}
}
.pcc-click-launch-hero p{display:none!important;}
.pcc-click-launch-hero{max-width:880px!important;}
.pcc-click-page .pcc-card,
.pcc-click-page .pcc-panel,
.pcc-click-page .pcc-metric-card,
.pcc-click-page .pcc-click-card,
.pcc-click-page .pcc-click-launch-milestone-card,
.pcc-click-page .pcc-click-launch-task,
.pcc-click-page .pcc-click-inline-form{
  box-shadow:0 16px 38px rgba(28,28,58,.11)!important;
}
.pcc-click-launch-summary .pcc-metric-card{
  border-left:0!important;
  border-top:0!important;
  box-shadow:0 16px 34px rgba(28,28,58,.11)!important;
}
.pcc-click-launch-summary .pcc-metric-card::before{
  inset:0 auto 0 0!important;
  width:6px!important;
  border-radius:20px 0 0 20px!important;
  background:#FF3CAC!important;
}
.pcc-click-launch-summary .pcc-metric-card:nth-child(3n+2)::before{background:#00C2FF!important;}
.pcc-click-launch-summary .pcc-metric-card:nth-child(3n+3)::before{background:#ABFF3E!important;}
.pcc-click-launch-summary .pcc-metric-card small{
  font-size:clamp(.58rem,.68vw,.72rem)!important;
  font-weight:500!important;
  font-style:normal!important;
  letter-spacing:0!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  display:block!important;
  max-width:100%!important;
  margin-top:5px!important;
}
.pcc-click-launch-summary .pcc-metric-card span{
  font-size:clamp(.58rem,.68vw,.76rem)!important;
  white-space:nowrap!important;
}
.pcc-click-launch-summary .pcc-metric-card strong{
  font-size:clamp(1.9rem,2.8vw,3rem)!important;
}
.pcc-click-launch-attention .pcc-panel,
.pcc-click-launch-attention article.pcc-panel{
  background:#fff!important;
  border-radius:24px!important;
  box-shadow:0 16px 38px rgba(28,28,58,.11)!important;
  border:1px solid rgba(28,28,58,.08)!important;
}
@media (max-width:1280px) and (min-width:901px){
  .pcc-click-launch-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}

/* v5.24 Click Happens dashboard polish + stable sidebar */
@media (min-width: 901px){
  .pcc-app-shell{
    grid-template-columns:230px minmax(0,1fr)!important;
    align-items:stretch!important;
  }
  .pcc-sidebar.pcc-branded-sidebar,
  .pcc-sidebar{
    position:sticky!important;
    top:0!important;
    height:100vh!important;
    min-height:100vh!important;
    max-height:100vh!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
    overflow:hidden!important;
    padding:0!important;
    align-self:start!important;
  }
  .pcc-sidebar .pcc-logo-card,
  .pcc-sidebar.pcc-branded-sidebar .pcc-logo-card{
    grid-row:1!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:18px 12px 12px!important;
    transform:none!important;
    transform-origin:center!important;
  }
  .pcc-sidebar .pcc-life-logo{
    max-height:92px!important;
    width:auto!important;
    max-width:140px!important;
    object-fit:contain!important;
    display:block!important;
    margin:0 auto 6px!important;
  }
  .pcc-sidebar .pcc-nav-main,
  .pcc-sidebar .pcc-nav.pcc-nav-main{
    grid-row:2!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    display:block!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:12px 0 10px!important;
    margin:0!important;
    justify-content:flex-start!important;
    gap:0!important;
    scrollbar-width:thin!important;
    overscroll-behavior:contain!important;
  }
  .pcc-sidebar .pcc-nav-main::-webkit-scrollbar{width:7px!important;}
  .pcc-sidebar .pcc-nav-main::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25)!important;border-radius:999px!important;}
  .pcc-sidebar .pcc-nav-main::-webkit-scrollbar-track{background:transparent!important;}
  .pcc-sidebar .pcc-nav-group{
    display:block!important;
    margin:0 0 12px!important;
  }
  .pcc-sidebar .pcc-nav-heading{
    margin:10px 14px 7px!important;
    line-height:1.1!important;
  }
  .pcc-sidebar .pcc-nav a,
  .pcc-sidebar .pcc-nav-link{
    min-height:28px!important;
    padding:6px 14px!important;
    font-size:11.5px!important;
    line-height:1.2!important;
  }
  .pcc-sidebar-footer{
    grid-row:3!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:9px 8px!important;
    border-top:1px solid rgba(255,255,255,.14)!important;
    background:rgba(0,0,0,.12)!important;
  }
  .pcc-sidebar-footer .pcc-settings-nav-link{
    min-height:34px!important;
    padding:8px 12px!important;
    border-radius:14px!important;
    margin:0!important;
    width:100%!important;
    box-sizing:border-box!important;
  }
}
@media (min-width: 901px) and (max-height: 780px){
  .pcc-sidebar .pcc-logo-card,
  .pcc-sidebar.pcc-branded-sidebar .pcc-logo-card{padding:10px 10px 8px!important;}
  .pcc-sidebar .pcc-life-logo{max-height:68px!important;max-width:112px!important;}
  .pcc-sidebar .pcc-logo-sub{font-size:8px!important;letter-spacing:.12em!important;}
  .pcc-sidebar .pcc-nav-main{padding:8px 0!important;}
  .pcc-sidebar .pcc-nav-group{margin-bottom:7px!important;}
  .pcc-sidebar .pcc-nav-heading{margin:7px 12px 4px!important;font-size:8.5px!important;}
  .pcc-sidebar .pcc-nav a,
  .pcc-sidebar .pcc-nav-link{min-height:23px!important;padding:4px 12px!important;font-size:10.2px!important;}
  .pcc-sidebar .pcc-nav a span,
  .pcc-sidebar .pcc-nav-link span{width:15px!important;min-width:15px!important;font-size:10px!important;}
  .pcc-sidebar-footer{padding:6px!important;}
  .pcc-sidebar-footer .pcc-settings-nav-link{min-height:28px!important;padding:6px 10px!important;font-size:10.2px!important;}
}

.pcc-click-page .pcc-panel,
.pcc-click-page .pcc-card,
.pcc-click-page .pcc-click-card,
.pcc-click-page details.pcc-panel,
.pcc-click-page .pcc-click-inline-form,
.pcc-click-page .pcc-empty,
.pcc-click-page .pcc-table-scroll,
.pcc-click-page .pcc-click-finance-list,
.pcc-click-page .pcc-graph-card{
  background:#fff!important;
  border:1px solid rgba(28,28,58,.08)!important;
  border-radius:22px!important;
  box-shadow:0 16px 38px rgba(28,28,58,.11)!important;
}
.pcc-click-page .pcc-click-inline-form{
  padding:16px!important;
}
.pcc-click-page .pcc-empty{
  padding:15px!important;
  border-style:solid!important;
  color:#1C1C3A!important;
}
.pcc-click-page .pcc-panel > .pcc-empty,
.pcc-click-page .pcc-click-launch-attention .pcc-empty{
  box-shadow:none!important;
  background:#FAFAFA!important;
}

.pcc-click-page .pcc-metric-card::before,
.pcc-click-page .pcc-metric-card.pcc-accent-pink::before,
.pcc-click-page .pcc-metric-card.pcc-accent-orange::before,
.pcc-click-page .pcc-metric-card.pcc-accent-blue::before,
.pcc-click-page .pcc-metric-card.pcc-accent-teal::before,
.pcc-click-page .pcc-metric-card.pcc-accent-red::before,
.pcc-click-page .pcc-metric-card.pcc-accent-cyan::before,
.pcc-click-page .pcc-metric-card.pcc-accent-lime::before{
  background:#FF3CAC!important;
}
.pcc-click-page .pcc-metric-card:nth-child(3n+2)::before,
.pcc-click-page .pcc-metric-card:nth-child(3n+2).pcc-accent-cyan::before,
.pcc-click-page .pcc-metric-card:nth-child(3n+2).pcc-accent-orange::before,
.pcc-click-page .pcc-metric-card:nth-child(3n+2).pcc-accent-blue::before{
  background:#00C2FF!important;
}
.pcc-click-page .pcc-metric-card:nth-child(3n+3)::before,
.pcc-click-page .pcc-metric-card:nth-child(3n+3).pcc-accent-lime::before,
.pcc-click-page .pcc-metric-card:nth-child(3n+3).pcc-accent-orange::before,
.pcc-click-page .pcc-metric-card:nth-child(3n+3).pcc-accent-blue::before{
  background:#ABFF3E!important;
}
.pcc-click-page .pcc-metric-card{
  border-left:0!important;
  position:relative!important;
}
.pcc-click-page .pcc-metric-card::before{
  content:""!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:6px!important;
  border-radius:22px 0 0 22px!important;
}

.pcc-click-business-summary,
.pcc-click-finance-summary{
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
}
.pcc-click-business-summary .pcc-metric-card,
.pcc-click-finance-summary .pcc-metric-card{
  min-width:0!important;
  min-height:128px!important;
  padding:13px 9px 12px 13px!important;
  border-radius:20px!important;
  justify-content:center!important;
  text-align:center!important;
}
.pcc-click-business-summary .pcc-metric-card span,
.pcc-click-finance-summary .pcc-metric-card span{
  font-size:clamp(.54rem,.58vw,.66rem)!important;
  line-height:1.1!important;
  letter-spacing:.08em!important;
  margin-bottom:7px!important;
  color:#00AEEA!important;
  white-space:normal!important;
}
.pcc-click-business-summary .pcc-metric-card strong,
.pcc-click-finance-summary .pcc-metric-card strong{
  font-size:clamp(1.35rem,2.05vw,2.45rem)!important;
  line-height:.95!important;
  color:#1C1C3A!important;
}
.pcc-click-business-summary .pcc-metric-card small,
.pcc-click-finance-summary .pcc-metric-card small{
  font-size:clamp(.54rem,.62vw,.72rem)!important;
  line-height:1.18!important;
  margin-top:8px!important;
  font-weight:400!important;
  font-style:normal!important;
  letter-spacing:0!important;
  color:#1C1C3A!important;
}
.pcc-click-business-summary .pcc-metric-card:nth-child(6) strong,
.pcc-click-business-summary .pcc-metric-card:nth-child(7) strong,
.pcc-click-business-summary .pcc-metric-card:nth-child(8) strong,
.pcc-click-finance-summary .pcc-metric-card strong{
  font-size:clamp(1.15rem,1.75vw,2.05rem)!important;
}
@media (max-width:1280px) and (min-width:901px){
  .pcc-click-business-summary,
  .pcc-click-finance-summary{gap:8px!important;}
  .pcc-click-business-summary .pcc-metric-card,
  .pcc-click-finance-summary .pcc-metric-card{padding:11px 7px 10px 11px!important;min-height:118px!important;}
  .pcc-click-business-summary .pcc-metric-card span,
  .pcc-click-finance-summary .pcc-metric-card span{font-size:.52rem!important;}
  .pcc-click-business-summary .pcc-metric-card small,
  .pcc-click-finance-summary .pcc-metric-card small{font-size:.56rem!important;}
  .pcc-click-business-summary .pcc-metric-card strong,
  .pcc-click-finance-summary .pcc-metric-card strong{font-size:1.45rem!important;}
  .pcc-click-business-summary .pcc-metric-card:nth-child(6) strong,
  .pcc-click-business-summary .pcc-metric-card:nth-child(7) strong,
  .pcc-click-business-summary .pcc-metric-card:nth-child(8) strong,
  .pcc-click-finance-summary .pcc-metric-card strong{font-size:1.25rem!important;}
}
@media (max-width:900px){
  .pcc-click-business-summary,
  .pcc-click-finance-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}


/* v5.25 Sidebar layout fix: keep sidebar in the left grid column instead of taking vertical page space */
@media (min-width: 901px){
  .pcc-app-shell{
    --pcc-sidebar-fixed-width:clamp(170px, 13vw, 230px);
    display:grid!important;
    grid-template-columns:var(--pcc-sidebar-fixed-width) minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
    align-items:start!important;
    min-height:100vh!important;
    width:100%!important;
    overflow-x:hidden!important;
  }
  .pcc-app-shell > .pcc-sidebar,
  .pcc-app-shell > .pcc-sidebar.pcc-branded-sidebar{
    grid-column:1!important;
    grid-row:1!important;
    position:sticky!important;
    top:0!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:var(--pcc-sidebar-fixed-width)!important;
    height:100vh!important;
    min-height:100vh!important;
    max-height:100vh!important;
    z-index:50!important;
  }
  body.admin-bar .pcc-app-shell > .pcc-sidebar,
  body.admin-bar .pcc-app-shell > .pcc-sidebar.pcc-branded-sidebar{
    top:32px!important;
    height:calc(100vh - 32px)!important;
    min-height:calc(100vh - 32px)!important;
    max-height:calc(100vh - 32px)!important;
  }
  .pcc-app-shell > .pcc-main{
    grid-column:2!important;
    grid-row:1!important;
    margin-left:0!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    min-height:100vh!important;
  }
  .pcc-click-app-shell > .pcc-click-main,
  .pcc-click-app-shell > .pcc-main{
    margin-left:0!important;
    width:auto!important;
  }
}
@media (max-width: 900px){
  .pcc-app-shell{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .pcc-app-shell > .pcc-main{
    margin-left:0!important;
    width:100%!important;
  }
}


/* v5.26 Sidebar top-gap fix: extend the sidebar background to the very top edge */
@media (min-width: 901px){
  .pcc-app-shell > .pcc-sidebar,
  .pcc-app-shell > .pcc-sidebar.pcc-branded-sidebar{
    overflow:visible!important;
    background:#062f42!important;
  }
  .pcc-app-shell > .pcc-sidebar::before,
  .pcc-app-shell > .pcc-sidebar.pcc-branded-sidebar::before{
    content:"";
    position:fixed;
    left:0;
    top:0;
    width:var(--pcc-sidebar-fixed-width, 230px);
    height:140px;
    background:#062f42;
    z-index:49;
    pointer-events:none;
  }
  .pcc-app-shell > .pcc-sidebar > *,
  .pcc-app-shell > .pcc-sidebar.pcc-branded-sidebar > *{
    position:relative;
    z-index:51;
  }
  body.admin-bar .pcc-app-shell > .pcc-sidebar::before,
  body.admin-bar .pcc-app-shell > .pcc-sidebar.pcc-branded-sidebar::before{
    top:0;
  }
}

/* v5.35.1 sidebar + topbar refinement: fixed compact sidebar, page-colour active pill and dynamic heading bar */
.pcc-app-shell{
  background:var(--pcc-bg, var(--pcc-cream, #FBF6ED)) !important;
}
.pcc-main,
.pcc-page-content{
  background:var(--pcc-bg, var(--pcc-cream, #FBF6ED)) !important;
}
.pcc-topbar-titleblock{
  min-width:0 !important;
}
.pcc-topbar-title,
.pcc-greeting.pcc-topbar-title{
  margin:0 !important;
  font-size:clamp(18px, 1.55vw, 24px) !important;
  line-height:1.12 !important;
  font-weight:900 !important;
  letter-spacing:-.035em !important;
  color:var(--pcc-night, #0c2e42) !important;
}
.pcc-topbar-title span{
  color:var(--pcc-night, #0c2e42) !important;
}
.pcc-topbar .pcc-subtitle{
  max-width:min(680px, 54vw) !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
@media (min-width:901px){
  .pcc-app-shell{
    --pcc-sidebar-fixed-width:clamp(176px, 13vw, 224px) !important;
  }
  .pcc-sidebar.pcc-branded-sidebar,
  .pcc-sidebar{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    bottom:0 !important;
    width:var(--pcc-sidebar-fixed-width) !important;
    height:100vh !important;
    min-height:100vh !important;
    max-height:100vh !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
    padding:0 0 10px !important;
  }
  body.admin-bar .pcc-sidebar.pcc-branded-sidebar,
  body.admin-bar .pcc-sidebar{
    top:32px !important;
    height:calc(100vh - 32px) !important;
    min-height:calc(100vh - 32px) !important;
    max-height:calc(100vh - 32px) !important;
  }
  .pcc-main{
    margin-left:var(--pcc-sidebar-fixed-width) !important;
    width:calc(100% - var(--pcc-sidebar-fixed-width)) !important;
    min-height:100vh !important;
  }
  .pcc-sidebar .pcc-logo-card,
  .pcc-life-logo-card{
    flex:0 0 auto !important;
    padding:6px 14px 8px !important;
    margin:0 0 2px !important;
    background:transparent !important;
  }
  .pcc-life-logo{
    width:clamp(86px, 8.8vw, 135px) !important;
    max-height:92px !important;
    object-fit:contain !important;
    margin:0 auto 4px !important;
    display:block !important;
  }
  .pcc-logo-only,
  .pcc-life-logo-card .pcc-logo-sub{
    margin-top:0 !important;
    font-size:clamp(9px, .64vw, 11px) !important;
    line-height:1 !important;
    letter-spacing:.17em !important;
  }
  .pcc-sidebar .pcc-nav-main,
  .pcc-nav-grouped{
    flex:1 1 auto !important;
    min-height:0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    gap:clamp(4px, .68vh, 9px) !important;
    overflow:hidden !important;
    margin-top:0 !important;
    padding:0 0 6px !important;
  }
  .pcc-sidebar .pcc-nav-group{
    display:grid !important;
    gap:clamp(1px, .28vh, 4px) !important;
  }
  .pcc-sidebar .pcc-nav-heading{
    padding:clamp(5px, .75vh, 10px) 16px clamp(2px, .32vh, 5px) !important;
    font-size:clamp(8.5px, .6vw, 10.5px) !important;
    line-height:1 !important;
    letter-spacing:.14em !important;
  }
  .pcc-nav-grouped .pcc-nav-link,
  .pcc-sidebar .pcc-nav a{
    position:relative !important;
    min-height:clamp(23px, 3.6vh, 31px) !important;
    margin:0 10px !important;
    padding:clamp(3px, .55vh, 6px) 12px !important;
    border:0 !important;
    border-radius:999px !important;
    font-size:clamp(9.6px, .72vw, 12px) !important;
    line-height:1.05 !important;
    gap:8px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    box-shadow:none !important;
  }
  .pcc-sidebar .pcc-nav a span,
  .pcc-nav-grouped .pcc-nav-link span{
    width:15px !important;
    min-width:15px !important;
    font-size:clamp(10px, .72vw, 12px) !important;
  }
  .pcc-nav-grouped .pcc-nav-link.active,
  .pcc-sidebar .pcc-nav a.active,
  .pcc-sidebar .pcc-nav a.pcc-current{
    background:var(--pcc-bg, var(--pcc-cream, #FBF6ED)) !important;
    color:var(--pcc-night, #0c2e42) !important;
    box-shadow:0 10px 24px rgba(0,0,0,.14) !important;
    font-weight:900 !important;
  }
  .pcc-nav-grouped .pcc-nav-link.active span,
  .pcc-sidebar .pcc-nav a.active span,
  .pcc-sidebar .pcc-nav a.pcc-current span{
    color:var(--pcc-pink, #3e8c90) !important;
  }
  .pcc-sidebar-footer{
    flex:0 0 auto !important;
    margin-top:auto !important;
    padding:6px 10px 0 !important;
    border-top:1px solid rgba(255,255,255,.14) !important;
  }
  .pcc-sidebar-footer .pcc-settings-nav-link{
    min-height:clamp(28px, 4vh, 36px) !important;
    padding:6px 12px !important;
    border-radius:999px !important;
    font-size:clamp(9.8px, .72vw, 12px) !important;
    line-height:1.05 !important;
  }
  .pcc-sidebar-footer .pcc-settings-nav-link.active,
  .pcc-sidebar-footer .pcc-settings-nav-link:hover{
    background:var(--pcc-bg, var(--pcc-cream, #FBF6ED)) !important;
    color:var(--pcc-night, #0c2e42) !important;
  }
}
@media (min-width:901px) and (max-height:760px){
  .pcc-app-shell{--pcc-sidebar-fixed-width:clamp(168px, 12.2vw, 205px) !important;}
  .pcc-sidebar .pcc-logo-card,
  .pcc-life-logo-card{padding:2px 12px 5px !important;}
  .pcc-life-logo{width:clamp(72px, 7.2vw, 105px) !important;max-height:70px !important;}
  .pcc-logo-only,
  .pcc-life-logo-card .pcc-logo-sub{font-size:8.5px !important;}
  .pcc-sidebar .pcc-nav-heading{padding-top:4px !important;font-size:8px !important;}
  .pcc-nav-grouped .pcc-nav-link,
  .pcc-sidebar .pcc-nav a{min-height:21px !important;padding:2px 10px !important;font-size:9.4px !important;}
  .pcc-sidebar .pcc-nav a span,
  .pcc-nav-grouped .pcc-nav-link span{font-size:9.6px !important;width:14px !important;min-width:14px !important;}
  .pcc-sidebar-footer .pcc-settings-nav-link{min-height:25px !important;padding:4px 10px !important;font-size:9.4px !important;}
}
@media (max-width:900px){
  .pcc-topbar .pcc-subtitle{max-width:100% !important;white-space:normal !important;}
}

@media (min-width:901px){
  .pcc-sidebar .pcc-logo-card,
  .pcc-life-logo-card{
    transform:none !important;
    transform-origin:center !important;
  }
}


/* v5.35.2 sidebar active-tab polish + stronger fixed app sidebar + slimmer topbar */
.pcc-app-shell,
.pcc-main,
.pcc-page-content{
  background:var(--pcc-bg, var(--pcc-cream, #FBF6ED)) !important;
}
.pcc-topbar{
  padding:9px clamp(14px,1.35vw,24px) !important;
  gap:12px !important;
  min-height:0 !important;
  align-items:center !important;
}
.pcc-topbar-titleblock{
  min-width:0 !important;
  display:grid !important;
  gap:2px !important;
}
.pcc-topbar-title,
.pcc-greeting.pcc-topbar-title{
  margin:0 !important;
  font-size:clamp(18px,1.45vw,23px) !important;
  line-height:1.08 !important;
  font-weight:900 !important;
  letter-spacing:.045em !important;
  color:var(--pcc-night,#0c2e42) !important;
}
.pcc-topbar-title span{
  letter-spacing:0 !important;
}
.pcc-topbar .pcc-subtitle{
  margin:1px 0 0 !important;
  font-size:clamp(11px,.76vw,13px) !important;
  line-height:1.2 !important;
  max-width:min(680px,54vw) !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.pcc-topbar-actions{
  gap:9px !important;
  flex-wrap:nowrap !important;
}
.pcc-topbar-actions .pcc-btn,
.pcc-topbar-actions a.pcc-btn,
.pcc-topbar-actions button.pcc-btn{
  min-height:34px !important;
  height:34px !important;
  padding:0 15px !important;
  border-radius:11px !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:900 !important;
  box-shadow:none !important;
}
.pcc-topbar-actions .pcc-week-badge,
.pcc-week-badge{
  min-height:31px !important;
  height:31px !important;
  padding:0 12px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  font-size:11px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
@media (min-width:901px){
  .pcc-app-shell{
    --pcc-sidebar-fixed-width:clamp(176px,13vw,226px) !important;
    display:grid !important;
    grid-template-columns:var(--pcc-sidebar-fixed-width) minmax(0,1fr) !important;
    grid-template-rows:1fr !important;
    min-height:100vh !important;
    width:100% !important;
    align-items:start !important;
    overflow-x:clip !important;
  }
  .pcc-app-shell > .pcc-main,
  .pcc-main{
    grid-column:2 !important;
    grid-row:1 !important;
    margin-left:0 !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    min-height:100vh !important;
  }
  .pcc-app-shell > .pcc-sidebar,
  .pcc-app-shell > .pcc-sidebar.pcc-branded-sidebar,
  .pcc-sidebar.pcc-branded-sidebar,
  .pcc-sidebar{
    position:fixed !important;
    inset:0 auto 0 0 !important;
    top:0 !important;
    left:0 !important;
    width:var(--pcc-sidebar-fixed-width) !important;
    height:100vh !important;
    min-height:100vh !important;
    max-height:100vh !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:visible !important;
    padding:0 0 9px !important;
    z-index:80 !important;
    align-self:start !important;
    background:linear-gradient(180deg,var(--pcc-night,#0c2e42) 0%,#09283a 58%,#061e2c 100%) !important;
  }
  .pcc-app-shell > .pcc-sidebar::before,
  .pcc-app-shell > .pcc-sidebar.pcc-branded-sidebar::before{
    display:none !important;
    content:none !important;
  }
  body.admin-bar .pcc-app-shell > .pcc-sidebar,
  body.admin-bar .pcc-app-shell > .pcc-sidebar.pcc-branded-sidebar,
  body.admin-bar .pcc-sidebar.pcc-branded-sidebar,
  body.admin-bar .pcc-sidebar{
    top:32px !important;
    height:calc(100vh - 32px) !important;
    min-height:calc(100vh - 32px) !important;
    max-height:calc(100vh - 32px) !important;
  }
  body.admin-bar .pcc-topbar{
    top:32px !important;
  }
  .pcc-sidebar .pcc-logo-card,
  .pcc-sidebar.pcc-branded-sidebar .pcc-logo-card,
  .pcc-life-logo-card{
    flex:0 0 auto !important;
    padding:7px 12px 8px !important;
    margin:0 !important;
    border-bottom:1px solid rgba(104,176,172,.34) !important;
    background:transparent !important;
    transform:none !important;
    transform-origin:center !important;
  }
  .pcc-sidebar .pcc-life-logo,
  .pcc-life-logo{
    width:clamp(92px,8.9vw,138px) !important;
    max-width:78% !important;
    max-height:94px !important;
    height:auto !important;
    margin:0 auto 4px !important;
    display:block !important;
    object-fit:contain !important;
  }
  .pcc-logo-only,
  .pcc-life-logo-card .pcc-logo-sub{
    margin:0 !important;
    font-size:clamp(8.2px,.62vw,10px) !important;
    line-height:1 !important;
    letter-spacing:.17em !important;
  }
  .pcc-sidebar .pcc-nav-main,
  .pcc-sidebar .pcc-nav.pcc-nav-main,
  .pcc-nav-grouped{
    flex:1 1 auto !important;
    min-height:0 !important;
    max-height:none !important;
    height:auto !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    gap:clamp(4px,.62vh,8px) !important;
    overflow:visible !important;
    margin:0 !important;
    padding:5px 0 6px !important;
    scrollbar-width:none !important;
  }
  .pcc-sidebar .pcc-nav-main::-webkit-scrollbar,
  .pcc-sidebar .pcc-nav.pcc-nav-main::-webkit-scrollbar{
    display:none !important;
  }
  .pcc-sidebar .pcc-nav-group,
  .pcc-nav-group{
    display:grid !important;
    gap:clamp(0px,.24vh,3px) !important;
    margin:0 !important;
  }
  .pcc-sidebar .pcc-nav-heading,
  .pcc-nav-heading{
    padding:clamp(5px,.65vh,8px) 16px clamp(2px,.28vh,4px) !important;
    margin:0 !important;
    color:#68b0ac !important;
    font-size:clamp(8px,.56vw,10px) !important;
    line-height:1 !important;
    letter-spacing:.16em !important;
    font-weight:900 !important;
  }
  .pcc-nav-grouped .pcc-nav-link,
  .pcc-sidebar .pcc-nav a,
  .pcc-sidebar .pcc-nav-link{
    position:relative !important;
    min-height:clamp(22px,3.35vh,30px) !important;
    padding:clamp(3px,.5vh,6px) 12px !important;
    margin:0 12px !important;
    width:auto !important;
    max-width:none !important;
    border:0 !important;
    border-radius:999px !important;
    box-shadow:none !important;
    background:transparent !important;
    color:rgba(255,255,255,.94) !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    font-size:clamp(9.4px,.68vw,11.6px) !important;
    line-height:1.05 !important;
    font-weight:600 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  .pcc-sidebar .pcc-nav a span,
  .pcc-nav-grouped .pcc-nav-link span,
  .pcc-sidebar .pcc-nav-link span{
    width:15px !important;
    min-width:15px !important;
    font-size:clamp(9.6px,.7vw,11.6px) !important;
    line-height:1 !important;
    text-align:center !important;
    color:#fff !important;
    opacity:1 !important;
  }
  .pcc-nav-grouped .pcc-nav-link:hover:not(.active):not(.pcc-current),
  .pcc-sidebar .pcc-nav a:hover:not(.active):not(.pcc-current){
    background:rgba(104,176,172,.17) !important;
    color:#fff !important;
  }
  .pcc-nav-grouped .pcc-nav-link.active,
  .pcc-sidebar .pcc-nav a.active,
  .pcc-sidebar .pcc-nav a.pcc-current{
    margin-left:12px !important;
    margin-right:-14px !important;
    padding-left:13px !important;
    padding-right:24px !important;
    overflow:visible !important;
    background:var(--pcc-bg,var(--pcc-cream,#FBF6ED)) !important;
    color:var(--pcc-night,#0c2e42) !important;
    border:1px solid rgba(221,173,106,.72) !important;
    border-right-color:transparent !important;
    border-radius:999px !important;
    box-shadow:0 10px 20px rgba(0,0,0,.13) !important;
    font-weight:900 !important;
    z-index:3 !important;
  }
  .pcc-nav-grouped .pcc-nav-link.active span,
  .pcc-sidebar .pcc-nav a.active span,
  .pcc-sidebar .pcc-nav a.pcc-current span{
    color:var(--pcc-pink,#3e8c90) !important;
  }
  .pcc-sidebar-footer{
    flex:0 0 auto !important;
    margin-top:auto !important;
    padding:6px 10px 0 !important;
    border-top:1px solid rgba(255,255,255,.13) !important;
    background:transparent !important;
  }
  .pcc-sidebar-footer .pcc-settings-nav-link{
    min-height:clamp(27px,3.8vh,34px) !important;
    padding:6px 12px !important;
    margin:0 !important;
    border-radius:999px !important;
    font-size:clamp(9.4px,.68vw,11.6px) !important;
    line-height:1.05 !important;
    width:100% !important;
    box-sizing:border-box !important;
  }
  .pcc-sidebar-footer .pcc-settings-nav-link.active,
  .pcc-sidebar-footer .pcc-settings-nav-link:hover{
    margin-right:-14px !important;
    padding-right:24px !important;
    background:var(--pcc-bg,var(--pcc-cream,#FBF6ED)) !important;
    color:var(--pcc-night,#0c2e42) !important;
    border:1px solid rgba(221,173,106,.72) !important;
    border-right-color:transparent !important;
    box-shadow:0 10px 20px rgba(0,0,0,.13) !important;
  }
}
@media (min-width:901px) and (max-height:760px){
  .pcc-app-shell{--pcc-sidebar-fixed-width:clamp(168px,12.2vw,205px) !important;}
  .pcc-sidebar .pcc-logo-card,
  .pcc-sidebar.pcc-branded-sidebar .pcc-logo-card,
  .pcc-life-logo-card{padding:3px 10px 5px !important;}
  .pcc-sidebar .pcc-life-logo,
  .pcc-life-logo{width:clamp(72px,7.2vw,102px) !important;max-height:68px !important;margin-bottom:2px !important;}
  .pcc-logo-only,
  .pcc-life-logo-card .pcc-logo-sub{font-size:8px !important;letter-spacing:.14em !important;}
  .pcc-sidebar .pcc-nav-main,
  .pcc-sidebar .pcc-nav.pcc-nav-main,
  .pcc-nav-grouped{gap:3px !important;padding-top:3px !important;padding-bottom:4px !important;}
  .pcc-sidebar .pcc-nav-heading,
  .pcc-nav-heading{padding-top:3px !important;padding-bottom:1px !important;font-size:7.7px !important;}
  .pcc-nav-grouped .pcc-nav-link,
  .pcc-sidebar .pcc-nav a,
  .pcc-sidebar .pcc-nav-link{min-height:20px !important;padding:2px 10px !important;font-size:9px !important;gap:6px !important;}
  .pcc-sidebar .pcc-nav a span,
  .pcc-nav-grouped .pcc-nav-link span,
  .pcc-sidebar .pcc-nav-link span{font-size:9px !important;width:13px !important;min-width:13px !important;}
  .pcc-sidebar-footer .pcc-settings-nav-link{min-height:24px !important;padding:4px 10px !important;font-size:9px !important;}
  .pcc-topbar{padding:7px 14px !important;}
  .pcc-topbar-actions .pcc-btn,
  .pcc-topbar-actions a.pcc-btn,
  .pcc-topbar-actions button.pcc-btn{height:31px !important;min-height:31px !important;padding:0 12px !important;font-size:11px !important;}
  .pcc-week-badge{height:28px !important;min-height:28px !important;font-size:10px !important;}
}
@media (max-width:900px){
  .pcc-topbar{padding:12px 14px !important;}
  .pcc-topbar-title,
  .pcc-greeting.pcc-topbar-title{letter-spacing:.02em !important;}
  .pcc-topbar .pcc-subtitle{max-width:100% !important;white-space:normal !important;}
  .pcc-topbar-actions{flex-wrap:wrap !important;}
  .pcc-app-shell > .pcc-sidebar,
  .pcc-app-shell > .pcc-sidebar.pcc-branded-sidebar,
  .pcc-sidebar.pcc-branded-sidebar,
  .pcc-sidebar{position:relative !important;inset:auto !important;width:100% !important;height:auto !important;min-height:0 !important;max-height:none !important;overflow:hidden !important;}
  .pcc-app-shell > .pcc-main,
  .pcc-main{grid-column:1 !important;width:100% !important;margin-left:0 !important;}
}


/* v5.35.3 sidebar balance, outward rounded pills and flush topbar */
@media (min-width:901px){
  .pcc-app-shell{
    margin-top:0!important;
    padding-top:0!important;
    align-items:start!important;
    overflow-x:clip!important;
  }
  .pcc-app-shell > .pcc-main,
  .pcc-main{
    margin-top:0!important;
    padding-top:0!important;
    align-self:start!important;
  }
  .pcc-topbar{
    margin-top:0!important;
    border-top:0!important;
    top:0!important;
    transform:none!important;
  }
  body.admin-bar .pcc-topbar{
    top:0!important;
  }
  .pcc-page-content{
    margin-top:0!important;
  }

  .pcc-app-shell > .pcc-sidebar,
  .pcc-app-shell > .pcc-sidebar.pcc-branded-sidebar,
  .pcc-sidebar.pcc-branded-sidebar,
  .pcc-sidebar{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
    overflow:visible!important;
    padding:0 0 9px!important;
  }
  .pcc-sidebar .pcc-logo-card,
  .pcc-sidebar.pcc-branded-sidebar .pcc-logo-card,
  .pcc-life-logo-card{
    grid-row:1!important;
    margin:0!important;
    flex:0 0 auto!important;
  }
  .pcc-sidebar .pcc-nav-main,
  .pcc-sidebar .pcc-nav.pcc-nav-main,
  .pcc-nav-grouped{
    grid-row:2!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-evenly!important;
    align-content:stretch!important;
    gap:clamp(10px,2.2vh,26px)!important;
    margin:0!important;
    padding:clamp(10px,1.9vh,20px) 0!important;
    overflow:visible!important;
  }
  .pcc-sidebar .pcc-nav-group,
  .pcc-nav-group{
    display:grid!important;
    align-content:center!important;
    gap:clamp(2px,.58vh,7px)!important;
    margin:0!important;
  }
  .pcc-sidebar .pcc-nav-heading,
  .pcc-nav-heading{
    padding:0 16px clamp(4px,.55vh,7px)!important;
    margin:0!important;
    line-height:1!important;
  }

  .pcc-nav-grouped .pcc-nav-link,
  .pcc-sidebar .pcc-nav a,
  .pcc-sidebar .pcc-nav-link{
    border-left:0!important;
    border-right:0!important;
    border-top:0!important;
    border-bottom:0!important;
    outline:0!important;
    box-shadow:none!important;
    margin:0 12px 0 8px!important;
    padding:clamp(4px,.62vh,7px) 12px!important;
    min-height:clamp(25px,3.15vh,32px)!important;
    border-radius:999px!important;
    background:transparent!important;
    overflow:visible!important;
    position:relative!important;
    z-index:1!important;
    clip-path:none!important;
    transition:background-color .16s ease, color .16s ease, margin .16s ease, box-shadow .16s ease!important;
  }
  .pcc-nav-grouped .pcc-nav-link:hover:not(.active):not(.pcc-current),
  .pcc-sidebar .pcc-nav a:hover:not(.active):not(.pcc-current),
  .pcc-sidebar .pcc-nav-link:hover:not(.active):not(.pcc-current){
    margin-left:8px!important;
    margin-right:-14px!important;
    padding-left:12px!important;
    padding-right:26px!important;
    border:0!important;
    border-radius:999px!important;
    background:rgba(104,176,172,.22)!important;
    color:#fff!important;
    box-shadow:0 8px 18px rgba(0,0,0,.10)!important;
    overflow:visible!important;
    z-index:2!important;
  }
  .pcc-nav-grouped .pcc-nav-link.active,
  .pcc-sidebar .pcc-nav a.active,
  .pcc-sidebar .pcc-nav a.pcc-current,
  .pcc-sidebar .pcc-nav-link.active,
  .pcc-sidebar .pcc-nav-link.pcc-current{
    margin-left:8px!important;
    margin-right:-18px!important;
    padding-left:13px!important;
    padding-right:30px!important;
    border:1px solid rgba(221,173,106,.68)!important;
    border-right:0!important;
    border-radius:999px!important;
    background:var(--pcc-bg,var(--pcc-cream,#FBF6ED))!important;
    color:var(--pcc-night,#0c2e42)!important;
    box-shadow:0 10px 22px rgba(0,0,0,.14)!important;
    overflow:visible!important;
    z-index:4!important;
  }
  .pcc-nav-grouped .pcc-nav-link:hover::before,
  .pcc-sidebar .pcc-nav a:hover::before,
  .pcc-sidebar .pcc-nav-link:hover::before,
  .pcc-nav-grouped .pcc-nav-link.active::before,
  .pcc-sidebar .pcc-nav a.active::before,
  .pcc-sidebar .pcc-nav a.pcc-current::before,
  .pcc-sidebar .pcc-nav-link.active::before,
  .pcc-sidebar .pcc-nav-link.pcc-current::before{
    display:none!important;
    content:none!important;
  }

  .pcc-sidebar-footer{
    grid-row:3!important;
    margin-top:0!important;
    flex:0 0 auto!important;
  }
  .pcc-sidebar-footer .pcc-settings-nav-link{
    border:0!important;
    border-radius:999px!important;
    overflow:visible!important;
  }
  .pcc-sidebar-footer .pcc-settings-nav-link:hover,
  .pcc-sidebar-footer .pcc-settings-nav-link.active,
  .pcc-sidebar-footer .pcc-settings-nav-link.pcc-current{
    margin-left:0!important;
    margin-right:-18px!important;
    padding-right:28px!important;
    border:1px solid rgba(221,173,106,.68)!important;
    border-right:0!important;
    border-radius:999px!important;
    background:var(--pcc-bg,var(--pcc-cream,#FBF6ED))!important;
    color:var(--pcc-night,#0c2e42)!important;
    box-shadow:0 10px 22px rgba(0,0,0,.14)!important;
  }
}
@media (min-width:901px) and (max-height:760px){
  .pcc-sidebar .pcc-nav-main,
  .pcc-sidebar .pcc-nav.pcc-nav-main,
  .pcc-nav-grouped{
    justify-content:space-evenly!important;
    gap:clamp(3px,.9vh,8px)!important;
    padding:4px 0!important;
  }
  .pcc-sidebar .pcc-nav-group,
  .pcc-nav-group{
    gap:1px!important;
  }
  .pcc-sidebar .pcc-nav-heading,
  .pcc-nav-heading{
    padding:0 13px 2px!important;
  }
  .pcc-nav-grouped .pcc-nav-link,
  .pcc-sidebar .pcc-nav a,
  .pcc-sidebar .pcc-nav-link{
    min-height:20px!important;
    padding:2px 10px!important;
  }
  .pcc-nav-grouped .pcc-nav-link:hover:not(.active):not(.pcc-current),
  .pcc-sidebar .pcc-nav a:hover:not(.active):not(.pcc-current),
  .pcc-sidebar .pcc-nav-link:hover:not(.active):not(.pcc-current){
    padding-right:22px!important;
  }
  .pcc-nav-grouped .pcc-nav-link.active,
  .pcc-sidebar .pcc-nav a.active,
  .pcc-sidebar .pcc-nav a.pcc-current,
  .pcc-sidebar .pcc-nav-link.active,
  .pcc-sidebar .pcc-nav-link.pcc-current{
    padding-right:24px!important;
  }
}