/* Mi espacio: presentation layer for the authenticated project workspace. */
body.is-space-view {
  overflow-x: hidden;
  background: #080808;
  color: #f5f5f5;
}

body.is-space-view .topbar {
  height: 72px;
  padding: 0 30px;
  border-bottom: 1px solid #202020;
  background: #080808;
}

body.is-space-view .topbar-context { display: none; }
body.is-space-view .topbar-actions { gap: 12px; }
body.is-space-view .help-button { color: #c5c5c5; }
body.is-space-view .account-button {
  min-height: 40px;
  border-color: #303030;
  border-radius: 9px;
  background: #141414;
  color: #f5f5f5;
}

#spaceView.space-view {
  min-height: calc(100dvh - 72px);
  padding: 0;
  background: #080808;
  color: #f5f5f5;
}

.space-view__shell {
  display: grid;
  grid-template-columns: 236px minmax(0, 1fr);
  min-height: calc(100dvh - 72px);
}

.space-sidebar {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 24px 14px 18px;
  border-right: 1px solid #202020;
  background: #0b0b0b;
}

.space-sidebar__brand {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  margin: 0 8px 28px;
}

.space-sidebar__brand img {
  width: 32px;
  height: 32px;
  object-fit: contain;
  border: 1px solid #2e2e2e;
  border-radius: 8px;
  background: #000;
}

.space-sidebar__brand strong,
.space-sidebar__brand small { display: block; }
.space-sidebar__brand strong { color: #f5f5f5; font-size: 12px; letter-spacing: -.02em; }
.space-sidebar__brand small { margin-top: 3px; color: #777; font-size: 8px; letter-spacing: .18em; text-transform: uppercase; }

.space-sidebar__nav { display: grid; gap: 5px; }
.space-sidebar__nav button,
.space-help-link {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 52px;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  color: #a2a2a2;
  text-align: left;
}

.space-sidebar__nav button:hover,
.space-help-link:hover,
.space-sidebar__nav button.is-active {
  border-color: #30352d;
  background: #151914;
  color: #f5f5f5;
}

.space-sidebar__nav button.is-active { box-shadow: inset 2px 0 #c9f45b; }
.space-nav__icon {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border: 1px solid #3c3c3c;
  border-radius: 7px;
  color: #d0d0d0;
  font-size: 15px;
  line-height: 1;
}
.space-sidebar__nav button.is-active .space-nav__icon,
.space-help-link:hover .space-nav__icon { border-color: #c9f45b; color: #c9f45b; }
.space-sidebar__nav strong,
.space-sidebar__nav small,
.space-help-link strong,
.space-help-link small { display: block; }
.space-sidebar__nav strong,
.space-help-link strong { color: inherit; font-size: 12px; font-weight: 700; }
.space-sidebar__nav small,
.space-help-link small { margin-top: 3px; color: #777; font-size: 10px; }

.space-sidebar__lower { display: grid; gap: 14px; margin-top: auto; }
.space-help-link { border-top: 1px solid #202020; border-radius: 0; padding-top: 18px; }
.space-sidebar__account {
  display: grid;
  gap: 5px;
  padding: 14px 10px 0;
  border-top: 1px solid #202020;
}
.space-sidebar__account > span { color: #777; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.space-sidebar__account > strong { overflow: hidden; color: #ddd; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.space-sidebar__account > button {
  justify-self: start;
  min-height: 28px;
  padding: 5px 0;
  border: 0;
  background: transparent;
  color: #aaa;
  font-size: 10px;
}
.space-sidebar__account > button:hover { color: #fff; }

.space-view__content { min-width: 0; background: #0a0a0a; }
.space-view__topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 54px;
  padding: 12px clamp(22px, 3.2vw, 52px);
  border-bottom: 1px solid #202020;
}
.space-view__crumb { display: none; }
.space-view__crumb b { color: #444; font-weight: 500; }
.space-view__crumb strong { color: #e9e9e9; font-weight: 650; }
.space-view__top-actions { display: flex; align-items: center; gap: 16px; margin-left: auto; }
.space-sync-status { display: inline-flex; align-items: center; gap: 7px; color: #8f8f8f; font-size: 10px; }
.space-sync-status i { width: 6px; height: 6px; border-radius: 50%; background: #a8ce56; }
.space-create-button {
  min-height: 38px;
  padding: 9px 14px;
  border: 1px solid #c9f45b;
  border-radius: 8px;
  background: #c9f45b;
  color: #101010;
  font-size: 11px;
  font-weight: 800;
}
.space-create-button:hover { background: #e0ffa1; border-color: #e0ffa1; }

.space-view__main { width: min(100%, 1560px); margin: 0 auto; padding: clamp(28px, 3.4vw, 48px) clamp(22px, 3.2vw, 52px) 64px; }
.space-view__hero { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-bottom: 26px; }
.space-view__eyebrow { margin: 0 0 10px; color: #888; font-size: 9px; font-weight: 800; letter-spacing: .14em; }
.space-view__hero h1 { margin: 0; color: #fff; font-size: clamp(32px, 4vw, 48px); font-weight: 750; letter-spacing: -.055em; line-height: .98; }
.space-view__description { max-width: 560px; margin: 11px 0 0; color: #929292; font-size: 13px; line-height: 1.55; }
.space-view__hero-note { display: inline-flex; align-items: center; gap: 7px; min-width: 0; padding: 7px 10px; border: 1px solid #2c2c2c; border-radius: 99px; background: #111; }
.space-view__hero-note span { color: #858585; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.space-view__hero-note strong { color: #d2d2d2; font-size: 10px; font-weight: 600; }

body.is-space-view .saved-projects { margin: 0; padding: 0; border: 0; }
body.is-space-view .saved-heading { display: flex; align-items: flex-end; gap: 12px; margin: 0 0 16px; }
body.is-space-view .saved-heading h3 { margin: 0; color: #f5f5f5; font-size: 18px; font-weight: 700; letter-spacing: -.03em; }
body.is-space-view .saved-heading > span { margin-left: auto; color: #777; font-size: 10px; }
body.is-space-view .saved-heading > #newProjectBtn { display: none; }

body.is-space-view .project-overview {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: none;
  gap: 12px;
  margin: 0 0 20px;
  padding: 0;
  border: 0;
}
body.is-space-view .project-stat {
  display: grid;
  gap: 7px;
  min-height: 72px;
  padding: 12px 15px;
  border: 1px solid #272727;
  border-radius: 10px;
  background: #111;
}
body.is-space-view .project-stat::before { content: ''; display: block; width: 9px; height: 9px; border: 1px solid #777; border-radius: 3px; }
body.is-space-view .project-stat:nth-child(2)::before { border-color: #a8ce56; border-radius: 50%; }
body.is-space-view .project-stat:nth-child(3)::before { border-color: #aaa; border-style: dashed; border-radius: 50%; }
body.is-space-view .project-stat strong { color: #f5f5f5; font-size: 24px; font-weight: 750; letter-spacing: -.04em; line-height: 1; }
body.is-space-view .project-stat span { color: #8d8d8d; font-size: 10px; }

body.is-space-view .project-tools { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 18px; }
body.is-space-view .project-search { flex: 1 1 auto; width: auto; max-width: none; min-height: 40px; padding: 9px 12px; border: 1px solid #2e2e2e; border-radius: 8px; background: #111; color: #f5f5f5; font-size: 11px; }
body.is-space-view .project-search::placeholder { color: #707070; }
body.is-space-view .project-search:focus { border-color: #686868; outline: 3px solid #ffffff12; }
body.is-space-view .project-filters { display: flex; gap: 4px; padding: 3px; border: 1px solid #292929; border-radius: 8px; background: #111; }
body.is-space-view .project-filter { min-height: 31px; padding: 6px 11px; border: 1px solid transparent; border-radius: 6px; background: transparent; color: #858585; font-size: 10px; }
body.is-space-view .project-filter:hover { color: #fff; }
body.is-space-view .project-filter.is-active { border-color: #444; background: #252525; color: #fff; }

body.is-space-view #projectList { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; margin-top: 0; }
body.is-space-view .project-card.project-card--enhanced {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 320px;
  padding: 0;
  overflow: hidden;
  border: 1px solid #292929;
  border-radius: 12px;
  background: #111;
  color: #f5f5f5;
  box-shadow: 0 12px 30px #0004;
  transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
body.is-space-view .project-card.project-card--enhanced:hover { border-color: #4a4a4a; transform: translateY(-2px); box-shadow: 0 18px 36px #0006; }
body.is-space-view .project-card[hidden] { display: none !important; }
body.is-space-view .project-card__thumb { position: relative; display: block; width: 100%; aspect-ratio: 16 / 8.6; min-height: 0; overflow: hidden; border: 0; border-bottom: 1px solid #292929; border-radius: 0; background: #1a1a1a; }
body.is-space-view .project-card__thumb img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: cover; }
body.is-space-view .project-card__thumb-label { position: absolute; right: 10px; bottom: 9px; padding: 4px 6px; border: 1px solid #ffffff30; border-radius: 5px; background: #0009; color: #fff; font-size: 8px; }
body.is-space-view .project-card__mock { position: absolute; inset: 0; overflow: hidden; background: linear-gradient(135deg, #1a1a1a, #292929 55%, color-mix(in srgb, var(--project-accent) 28%, #101010)); }
body.is-space-view .project-card__mock::after { content: ''; position: absolute; width: 180px; height: 180px; right: -42px; bottom: -82px; border-radius: 50%; background: var(--project-accent); opacity: .22; filter: blur(2px); }
body.is-space-view .project-card__mock-top { position: absolute; inset: 10px 12px auto; display: flex; align-items: center; gap: 4px; color: #d6d6d6; }
body.is-space-view .project-card__mock-top i { width: 5px; height: 5px; border-radius: 50%; background: #777; }
body.is-space-view .project-card__mock-top b { margin-left: 9px; overflow: hidden; color: #bbb; font-size: 7px; font-weight: 600; letter-spacing: .03em; text-overflow: ellipsis; white-space: nowrap; }
body.is-space-view .project-card__mock-copy { position: absolute; z-index: 1; left: 15px; right: 15px; bottom: 17px; display: grid; gap: 5px; max-width: 75%; }
body.is-space-view .project-card__mock-copy strong { display: -webkit-box; overflow: hidden; color: #fff; font-size: clamp(13px, 1.2vw, 18px); font-weight: 750; letter-spacing: -.04em; line-height: 1.05; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
body.is-space-view .project-card__mock-copy small { overflow: hidden; color: #d0d0d0; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
body.is-space-view .project-card__mock-copy em { width: 38px; height: 3px; border-radius: 99px; background: var(--project-accent); }
body.is-space-view .project-card__mock-surface { position: absolute; top: 28px; right: 16px; width: 38%; height: 48%; border: 1px solid #ffffff22; border-radius: 8px; background: linear-gradient(145deg, #ffffff15, #ffffff03); transform: rotate(4deg); }
body.is-space-view .project-card__content { display: grid; align-content: start; gap: 8px; min-width: 0; padding: 15px 15px 0; }
body.is-space-view .project-card__content strong { overflow: hidden; color: #f5f5f5; font-size: 15px; font-weight: 700; letter-spacing: -.025em; text-overflow: ellipsis; white-space: nowrap; }
body.is-space-view .project-card__category { display: block; color: #8b8b8b; font-size: 10px; }
body.is-space-view .project-meta { display: flex; align-items: center; gap: 6px 8px; flex-wrap: wrap; }
body.is-space-view .project-status { padding: 4px 7px; border: 1px solid #3b3b3b; border-radius: 99px; background: #1a1a1a; color: #c2c2c2; font-size: 9px; }
body.is-space-view .project-status.is-published { border-color: #52672d; background: #172010; color: #c9f45b; }
body.is-space-view .project-meta small { color: #777; font-size: 9px; }
body.is-space-view .project-meta .project-updated { flex-basis: 100%; color: #686868; }
body.is-space-view .project-card__url { overflow: hidden; color: #888; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
body.is-space-view .project-actions { display: flex; gap: 6px; margin-top: auto; padding: 15px; }
body.is-space-view .project-actions button,
body.is-space-view .project-actions a { display: inline-flex; align-items: center; justify-content: center; min-height: 32px; padding: 7px 10px; border: 1px solid #333; border-radius: 7px; background: #171717; color: #c8c8c8; font-size: 10px; text-decoration: none; }
body.is-space-view .project-actions button:hover,
body.is-space-view .project-actions a:hover { border-color: #777; color: #fff; }
body.is-space-view .project-actions button[data-load-project] { border-color: #e3e3e3; background: #f1f1f1; color: #111; font-weight: 750; }
body.is-space-view .project-actions button[data-load-project]:hover { border-color: #fff; background: #fff; }
body.is-space-view .space-create-card { grid-column: span 2; display: grid; place-content: center; justify-items: center; min-height: 410px; padding: 28px; border: 1px dashed #3c3c3c; border-radius: 12px; background: #0f0f0f; color: #d9d9d9; text-align: center; transition: border-color .18s ease, background .18s ease, transform .18s ease; }
body.is-space-view .space-create-card:hover { border-color: #777; background: #141414; transform: translateY(-2px); }
body.is-space-view .space-create-card__plus { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 14px; border: 1px solid #596b37; border-radius: 50%; color: #c9f45b; font-size: 24px; line-height: 1; }
body.is-space-view .space-create-card strong { color: #f5f5f5; font-size: 16px; }
body.is-space-view .space-create-card small { max-width: 260px; margin-top: 7px; color: #858585; font-size: 10px; line-height: 1.5; }
body.is-space-view .space-create-card__cta { display: inline-flex; align-items: center; gap: 10px; margin-top: 18px; padding: 9px 12px; border: 1px solid #333; border-radius: 7px; background: #171717; color: #d2d2d2; font-size: 10px; font-weight: 700; }
body.is-space-view .space-create-card__cta b { color: #c9f45b; font-size: 14px; }
body.is-space-view .project-filter-empty,
body.is-space-view #projectList > .empty-state { grid-column: 1 / -1; min-height: 140px; padding: 40px 20px; border: 1px dashed #353535; border-radius: 10px; background: #111; color: #898989; text-align: center; }
body.is-space-view .insights-panel { grid-column: 1 / -1; margin-top: 4px; padding: 16px 18px; border: 1px solid #272727; border-radius: 10px; background: #101010; color: #bdbdbd; }
body.is-space-view .insights-panel > strong { display: block; margin-bottom: 5px; color: #f1f1f1; font-size: 12px; }
body.is-space-view #insightsSummary { color: #858585; font-size: 10px; }
body.is-space-view #insightsSummary button { margin-left: 8px; padding: 4px 7px; border: 1px solid #363636; border-radius: 5px; background: #171717; color: #c9f45b; font-size: 9px; }
body.is-space-view #leadList { margin-top: 10px; }
body.is-space-view #leadList > small { color: #747474; font-size: 10px; }

@media (max-width: 1180px) {
  .space-view__shell { grid-template-columns: 210px minmax(0, 1fr); }
  body.is-space-view #projectList { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.is-space-view .space-create-card { grid-column: auto; }
}

@media (max-width: 760px) {
  body.is-space-view .topbar { height: 64px; padding: 0 16px; }
  #spaceView.space-view { min-height: calc(100dvh - 64px); }
  .space-view__shell { display: block; min-height: calc(100dvh - 64px); }
  .space-sidebar { display: block; padding: 8px 12px; border-right: 0; border-bottom: 1px solid #202020; }
  .space-sidebar__brand, .space-sidebar__lower { display: none; }
  .space-sidebar__nav { display: flex; gap: 6px; overflow-x: hidden; }
  .space-sidebar__nav button { flex: 1 1 0; width: auto; min-width: 0; grid-template-columns: 25px minmax(0, 1fr); min-height: 42px; padding: 6px 9px; }
  .space-sidebar__nav button small { display: none; }
  .space-sidebar__nav button strong { font-size: 10px; }
  .space-nav__icon { width: 24px; height: 24px; font-size: 13px; }
  .space-view__topbar { min-height: 58px; padding: 9px 16px; }
  .space-view__crumb { display: none; }
  .space-view__top-actions { gap: 8px; }
  .space-sync-status { display: none; }
  .space-create-button { min-height: 34px; padding: 7px 10px; font-size: 10px; }
  body.is-space-view .topbar .account-button { max-width: 116px; overflow: hidden; padding-inline: 9px; text-overflow: ellipsis; white-space: nowrap; }
  .space-view__main { padding: 25px 16px 40px; }
  .space-view__hero { display: block; margin-bottom: 24px; }
  .space-view__hero h1 { font-size: 34px; }
  .space-view__description { font-size: 12px; }
  .space-view__hero-note { display: none; }
  body.is-space-view .saved-heading { align-items: flex-start; flex-wrap: wrap; }
  body.is-space-view .saved-heading > span { width: 100%; margin: 0; }
  body.is-space-view .project-overview { gap: 7px; margin-bottom: 18px; }
  body.is-space-view .project-stat { min-height: 74px; padding: 12px 10px; gap: 5px; }
  body.is-space-view .project-stat strong { font-size: 22px; }
  body.is-space-view .project-stat span { font-size: 9px; }
  body.is-space-view .project-tools { display: grid; grid-template-columns: minmax(0, 1fr); gap: 9px; }
  body.is-space-view .project-search { width: 100%; }
  body.is-space-view .project-filters { width: max-content; max-width: 100%; overflow-x: auto; }
  body.is-space-view #projectList { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  body.is-space-view .project-card.project-card--enhanced { min-height: 300px; }
  body.is-space-view .space-create-card { grid-column: auto; min-height: 250px; }
}

@media (prefers-reduced-motion: reduce) {
  body.is-space-view .project-card.project-card--enhanced { transition: none; }
}

/* Reference dashboard: one shell, one header, real project data only. */
body.is-space-view{background:#080808;color:#f5f5f5;overflow-x:hidden}
body.is-space-view>.topbar{display:none!important}
#spaceView.space-view{min-height:100dvh;background:#080808;color:#f5f5f5}
.space-view__shell{grid-template-columns:198px minmax(0,1fr);min-height:100dvh}
.space-sidebar{padding:18px 12px 16px;border-right:1px solid #242424;background:#0b0b0b}
.space-sidebar__brand{min-height:38px;margin:0 7px 28px;padding-bottom:20px;border-bottom:1px solid #222}
.space-sidebar__brand img{width:29px;height:29px;border-color:#2d2d2d;border-radius:7px}.space-sidebar__brand strong{font-size:11px}.space-sidebar__brand small{font-size:7px}
.space-sidebar__nav{gap:5px}.space-sidebar__nav button,.space-help-link{min-height:48px;padding:7px 8px;border-radius:8px}.space-sidebar__nav button.is-active{border-color:#3c4d26;background:#151b12;box-shadow:inset 2px 0 #c9f45b}.space-nav__icon{width:24px;height:24px;border-color:#3b3b3b;border-radius:6px;font-size:13px}.space-sidebar__nav button.is-active .space-nav__icon{border-color:#c9f45b;color:#c9f45b}.space-sidebar__nav strong,.space-help-link strong{font-size:11px}.space-sidebar__nav small,.space-help-link small{font-size:8px}.space-help-link{border-top:1px solid #222;border-radius:0;padding-top:16px}
.space-sidebar__account{padding:13px 8px 0;border-color:#222}.space-sidebar__account>span{font-size:8px}.space-sidebar__account>button{font-size:9px}
.space-view__content{background:#080808}.space-view__topbar{min-height:64px;padding:12px 28px;border-bottom-color:#242424}.space-view__crumb{display:flex;align-items:center;gap:8px;color:#777;font-size:10px}.space-view__crumb strong{color:#eee;font-size:10px}.space-view__top-actions{gap:10px}.space-sync-status{font-size:9px}.space-sync-status i{background:#9fca50}.space-help-button,.space-editor-button{min-height:32px;padding:7px 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:#aaa;font-size:10px}.space-help-button:hover,.space-editor-button:hover{border-color:#3a3a3a;background:#171717;color:#fff}.space-editor-button{display:none}.space-account-chip{display:inline-flex;align-items:center;gap:7px;max-width:190px;padding:5px 8px;border:1px solid #2c2c2c;border-radius:7px;background:#111}.space-account-chip i{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#dedede;color:#111;font-size:9px;font-style:normal;font-weight:800}.space-account-chip strong{overflow:hidden;color:#c9c9c9;font-size:9px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.space-create-button{min-height:34px;padding:8px 12px;border-color:#c9f45b;border-radius:7px;background:#c9f45b;color:#101010;font-size:10px}.space-create-button:hover{background:#e1ff91;border-color:#e1ff91}
.space-view__main{width:min(100%,1420px);padding:42px 48px 64px}.space-view__hero{align-items:flex-start;margin-bottom:31px}.space-view__eyebrow{margin-bottom:9px;color:#888;font-size:9px}.space-view__hero h1{font-size:clamp(38px,4.2vw,56px);letter-spacing:-.065em}.space-view__description{margin-top:10px;color:#969696;font-size:13px}.space-view__hero-note{margin-top:4px;padding:9px 12px;border-color:#292929;background:#111}.space-view__hero-note span{font-size:8px}.space-view__hero-note strong{font-size:9px}
body.is-space-view .saved-heading{display:none}.space-view__projects{padding-top:0}body.is-space-view .project-overview{gap:12px;margin:0 0 20px}body.is-space-view .project-stat{min-height:82px;padding:14px 16px;border-color:#272727;border-radius:9px;background:#111}body.is-space-view .project-stat::before{width:22px;height:22px;border-color:#5d5d5d;border-radius:6px}body.is-space-view .project-stat:nth-child(2)::before{border-color:#9fca50;border-radius:50%}body.is-space-view .project-stat:nth-child(3)::before{border-color:#777;border-radius:5px}body.is-space-view .project-stat strong{font-size:26px}body.is-space-view .project-stat span{font-size:10px}
body.is-space-view .project-tools{margin-bottom:18px}body.is-space-view .project-search{min-height:40px;border-color:#2d2d2d;border-radius:7px;background:#111;font-size:10px}body.is-space-view .project-filters{border-color:#2d2d2d;border-radius:7px;background:#111}body.is-space-view .project-filter{font-size:9px}body.is-space-view .project-filter.is-active{border-color:#4b4b4b;background:#252525}
body.is-space-view #projectList{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}body.is-space-view .project-card.project-card--enhanced{min-height:360px;border-color:#2b2b2b;border-radius:10px;background:#111;box-shadow:0 14px 34px #0006}body.is-space-view .project-card__thumb{aspect-ratio:16/8.3;border-bottom-color:#2b2b2b;background:#191919}body.is-space-view .project-card__content{gap:7px;padding:14px 15px 0}body.is-space-view .project-card__content strong{font-size:15px}body.is-space-view .project-card__category{font-size:9px}body.is-space-view .project-status{font-size:9px}body.is-space-view .project-actions{padding:14px 15px}body.is-space-view .project-actions button,body.is-space-view .project-actions a{min-height:31px;font-size:9px}body.is-space-view .space-create-card{grid-column:auto;min-height:360px;border-color:#3b3b3b;border-radius:10px;background:#0f0f0f}.space-create-card__plus{border-color:#556b32!important;color:#c9f45b!important}.space-create-card strong{font-size:15px!important}.space-create-card small{font-size:9px!important}.space-create-card__cta{font-size:9px!important}
body.is-space-view .insights-panel{margin-top:4px;padding:16px 18px;border-color:#282828;border-radius:9px;background:#111}body.is-space-view .insights-panel>strong{font-size:11px}
@media(max-width:1180px){.space-view__main{padding-inline:32px}body.is-space-view #projectList{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.space-view__shell{display:block;min-height:100dvh}.space-sidebar{padding:8px 10px;border-right:0;border-bottom:1px solid #242424}.space-sidebar__brand,.space-sidebar__lower{display:none}.space-sidebar__nav{gap:5px}.space-sidebar__nav button{min-height:40px;padding:5px 8px}.space-sidebar__nav button small{display:none}.space-sidebar__nav button strong{font-size:9px}.space-nav__icon{width:22px;height:22px;font-size:12px}.space-view__topbar{min-height:58px;padding:9px 14px}.space-view__crumb{display:none}.space-view__top-actions{width:100%;gap:6px}.space-sync-status,.space-help-button{display:none}.space-editor-button{display:inline-flex}.space-account-chip{max-width:31px;padding:3px;border:0;background:transparent}.space-account-chip strong{display:none}.space-account-chip i{width:22px;height:22px}.space-create-button{margin-left:auto;min-height:32px;padding:7px 9px;font-size:9px}.space-view__main{padding:26px 14px 38px}.space-view__hero{display:block;margin-bottom:24px}.space-view__hero h1{font-size:34px}.space-view__description{max-width:31ch;font-size:12px}.space-view__hero-note{display:inline-flex;margin-top:16px}.space-view__hero-note span{font-size:8px}.space-view__hero-note strong{font-size:9px}body.is-space-view .project-overview{gap:6px;margin-bottom:17px}body.is-space-view .project-stat{min-height:70px;padding:10px 8px;gap:5px}body.is-space-view .project-stat::before{width:17px;height:17px}body.is-space-view .project-stat strong{font-size:21px}body.is-space-view .project-stat span{font-size:8px}body.is-space-view .project-tools{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}body.is-space-view .project-search{width:100%}body.is-space-view .project-filters{width:max-content;max-width:100%;overflow-x:auto}body.is-space-view #projectList{grid-template-columns:minmax(0,1fr);gap:10px}body.is-space-view .project-card.project-card--enhanced{min-height:310px}body.is-space-view .space-create-card{min-height:230px}}
