/* Yegu visual language — aligned with the approved pastel mockup */
:root{
  --yegu-home:#2563EB;--yegu-home-bg:#EFF6FF;
  --yegu-coordinate:#1D4ED8;--yegu-coordinate-bg:#EEF4FF;
  --yegu-calendar:#0EA5E9;--yegu-calendar-bg:#E0F2FE;
  --yegu-members:#0F4C81;--yegu-members-bg:#EDF6FF;
  --yegu-event:#2563EB;--yegu-event-bg:#EFF6FF;
  --yegu-birthday:#0EA5E9;--yegu-birthday-bg:#E0F2FE;
}

/* Shared line-icon language. */
.landing-main[style*="max-width: 950px"] > section > div:nth-of-type(2) button::before,
.dashboard-preview .dashboard-avatar::before{
  content:'';display:block;width:32px;height:32px;flex:0 0 32px;
  background-color:currentColor;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain;
}

/* Detail navigation */
.landing-main[style*="max-width: 950px"] > section > div:nth-of-type(2){width:100%;align-items:stretch!important;gap:14px!important}
.landing-main[style*="max-width: 950px"] > section > div:nth-of-type(2) > div:first-child{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px!important;flex:1 1 100%}
.landing-main[style*="max-width: 950px"] > section > div:nth-of-type(2) > div:first-child > button{min-height:92px;padding:12px 8px!important;border:1px solid transparent;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;white-space:normal!important;text-align:center;box-shadow:none;font-size:14px;line-height:1.15}

/* Home — house */
.landing-main[style*="max-width: 950px"] > section > div:nth-of-type(2) > div:first-child > button:nth-child(1){color:var(--yegu-home);background:var(--yegu-home-bg);border-color:#e8d9eb}
.landing-main[style*="max-width: 950px"] > section > div:nth-of-type(2) > div:first-child > button:nth-child(1)::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 10.5 12 3.8l8.5 6.7'/%3E%3Cpath d='M5.7 9.2v10.5h4.1v-6h4.4v6h4.1V9.2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 10.5 12 3.8l8.5 6.7'/%3E%3Cpath d='M5.7 9.2v10.5h4.1v-6h4.4v6h4.1V9.2'/%3E%3C/svg%3E")}
/* Coordinate — simple calendar */
.landing-main[style*="max-width: 950px"] > section > div:nth-of-type(2) > div:first-child > button:nth-child(2){color:var(--yegu-coordinate);background:var(--yegu-coordinate-bg);border-color:#ead6e5}
.landing-main[style*="max-width: 950px"] > section > div:nth-of-type(2) > div:first-child > button:nth-child(2)::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.8' y='5.5' width='16.4' height='14.5' rx='2.2'/%3E%3Cpath d='M7.5 3.5v4M16.5 3.5v4M3.8 9.5h16.4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.8' y='5.5' width='16.4' height='14.5' rx='2.2'/%3E%3Cpath d='M7.5 3.5v4M16.5 3.5v4M3.8 9.5h16.4'/%3E%3C/svg%3E")}
/* Calendar — calendar with days */
.landing-main[style*="max-width: 950px"] > section > div:nth-of-type(2) > div:first-child > button:nth-child(3){color:var(--yegu-calendar);background:var(--yegu-calendar-bg);border-color:#cfe9e1}
.landing-main[style*="max-width: 950px"] > section > div:nth-of-type(2) > div:first-child > button:nth-child(3)::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.8' y='5.5' width='16.4' height='14.5' rx='2.2'/%3E%3Cpath d='M7.5 3.5v4M16.5 3.5v4M3.8 9.5h16.4M8 13h3M13 13h3M8 16.5h3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.8' y='5.5' width='16.4' height='14.5' rx='2.2'/%3E%3Cpath d='M7.5 3.5v4M16.5 3.5v4M3.8 9.5h16.4M8 13h3M13 13h3M8 16.5h3'/%3E%3C/svg%3E")}
/* Members — people */
.landing-main[style*="max-width: 950px"] > section > div:nth-of-type(2) > div:first-child > button:nth-child(4){color:var(--yegu-members);background:var(--yegu-members-bg);border-color:#f3d9cd}
.landing-main[style*="max-width: 950px"] > section > div:nth-of-type(2) > div:first-child > button:nth-child(4)::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8.2' r='2.7'/%3E%3Ccircle cx='16.5' cy='9.2' r='2.1'/%3E%3Cpath d='M3.8 19c.3-4 2.2-6 5.2-6s5 2 5.3 6M14.2 14c.7-.7 1.6-1 2.6-1 2.4 0 3.7 1.7 3.9 4.8'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8.2' r='2.7'/%3E%3Ccircle cx='16.5' cy='9.2' r='2.1'/%3E%3Cpath d='M3.8 19c.3-4 2.2-6 5.2-6s5 2 5.3 6M14.2 14c.7-.7 1.6-1 2.6-1 2.4 0 3.7 1.7 3.9 4.8'/%3E%3C/svg%3E")}

/* Active nav remains pastel, with stronger outline instead of unrelated solid colors. */
.landing-main[style*="max-width: 950px"] > section > div:nth-of-type(2) > div:first-child > button.header-signup{box-shadow:0 0 0 2px currentColor inset,0 7px 18px rgba(74,48,70,.08);font-weight:800}
.landing-main[style*="max-width: 950px"] > section > div:nth-of-type(2) > div:first-child > button.header-signup:nth-child(1){background:#e8d7ec;color:var(--yegu-home)}
.landing-main[style*="max-width: 950px"] > section > div:nth-of-type(2) > div:first-child > button.header-signup:nth-child(2){background:#efd5e8;color:var(--yegu-coordinate)}
.landing-main[style*="max-width: 950px"] > section > div:nth-of-type(2) > div:first-child > button.header-signup:nth-child(3){background:#d5eee7;color:var(--yegu-calendar)}
.landing-main[style*="max-width: 950px"] > section > div:nth-of-type(2) > div:first-child > button.header-signup:nth-child(4){background:#f9dfd2;color:var(--yegu-members)}

/* Creation actions are styled only through .yegu-create-* classes below. */

/* Color continuity into the content below the selected access. */
.landing-main[style*="max-width: 950px"]:has(.yegu-nav-coordinate.is-active) .coordinations{--section:#9b3f83;--section-bg:#fbf0f7}
.landing-main[style*="max-width: 950px"]:has(.yegu-nav-coordinate.is-active) .coord-item,
.landing-main[style*="max-width: 950px"]:has(.yegu-nav-coordinate.is-active) .coord-form{border-color:#ead6e5;background:var(--section-bg)}
.landing-main[style*="max-width: 950px"]:has(.yegu-nav-coordinate.is-active) .coord-badge{color:var(--section)}
.landing-main[style*="max-width: 950px"]:has(.yegu-nav-calendar.is-active) .dashboard-card{border:2px solid #cfe9e1;background:#fbfffd}
.landing-main[style*="max-width: 950px"]:has(.yegu-nav-calendar.is-active) .dashboard-card>.dashboard-label:first-child{color:var(--yegu-calendar)}
.landing-main[style*="max-width: 950px"]:has(.yegu-nav-members.is-active) .dashboard-card{border:2px solid #f1d7cb;background:#fffaf7}
.landing-main[style*="max-width: 950px"]:has(.yegu-nav-members.is-active) .dashboard-card .dashboard-label{color:var(--yegu-members)}
.landing-main[style*="max-width: 950px"]:has(.yegu-nav-members.is-active) .dashboard-card .header-signup{background:#f9dfd2;color:var(--yegu-members);box-shadow:none}

/* Landing preview: large group icon, not a tiny letter/symbol. */
.dashboard-preview .dashboard-avatar{width:58px;height:58px;min-width:58px;border-radius:50%;font-size:0;background:#f1e2ee;color:#8f3c7b}
.dashboard-preview .dashboard-avatar::before{width:34px;height:34px;background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8.2' r='2.7'/%3E%3Ccircle cx='16.5' cy='9.2' r='2.1'/%3E%3Cpath d='M3.8 19c.3-4 2.2-6 5.2-6s5 2 5.3 6M14.2 14c.7-.7 1.6-1 2.6-1 2.4 0 3.7 1.7 3.9 4.8'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8.2' r='2.7'/%3E%3Ccircle cx='16.5' cy='9.2' r='2.1'/%3E%3Cpath d='M3.8 19c.3-4 2.2-6 5.2-6s5 2 5.3 6M14.2 14c.7-.7 1.6-1 2.6-1 2.4 0 3.7 1.7 3.9 4.8'/%3E%3C/svg%3E")}
.dashboard-preview .dashboard-event{grid-template-columns:52px minmax(0,1fr)!important;text-align:left!important}
.dashboard-preview .event-info{text-align:left!important;justify-self:start!important}

/* Stable preview in portrait and landscape: title intentionally stays on two lines. */
.dashboard-preview .dashboard-card{width:410px;max-width:100%}
.dashboard-preview .dashboard-header{grid-template-columns:minmax(0,1fr) 58px;gap:16px}
.dashboard-preview .dashboard-header h2{width:220px;max-width:220px;min-width:220px;line-height:1.15}
@media (orientation:landscape) and (max-height:560px){.dashboard-preview{justify-content:center;width:100%;min-width:0}.dashboard-preview .dashboard-card{width:410px;min-width:410px;max-width:410px;margin-inline:auto}.dashboard-preview .dashboard-header{grid-template-columns:minmax(220px,1fr) 58px}.dashboard-preview .dashboard-header h2{width:220px;max-width:220px;min-width:220px;font-size:25px}}

@media(max-width:640px){
 .landing-main[style*="max-width: 950px"] > section > div:nth-of-type(2) > div:first-child{grid-template-columns:1fr 1fr}
 .landing-main[style*="max-width: 950px"] > section > div:nth-of-type(2) > div:first-child > button{min-height:96px;font-size:13px}
 .landing-main[style*="max-width: 950px"] > section > div:nth-of-type(2) > div:last-child > button{font-size:14px;padding-inline:10px!important}
 .dashboard-preview .dashboard-header h2{width:auto;min-width:0;max-width:12ch}
 .dashboard-preview .dashboard-avatar{width:52px;height:52px;min-width:52px}
}


/* Compact detail navigation and clearly separate creation actions */
.yegu-detail-controls{
  display:grid!important;
  gap:18px!important;
  margin-bottom:24px;
  width:100%;
}
.yegu-detail-nav{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%;
}
.yegu-detail-nav>button{
  min-height:78px!important;
  padding:10px 8px!important;
  border-radius:18px!important;
  gap:7px!important;
  font-size:13px!important;
}
.yegu-detail-nav>button::before{
  width:28px!important;
  height:28px!important;
  flex-basis:28px!important;
}
.yegu-create-block{
  display:grid;
  gap:10px;
  padding-top:16px;
  border-top:2px solid #eee4ea;
}
.yegu-create-label{
  margin:0;
  color:#887a84;
  font-size:12px;
  font-weight:800;
  letter-spacing:.7px;
  text-transform:uppercase;
}
.yegu-create-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  width:100%;
}
.yegu-create-actions>button{
  min-height:58px!important;
  padding:9px 14px!important;
  border-radius:16px!important;
  gap:8px!important;
  font-size:14px!important;
}
.yegu-create-actions>button::before{
  width:26px!important;
  height:26px!important;
  flex-basis:26px!important;
}
@media(max-width:640px){
  .yegu-detail-controls{gap:20px!important}
  .yegu-detail-nav{
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  .yegu-detail-nav>button{
    min-height:76px!important;
    font-size:13px!important;
  }
  .yegu-create-block{
    padding-top:18px;
  }
  .yegu-create-actions>button{
    min-height:56px!important;
    font-size:13px!important;
  }
}


/* Refined yegu. detail controls */
.yegu-detail-controls{
  display:grid!important;
  gap:16px!important;
  margin-bottom:24px;
  padding:14px!important;
  border:1px solid #eadfe6;
  border-radius:24px;
  background:rgba(255,255,255,.56);
}
.yegu-detail-nav{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
  width:100%;
}
.yegu-nav-button{
  appearance:none;
  border:1px solid transparent;
  min-height:72px!important;
  padding:9px 7px!important;
  border-radius:17px!important;
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px!important;
  font:inherit;
  font-size:12.5px!important;
  line-height:1.15;
  font-weight:760;
  white-space:normal!important;
  text-align:center;
  cursor:pointer;
  box-shadow:none!important;
}
.yegu-nav-button::before,
.yegu-create-button::before{
  content:'';
  display:block;
  width:26px;
  height:26px;
  flex:0 0 26px;
  background-color:currentColor;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
}
.yegu-nav-home{color:var(--yegu-home);background:var(--yegu-home-bg);border-color:#e8d9eb}
.yegu-nav-coordinate{color:var(--yegu-coordinate);background:var(--yegu-coordinate-bg);border-color:#ead6e5}
.yegu-nav-calendar{color:var(--yegu-calendar);background:var(--yegu-calendar-bg);border-color:#cfe9e1}
.yegu-nav-members{color:var(--yegu-members);background:var(--yegu-members-bg);border-color:#f3d9cd}
.yegu-nav-button.is-active{box-shadow:0 0 0 2px currentColor inset,0 6px 14px rgba(74,48,70,.07)!important;font-weight:850}
.yegu-nav-home::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 10.5 12 3.8l8.5 6.7'/%3E%3Cpath d='M5.7 9.2v10.5h4.1v-6h4.4v6h4.1V9.2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 10.5 12 3.8l8.5 6.7'/%3E%3Cpath d='M5.7 9.2v10.5h4.1v-6h4.4v6h4.1V9.2'/%3E%3C/svg%3E")}
.yegu-nav-coordinate::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.8' y='5.5' width='16.4' height='14.5' rx='2.2'/%3E%3Cpath d='M7.5 3.5v4M16.5 3.5v4M3.8 9.5h16.4M7.7 14.5l2.3 2.2 5.8-6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.8' y='5.5' width='16.4' height='14.5' rx='2.2'/%3E%3Cpath d='M7.5 3.5v4M16.5 3.5v4M3.8 9.5h16.4M7.7 14.5l2.3 2.2 5.8-6'/%3E%3C/svg%3E")}
.yegu-nav-calendar::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.8' y='5.5' width='16.4' height='14.5' rx='2.2'/%3E%3Cpath d='M7.5 3.5v4M16.5 3.5v4M3.8 9.5h16.4M8 13h2.2M13.8 13H16M8 16.5h2.2M13.8 16.5H16'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.8' y='5.5' width='16.4' height='14.5' rx='2.2'/%3E%3Cpath d='M7.5 3.5v4M16.5 3.5v4M3.8 9.5h16.4M8 13h2.2M13.8 13H16M8 16.5h2.2M13.8 16.5H16'/%3E%3C/svg%3E")}
.yegu-nav-members::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8.2' r='2.7'/%3E%3Ccircle cx='16.5' cy='9.2' r='2.1'/%3E%3Cpath d='M3.8 19c.3-4 2.2-6 5.2-6s5 2 5.3 6M14.2 14c.7-.7 1.6-1 2.6-1 2.4 0 3.7 1.7 3.9 4.8'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8.2' r='2.7'/%3E%3Ccircle cx='16.5' cy='9.2' r='2.1'/%3E%3Cpath d='M3.8 19c.3-4 2.2-6 5.2-6s5 2 5.3 6M14.2 14c.7-.7 1.6-1 2.6-1 2.4 0 3.7 1.7 3.9 4.8'/%3E%3C/svg%3E")}

.yegu-create-block{
  display:grid!important;
  grid-template-columns:1fr!important;
  width:100%!important;
  gap:7px!important;
  padding-top:12px!important;
  border-top:1px solid #e8dde4;
}
.yegu-create-label{
  margin:0!important;
  color:#92858e;
  font-size:11px;
  line-height:1;
  font-weight:850;
  letter-spacing:1px;
  text-transform:uppercase;
}
.yegu-create-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
  align-items:stretch!important;
}
.yegu-create-button{
  appearance:none;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:52px!important;
  min-height:52px!important;
  margin:0!important;
  padding:8px 10px!important;
  border-radius:15px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font:inherit;
  font-size:12.5px!important;
  line-height:1!important;
  font-weight:800!important;
  white-space:nowrap!important;
  text-align:center!important;
  cursor:pointer;
  box-shadow:none!important;
}
.yegu-create-button::before{
  content:''!important;
  display:block!important;
  width:21px!important;
  height:21px!important;
  flex:0 0 21px!important;
  background-color:currentColor!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;
  mask-position:center!important;
  -webkit-mask-size:contain!important;
  mask-size:contain!important;
}
.yegu-create-event{
  color:var(--yegu-event)!important;
  background:#f3f8fd!important;
  border:1px solid #cfe3f8!important;
}
.yegu-create-birthday{
  color:var(--yegu-birthday)!important;
  background:#fff4f8!important;
  border:1px solid #f4d0dc!important;
}
.yegu-create-event::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7.3 13.3 3.4 3.4-5.8 2.4 2.4-5.8ZM10.5 12.5 13 10M13.8 6.2l.5-2.3M17.2 8.2l2-1.2M16.3 12l2.4.4M8.5 7.5 7.2 5.6M11.3 7.8c1.2-1.3 2.7-1.5 3.5-.7.8.8.5 2.3-.8 3.5'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7.3 13.3 3.4 3.4-5.8 2.4 2.4-5.8ZM10.5 12.5 13 10M13.8 6.2l.5-2.3M17.2 8.2l2-1.2M16.3 12l2.4.4M8.5 7.5 7.2 5.6M11.3 7.8c1.2-1.3 2.7-1.5 3.5-.7.8.8.5 2.3-.8 3.5'/%3E%3C/svg%3E")!important;
}
.yegu-create-birthday::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.2' y='10' width='15.6' height='9.5' rx='1.8'/%3E%3Cpath d='M12 10v9.5M4.2 13.5h15.6M12 10H8.7c-1.7 0-2.8-.8-2.8-2 0-1.1.9-1.9 2-1.9 2 0 3.3 2.2 4.1 3.9ZM12 10h3.3c1.7 0 2.8-.8 2.8-2 0-1.1-.9-1.9-2-1.9-2 0-3.3 2.2-4.1 3.9Z'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.2' y='10' width='15.6' height='9.5' rx='1.8'/%3E%3Cpath d='M12 10v9.5M4.2 13.5h15.6M12 10H8.7c-1.7 0-2.8-.8-2.8-2 0-1.1.9-1.9 2-1.9 2 0 3.3 2.2 4.1 3.9ZM12 10h3.3c1.7 0 2.8-.8 2.8-2 0-1.1.9-1.9 2-1.9 2 0 3.3 2.2 4.1 3.9Z'/%3E%3C/svg%3E")!important;
}

@media(max-width:640px){
  .yegu-detail-controls{padding:12px!important;gap:15px!important;border-radius:22px}
  .yegu-detail-nav{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .yegu-nav-button{min-height:68px!important;font-size:12.5px!important;border-radius:16px!important}
  .yegu-nav-button::before{width:24px!important;height:24px!important;flex-basis:24px!important}
  .yegu-create-block{gap:7px!important;padding-top:11px!important}
  .yegu-create-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .yegu-create-button{height:50px!important;min-height:50px!important;font-size:12.5px!important;padding:8px 7px!important}
  .yegu-create-button::before{width:20px!important;height:20px!important;flex-basis:20px!important}
}


/* Dashboard content-type cards */
.dashboard-event--event,
.dashboard-event--birthday,
.dashboard-event--coordination{
  position:relative;
  border:1px solid transparent;
  border-left-width:4px;
  border-left-style:solid;
  overflow:hidden;
}

.dashboard-event--event{
  background:#f2f8fd!important;
  border-color:#cfe3f8!important;
  border-left-color:#5aa2e8!important;
}
.dashboard-event--event .event-date{
  background:#ffffff!important;
  color:#2877c7!important;
  box-shadow:inset 0 0 0 1px #d9eafa;
}
.dashboard-event--event .dashboard-type-badge{
  background:#e5f1ff;
  color:#2877c7;
}
.dashboard-event--event .dashboard-primary-action{
  color:#2877c7;
}
.dashboard-event--event .dashboard-secondary-action{
  color:#71849a;
}

.dashboard-event--birthday{
  background:#fff4f8!important;
  border-color:#f4d0dc!important;
  border-left-color:#e8689c!important;
}
.dashboard-event--birthday .event-date{
  background:#ffffff!important;
  color:#c2255c!important;
  box-shadow:inset 0 0 0 1px #f6dbe4;
}
.dashboard-event--birthday .dashboard-type-badge{
  background:#fde8ef;
  color:#c2255c;
}
.dashboard-event--birthday .dashboard-primary-action{
  color:#c2255c;
}
.dashboard-event--birthday .dashboard-secondary-action{
  color:#8b7480;
}

.dashboard-event--coordination{
  background:#f7f1fb!important;
  border-color:#e5d8f0!important;
  border-left-color:#a965d2!important;
}
.dashboard-event--coordination .event-date{
  background:#ffffff!important;
  color:#7b4bb3!important;
  box-shadow:inset 0 0 0 1px #eadff3;
}
.dashboard-event--coordination .dashboard-type-badge{
  background:#eee2f7;
  color:#7b4bb3;
}
.dashboard-event--coordination .dashboard-primary-action{
  color:#7b4bb3;
}
.dashboard-event--attention{
  background:#f3eafb!important;
  border-left-color:#8f4fc2!important;
}

.dashboard-type-badge{
  display:inline-flex!important;
  width:max-content!important;
  margin:0 0 7px!important;
  padding:4px 8px;
  border-radius:999px;
  font-size:10px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.2px;
}
.dashboard-primary-action,
.dashboard-secondary-action{
  appearance:none;
  border:0;
  background:transparent;
  padding:6px 0;
  font:inherit;
  font-size:13px;
  line-height:1.2;
  cursor:pointer;
}
.dashboard-primary-action{
  font-weight:850;
}
.dashboard-secondary-action{
  font-weight:700;
  opacity:.82;
}
.dashboard-primary-action:hover,
.dashboard-secondary-action:hover{
  text-decoration:underline;
}
@media(max-width:640px){
  .dashboard-event--event,
  .dashboard-event--birthday,
  .dashboard-event--coordination{
    border-left-width:4px!important;
  }
  .dashboard-type-badge{
    font-size:9.5px!important;
    margin-bottom:6px!important;
  }
  .dashboard-primary-action,
  .dashboard-secondary-action{
    font-size:12.5px;
  }
}


/* Approved mockup: home dashboard content cards */
.home-type-card{
  position:relative;
  width:100%;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  gap:16px;
  align-items:center;
  padding:16px 18px;
  border-radius:24px;
  border:1px solid transparent;
  border-left-width:5px;
  border-left-style:solid;
  text-align:left;
  overflow:hidden;
}
.home-type-card--event{
  background:#eef7ff;
  border-color:#cfe3f8;
  border-left-color:#63aaf0;
  color:#2877c7;
}
.home-type-card--birthday{
  background:#fff1f6;
  border-color:#f4d0dc;
  border-left-color:#eb70a2;
  color:#c2255c;
}
.home-type-card--coordination{
  background:#f6effc;
  border-color:#e2d4ef;
  border-left-color:#b06bd7;
  color:#7b4bb3;
}
.home-type-card--attention{background:#f3e9fb}
.home-type-card--clickable{
  appearance:none;
  font:inherit;
  cursor:pointer;
  grid-template-columns:88px minmax(0,1fr) 20px;
}
.home-type-card--clickable:hover{transform:translateY(-1px)}
.home-date-chip{
  width:78px;
  height:92px;
  border-radius:20px;
  overflow:hidden;
  background:#fff;
  display:grid;
  grid-template-rows:34px 1fr;
  place-items:center;
  box-shadow:0 5px 14px rgba(70,50,70,.05);
}
.home-date-chip span{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  font-size:12px;
  font-weight:850;
  letter-spacing:.4px;
}
.home-date-chip strong{
  font-size:28px;
  line-height:1;
}
.home-type-card--event .home-date-chip span{background:#cfe6ff;color:#1f67ad}
.home-type-card--event .home-date-chip strong{color:#1f67ad}
.home-type-card--birthday .home-date-chip span{background:#ffc8dd;color:#b51f5d}
.home-type-card--birthday .home-date-chip strong{color:#b51f5d}
.home-card-content{
  position:relative;
  display:grid;
  gap:7px;
  min-width:0;
}
.home-card-title{
  padding-right:104px;
  color:#241f25;
  font-size:18px;
  line-height:1.18;
}
.home-card-badge{
  position:absolute;
  top:-1px;
  right:0;
  display:inline-flex;
  width:max-content;
  padding:6px 10px;
  border-radius:999px;
  font-size:10.5px;
  line-height:1;
  font-weight:850;
}
.home-type-card--event .home-card-badge{background:#dcecff;color:#2877c7}
.home-type-card--birthday .home-card-badge{background:#ffdbea;color:#c2255c}
.home-type-card--coordination .home-card-badge{background:#e9d9f6;color:#7b4bb3}
.home-card-meta{display:grid;gap:4px}
.home-meta-line{
  display:flex;
  align-items:center;
  gap:7px;
  color:#766b74;
  font-size:13px;
}
.home-meta-line::before{
  content:'';
  width:16px;
  height:16px;
  flex:0 0 16px;
  background-color:currentColor;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
}
.home-meta-calendar::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.8' y='5.5' width='16.4' height='14.5' rx='2.2'/%3E%3Cpath d='M7.5 3.5v4M16.5 3.5v4M3.8 9.5h16.4'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.8' y='5.5' width='16.4' height='14.5' rx='2.2'/%3E%3Cpath d='M7.5 3.5v4M16.5 3.5v4M3.8 9.5h16.4'/%3E%3C/svg%3E");
}
.home-meta-location::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5.5-8 11-8 11S4 15.5 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.3'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5.5-8 11-8 11S4 15.5 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.3'/%3E%3C/svg%3E");
}
.home-meta-birthday::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 10h14v10H5zM5 14h14M12 10v10M8 10c-1.8 0-3-1-3-2.2C5 6.6 6 6 7 6c1.8 0 3 1.9 5 4M16 10c1.8 0 3-1 3-2.2C19 6.6 18 6 17 6c-1.8 0-3 1.9-5 4'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 10h14v10H5zM5 14h14M12 10v10M8 10c-1.8 0-3-1-3-2.2C5 6.6 6 6 7 6c1.8 0 3 1.9 5 4M16 10c1.8 0 3-1 3-2.2C19 6.6 18 6 17 6c-1.8 0-3 1.9-5 4'/%3E%3C/svg%3E");
}
.home-card-actions{
  display:flex;
  gap:8px;
  margin-top:6px;
  flex-wrap:wrap;
}
.home-action{
  min-height:38px;
  padding:8px 15px;
  border-radius:12px;
  border:0;
  font:inherit;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}
.home-action--primary{color:#fff}
.home-action--secondary{background:rgba(255,255,255,.52);color:#756b74}
.home-type-card--event .home-action--primary{background:#4b8fe0}
.home-type-card--birthday .home-action--primary{background:#df4f8a}
.home-card-cta{
  color:currentColor;
  font-weight:850;
  font-size:14px;
}
.home-card-arrow{
  align-self:center;
  justify-self:end;
  font-size:34px;
  line-height:1;
  color:currentColor;
}
.home-icon-tile{
  width:68px;
  height:68px;
  border-radius:20px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.5);
  font-size:30px;
  font-weight:850;
}
.home-icon-check{
  width:68px;
  height:68px;
  border-radius:20px;
  background:#ead8f7;
  color:#7b4bb3;
}
.home-icon-people::before{
  content:'';
  width:34px;
  height:34px;
  background-color:currentColor;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8.2' r='2.7'/%3E%3Ccircle cx='16.5' cy='9.2' r='2.1'/%3E%3Cpath d='M3.8 19c.3-4 2.2-6 5.2-6s5 2 5.3 6M14.2 14c.7-.7 1.6-1 2.6-1 2.4 0 3.7 1.7 3.9 4.8'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8.2' r='2.7'/%3E%3Ccircle cx='16.5' cy='9.2' r='2.1'/%3E%3Cpath d='M3.8 19c.3-4 2.2-6 5.2-6s5 2 5.3 6M14.2 14c.7-.7 1.6-1 2.6-1 2.4 0 3.7 1.7 3.9 4.8'/%3E%3C/svg%3E");
}
@media(max-width:640px){
  .home-type-card{
    grid-template-columns:78px minmax(0,1fr);
    gap:13px;
    padding:14px 14px;
    border-radius:22px;
  }
  .home-type-card--clickable{grid-template-columns:72px minmax(0,1fr) 18px}
  .home-date-chip{width:68px;height:82px;border-radius:18px;grid-template-rows:30px 1fr}
  .home-date-chip strong{font-size:25px}
  .home-card-title{font-size:16px;padding-right:88px}
  .home-card-badge{font-size:9.5px;padding:5px 8px}
  .home-meta-line{font-size:12.5px}
  .home-icon-tile,.home-icon-check{width:60px;height:60px;border-radius:18px}
  .home-card-actions{gap:7px}
  .home-action{min-height:36px;padding:7px 13px;font-size:12.5px}
  .home-card-cta{font-size:13px}
}


/* Selectable yegu. identity icons */
.yegu-selected-icon,
.dashboard-yegu-icon{
  display:grid;
  place-items:center;
  color:#fff;
}
.yegu-selected-icon{
  width:56px;
  height:56px;
  border-radius:18px;
}
.dashboard-yegu-icon{
  width:38px;
  height:38px;
  border-radius:12px;
  margin-bottom:12px;
}
.yegu-icon-glyph{
  display:block;
  width:24px;
  height:24px;
  background-color:currentColor;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
}
.yegu-selected-icon .yegu-icon-glyph{width:30px;height:30px}
.yegu-form-section-title{
  display:block;
  margin-bottom:5px;
  color:#4b4149;
}
.yegu-icon-picker-help{
  margin:0 0 12px;
  color:#847780;
  font-size:13px;
  line-height:1.4;
}
.yegu-icon-picker{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
.yegu-icon-option{
  appearance:none;
  min-height:82px;
  padding:10px 6px;
  border:1px solid #e1d6de;
  border-radius:16px;
  background:#fff;
  color:#6f5f69;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  cursor:pointer;
  font:inherit;
}
.yegu-icon-option .yegu-icon-glyph{width:28px;height:28px}
.yegu-icon-option small{
  font-size:10px;
  line-height:1.1;
  font-weight:750;
}
.yegu-icon-option.is-selected{
  color:#6d2e62;
  background:#f6edf3;
  border-color:#9f6a93;
  box-shadow:0 0 0 2px rgba(109,46,98,.10);
}
@media(max-width:560px){
  .yegu-icon-picker{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
  .yegu-icon-option{min-height:72px;padding:8px 4px;border-radius:14px}
  .yegu-icon-option .yegu-icon-glyph{width:24px;height:24px}
  .yegu-icon-option small{font-size:9px}
}

/* calendar */
.yegu-icon-calendar{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.8' y='5.5' width='16.4' height='14.5' rx='2.2'/%3E%3Cpath d='M7.5 3.5v4M16.5 3.5v4M3.8 9.5h16.4M8 13h3M13 13h3M8 16.5h3'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.8' y='5.5' width='16.4' height='14.5' rx='2.2'/%3E%3Cpath d='M7.5 3.5v4M16.5 3.5v4M3.8 9.5h16.4M8 13h3M13 13h3M8 16.5h3'/%3E%3C/svg%3E");
}
/* users */
.yegu-icon-users{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8.2' r='2.7'/%3E%3Ccircle cx='16.5' cy='9.2' r='2.1'/%3E%3Cpath d='M3.8 19c.3-4 2.2-6 5.2-6s5 2 5.3 6M14.2 14c.7-.7 1.6-1 2.6-1 2.4 0 3.7 1.7 3.9 4.8'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8.2' r='2.7'/%3E%3Ccircle cx='16.5' cy='9.2' r='2.1'/%3E%3Cpath d='M3.8 19c.3-4 2.2-6 5.2-6s5 2 5.3 6M14.2 14c.7-.7 1.6-1 2.6-1 2.4 0 3.7 1.7 3.9 4.8'/%3E%3C/svg%3E");
}
/* home */
.yegu-icon-home{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 10.5 12 3.8l8.5 6.7'/%3E%3Cpath d='M5.7 9.2v10.5h4.1v-6h4.4v6h4.1V9.2'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 10.5 12 3.8l8.5 6.7'/%3E%3Cpath d='M5.7 9.2v10.5h4.1v-6h4.4v6h4.1V9.2'/%3E%3C/svg%3E");
}
/* briefcase */
.yegu-icon-briefcase{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='7.5' width='17' height='12' rx='2'/%3E%3Cpath d='M9 7.5V5.8h6v1.7M3.5 12h17M10 12v2h4v-2'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='7.5' width='17' height='12' rx='2'/%3E%3Cpath d='M9 7.5V5.8h6v1.7M3.5 12h17M10 12v2h4v-2'/%3E%3C/svg%3E");
}
/* book */
.yegu-icon-book{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5.5c3.2-.7 5.7-.2 8 1.5v12c-2.3-1.7-4.8-2.2-8-1.5zM20 5.5c-3.2-.7-5.7-.2-8 1.5v12c2.3-1.7 4.8-2.2 8-1.5z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5.5c3.2-.7 5.7-.2 8 1.5v12c-2.3-1.7-4.8-2.2-8-1.5zM20 5.5c-3.2-.7-5.7-.2-8 1.5v12c2.3-1.7 4.8-2.2 8-1.5z'/%3E%3C/svg%3E");
}
/* activity */
.yegu-icon-activity{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h4l2-5 4 10 2-5h6'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h4l2-5 4 10 2-5h6'/%3E%3C/svg%3E");
}
/* heart */
.yegu-icon-heart{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 8.8c0 5-8.5 10-8.5 10s-8.5-5-8.5-10a4.6 4.6 0 0 1 8.5-2.4 4.6 4.6 0 0 1 8.5 2.4Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 8.8c0 5-8.5 10-8.5 10s-8.5-5-8.5-10a4.6 4.6 0 0 1 8.5-2.4 4.6 4.6 0 0 1 8.5 2.4Z'/%3E%3C/svg%3E");
}
/* plane */
.yegu-icon-plane{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 16-8-4V5.5c0-1-.4-2.5-1-2.5s-1 1.5-1 2.5V12l-8 4v2l8-2v3l-2 1.5V22l3-1 3 1v-1.5L13 19v-3l8 2z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 16-8-4V5.5c0-1-.4-2.5-1-2.5s-1 1.5-1 2.5V12l-8 4v2l8-2v3l-2 1.5V22l3-1 3 1v-1.5L13 19v-3l8 2z'/%3E%3C/svg%3E");
}
/* gift */
.yegu-icon-gift{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='10' rx='1.5'/%3E%3Cpath d='M12 10v10M4 13.5h16M12 10H8.8c-1.8 0-2.8-.8-2.8-2s.9-2 2-2c2 0 3.2 2.1 4 4ZM12 10h3.2c1.8 0 2.8-.8 2.8-2s-.9-2-2-2c-2 0-3.2 2.1-4 4Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='10' rx='1.5'/%3E%3Cpath d='M12 10v10M4 13.5h16M12 10H8.8c-1.8 0-2.8-.8-2.8-2s.9-2 2-2c2 0 3.2 2.1 4 4ZM12 10h3.2c1.8 0 2.8-.8 2.8-2s-.9-2-2-2c-2 0-3.2 2.1-4 4Z'/%3E%3C/svg%3E");
}
/* star */
.yegu-icon-star{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 2.8 5.7 6.2.9-4.5 4.4 1.1 6.2L12 17.3l-5.6 2.9 1.1-6.2L3 9.6l6.2-.9z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 2.8 5.7 6.2.9-4.5 4.4 1.1 6.2L12 17.3l-5.6 2.9 1.1-6.2L3 9.6l6.2-.9z'/%3E%3C/svg%3E");
}
/* legacy fallback */
.yegu-icon-circle{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='7' fill='black'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='7' fill='black'/%3E%3C/svg%3E");
}


/* Unified yegu. identity treatment across list, detail and editor */
.dashboard-yegu-icon,
.yegu-selected-icon{
  color:#fff!important;
  box-shadow:0 6px 16px rgba(55,42,52,.10);
}
.dashboard-yegu-icon .yegu-icon-glyph,
.yegu-selected-icon .yegu-icon-glyph,
.yegu-icon-option-tile .yegu-icon-glyph{
  color:#fff!important;
  background-color:#fff!important;
}
.dashboard-yegu .dashboard-yegu-icon .yegu-icon-glyph{
  color:#fff!important;
  background-color:#fff!important;
}
.yegu-icon-option{
  background:#fff!important;
  color:#5d5059!important;
  border-color:#e2d8df!important;
}
.yegu-icon-option-tile{
  width:38px;
  height:38px;
  border-radius:12px;
  display:grid;
  place-items:center;
  color:#fff!important;
  box-shadow:0 5px 12px rgba(55,42,52,.08);
}
.yegu-icon-option-tile .yegu-icon-glyph{
  width:22px!important;
  height:22px!important;
}
.yegu-icon-option.is-selected{
  background:#faf6f8!important;
  border-color:#b98eae!important;
  box-shadow:0 0 0 2px rgba(109,46,98,.10)!important;
}
.yegu-icon-option.is-selected .yegu-icon-option-tile{
  box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(109,46,98,.18);
}
.dashboard-yegu{
  border:1px solid rgba(102,84,96,.08)!important;
  box-shadow:0 8px 20px rgba(53,40,50,.035);
}
.dashboard-yegu-icon{
  width:42px!important;
  height:42px!important;
  border-radius:13px!important;
  margin-bottom:12px!important;
}
.dashboard-yegu-icon .yegu-icon-glyph{
  width:24px!important;
  height:24px!important;
}
.yegu-selected-icon{
  width:60px!important;
  height:60px!important;
  border-radius:18px!important;
}
.yegu-selected-icon .yegu-icon-glyph{
  width:30px!important;
  height:30px!important;
}
@media(max-width:560px){
  .dashboard-yegu-icon{width:40px!important;height:40px!important}
  .yegu-selected-icon{width:56px!important;height:56px!important}
  .yegu-icon-option-tile{width:34px;height:34px;border-radius:11px}
  .yegu-icon-option-tile .yegu-icon-glyph{width:20px!important;height:20px!important}
}


/* Compact horizontal yegu. cards */
.dashboard-yegus{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.dashboard-yegu{
  width:100%!important;
  min-height:88px!important;
  padding:14px 16px!important;
  border-radius:20px!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:12px!important;
  justify-content:initial!important;
  text-align:left!important;
}
.dashboard-yegu-icon{
  width:44px!important;
  height:44px!important;
  border-radius:14px!important;
  margin:0!important;
}
.dashboard-yegu-copy{
  min-width:0;
  display:grid;
  gap:2px;
}
.dashboard-yegu-copy strong{
  display:block;
  font-size:16px!important;
  line-height:1.15;
  color:#332b31!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dashboard-yegu-copy>span{
  display:block;
  margin:0!important;
  font-size:12.5px!important;
  line-height:1.2;
  color:#756a72!important;
}
.dashboard-yegu-copy small{
  display:block;
  margin-top:2px;
  color:#91848d;
  font-size:11px;
  line-height:1.2;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dashboard-yegu-arrow{
  margin:0!important;
  color:#9a8794!important;
  font-size:26px!important;
  line-height:1!important;
  align-self:center;
}
@media(max-width:720px){
  .dashboard-yegus{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .dashboard-yegu{
    min-height:82px!important;
    padding:12px 14px!important;
    grid-template-columns:42px minmax(0,1fr) 16px!important;
    gap:11px!important;
    border-radius:18px!important;
  }
  .dashboard-yegu-icon{
    width:42px!important;
    height:42px!important;
    border-radius:13px!important;
  }
  .dashboard-yegu-copy strong{font-size:15px!important}
  .dashboard-yegu-copy>span{font-size:12px!important}
  .dashboard-yegu-copy small{font-size:10.5px}
  .dashboard-yegu-arrow{font-size:24px!important}
}


/* Integrantes: force clean mobile card hierarchy */
.member-card{
  width:100%!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  column-gap:12px!important;
  align-items:start!important;
  padding:14px!important;
  border:1px solid #eadfe6!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 5px 14px rgba(73,53,67,.04)!important;
}

.member-avatar{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  background:#f2e6ef!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  overflow:hidden!important;
  position:relative!important;
}

.member-avatar::before{
  content:""!important;
  width:22px!important;
  height:22px!important;
  display:block!important;
  background:#7c3b70!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") center/contain no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") center/contain no-repeat!important;
}

.member-card-main{
  min-width:0!important;
  display:grid!important;
  gap:5px!important;
}

.member-card-heading{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
  width:100%!important;
}

.member-card-heading>strong{
  display:block!important;
  min-width:0!important;
  color:#342c32!important;
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:800!important;
  overflow-wrap:anywhere!important;
}

.member-role{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:24px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:800!important;
  white-space:nowrap!important;
}

.member-role--owner{background:#eee3f0!important;color:#6d2e62!important}
.member-role--admin{background:#e5f2ee!important;color:#34796f!important}
.member-role--member{background:#f1edef!important;color:#746970!important}

.member-card-meta{
  display:block!important;
  margin:0!important;
  color:#81747d!important;
  font-size:12px!important;
  line-height:1.35!important;
}

.member-card-actions{
  display:flex!important;
  gap:7px!important;
  flex-wrap:wrap!important;
  margin-top:5px!important;
}

@media(max-width:560px){
  .member-card{
    grid-template-columns:40px minmax(0,1fr)!important;
    column-gap:10px!important;
    padding:13px!important;
  }
  .member-avatar{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border-radius:13px!important;
  }
  .member-avatar::before{
    width:20px!important;
    height:20px!important;
  }
  .member-card-heading{
    grid-template-columns:1fr!important;
    gap:5px!important;
  }
  .member-role{
    justify-self:start!important;
  }
  .member-card-heading>strong{
    font-size:14px!important;
  }
  .member-card-meta{
    font-size:11.5px!important;
  }
}


/* In-app reminders / "Necesita de vos" */
.attention-list{
  display:grid;
  gap:10px;
}
.attention-item{
  appearance:none;
  width:100%;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 16px;
  gap:11px;
  align-items:center;
  padding:13px 14px;
  border-radius:18px;
  border:1px solid rgba(107,76,98,.08);
  background:#fff;
  text-align:left;
  cursor:pointer;
  box-shadow:0 6px 16px rgba(73,53,67,.035);
}
.attention-item-icon{
  width:42px;
  height:42px;
  border-radius:13px;
  display:grid;
  place-items:center;
  font-size:17px;
  font-weight:900;
}
.attention-item-copy{
  min-width:0;
  display:grid;
  gap:2px;
}
.attention-item-kind{
  font-size:9px;
  line-height:1;
  font-weight:850;
  letter-spacing:.8px;
  text-transform:uppercase;
}
.attention-item-copy strong{
  color:#352d33;
  font-size:14px;
  line-height:1.15;
}
.attention-item-copy>span:not(.attention-item-kind){
  color:#7e7179;
  font-size:11.5px;
  line-height:1.25;
}
.attention-item-copy b{
  margin-top:3px;
  font-size:11px;
  font-weight:800;
}
.attention-item-arrow{
  font-size:23px;
  line-height:1;
  color:#9b8794;
}
.attention-item--event{
  background:#f6f9fd;
}
.attention-item--event .attention-item-icon{
  background:#e6f0fb;
  color:#3277b4;
}
.attention-item--event .attention-item-kind,
.attention-item--event .attention-item-copy b{
  color:#3277b4;
}
.attention-item--birthday{
  background:#fff7fa;
}
.attention-item--birthday .attention-item-icon{
  background:#fbe7ef;
  color:#bd3e78;
}
.attention-item--birthday .attention-item-kind,
.attention-item--birthday .attention-item-copy b{
  color:#bd3e78;
}
.attention-item--coordination{
  background:#faf5fa;
}
.attention-item--coordination .attention-item-icon{
  background:#efe3f0;
  color:#7b3970;
}
.attention-item--coordination .attention-item-kind,
.attention-item--coordination .attention-item-copy b{
  color:#7b3970;
}
.attention-empty{
  min-height:72px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  gap:11px;
  padding:13px 14px;
  border-radius:18px;
  background:#faf7f9;
  color:#80727b;
  font-size:12px;
}
.attention-empty--ok{
  background:#f2f8f6;
}
.attention-empty-icon{
  width:38px;
  height:38px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:#dff0eb;
  color:#2f7b70;
  font-weight:900;
}
.attention-empty strong,
.attention-empty span{
  display:block;
}
.attention-empty strong{
  color:#3d353a;
  font-size:13px;
}
.attention-empty span{
  margin-top:2px;
  font-size:11px;
  line-height:1.25;
  color:#81747c;
}

@media(max-width:560px){
  .attention-item{
    grid-template-columns:38px minmax(0,1fr) 14px;
    gap:10px;
    padding:12px 13px;
  }
  .attention-item-icon{
    width:38px;
    height:38px;
    border-radius:12px;
    font-size:15px;
  }
  .attention-item-copy strong{font-size:13.5px}
  .attention-item-copy>span:not(.attention-item-kind){font-size:11px}
  .attention-item-copy b{font-size:10.5px}
}


/* Fix attention icons alignment and contrast */
.attention-empty-icon,
.attention-item-icon{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1!important;
  flex-shrink:0!important;
  overflow:hidden!important;
}

.attention-empty-icon{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:12px!important;
  background:#dff0eb!important;
  color:transparent!important;
  font-size:0!important;
}

.attention-empty-icon::before{
  content:"✓"!important;
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  color:#2f7b70!important;
  font-size:18px!important;
  font-weight:900!important;
  line-height:1!important;
  transform:translateY(-1px)!important;
}

.attention-item-icon{
  color:transparent!important;
  font-size:0!important;
}

.attention-item--event .attention-item-icon::before,
.attention-item--birthday .attention-item-icon::before,
.attention-item--coordination .attention-item-icon::before{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  line-height:1!important;
  font-weight:900!important;
}

.attention-item--event .attention-item-icon::before{
  content:"◷"!important;
  color:#3277b4!important;
  font-size:17px!important;
  transform:translateY(-1px)!important;
}

.attention-item--birthday .attention-item-icon::before{
  content:"♡"!important;
  color:#bd3e78!important;
  font-size:18px!important;
  transform:translateY(-1px)!important;
}

.attention-item--coordination .attention-item-icon::before{
  content:"✓"!important;
  color:#7b3970!important;
  font-size:17px!important;
  transform:translateY(-1px)!important;
}

@media(max-width:560px){
  .attention-empty-icon{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
  }

  .attention-empty-icon::before{
    font-size:17px!important;
  }
}


/* Yegu membership lifecycle */
.yegu-danger-zone{
  margin-top:24px;
  padding:18px;
  border:1px solid #efd5da;
  border-radius:18px;
  background:#fff7f8;
  display:grid;
  gap:8px;
}
.yegu-danger-kicker{
  font-size:10px;
  font-weight:850;
  letter-spacing:1.5px;
  color:#a65a67;
}
.yegu-danger-zone>strong{
  color:#6f3540;
  font-size:15px;
}
.yegu-danger-zone p{
  margin:0;
  color:#7f6a70;
  font-size:12.5px;
  line-height:1.4;
}
.yegu-danger-button{
  justify-self:start;
  margin-top:4px;
  border:0;
  border-radius:12px;
  padding:10px 13px;
  background:#f3dfe3;
  color:#8e3f4d;
  font:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.yegu-danger-button:disabled{opacity:.55;cursor:default}

.leave-yegu-zone{
  margin-top:22px;
  padding:16px;
  border-radius:18px;
  background:#faf7f9;
  border:1px solid #ece1e8;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.leave-yegu-zone>div{
  min-width:0;
}
.leave-yegu-zone strong,
.leave-yegu-zone span{
  display:block;
}
.leave-yegu-zone strong{
  color:#3b3238;
  font-size:13.5px;
}
.leave-yegu-zone span{
  margin-top:3px;
  color:#81747c;
  font-size:11.5px;
  line-height:1.35;
}
.leave-yegu-button{
  flex:0 0 auto;
  border:0;
  border-radius:12px;
  padding:9px 11px;
  background:#f1e7ed;
  color:#6d2e62;
  font:inherit;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.leave-yegu-button:disabled{opacity:.55;cursor:default}

.home-status-message{
  margin:0 0 16px;
  padding:12px 14px;
  border-radius:15px;
  background:#eef7f4;
  color:#356f67;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  font-size:12.5px;
}
.home-status-message button{
  border:0;
  background:transparent;
  color:#356f67;
  font:inherit;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}

.global-notices{
  margin:0 0 18px;
}
.global-notice-card{
  width:100%;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  gap:11px;
  align-items:start;
  padding:13px 14px;
  margin-top:8px;
  border-radius:17px;
  border:1px solid #eadfe6;
  background:#fff;
  box-shadow:0 5px 14px rgba(73,53,67,.035);
}
.global-notice-icon{
  width:40px;
  height:40px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:#f1e5ee;
  color:#7c3b70;
  font-size:15px;
  font-weight:900;
}
.global-notice-copy{
  min-width:0;
  display:grid;
  gap:4px;
}
.global-notice-copy>strong{
  color:#352d33;
  font-size:13.5px;
  line-height:1.2;
}
.global-notice-copy>span{
  color:#7f727a;
  font-size:11.5px;
  line-height:1.35;
}
.global-notice-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:4px;
}
.global-notice-primary,
.global-notice-secondary{
  border:0;
  border-radius:10px;
  padding:8px 10px;
  font:inherit;
  font-size:10.5px;
  font-weight:800;
  cursor:pointer;
}
.global-notice-primary{
  background:#efe2ed;
  color:#6d2e62;
}
.global-notice-secondary{
  background:#f5f2f4;
  color:#71666d;
}

@media(max-width:560px){
  .leave-yegu-zone{
    align-items:flex-start;
    flex-direction:column;
  }
  .leave-yegu-button{
    width:100%;
  }
  .yegu-danger-button{
    width:100%;
  }
  .global-notice-card{
    grid-template-columns:36px minmax(0,1fr);
    padding:12px;
  }
  .global-notice-icon{
    width:36px;
    height:36px;
    border-radius:11px;
  }
}


/* Ownership transfer */
.ownership-transfer-zone{
  margin-top:24px;
  padding:18px;
  border:1px solid #e6dce4;
  border-radius:18px;
  background:#faf7fa;
  display:grid;
  gap:9px;
}

.ownership-transfer-kicker{
  font-size:10px;
  font-weight:850;
  letter-spacing:1.4px;
  color:#8f5c83;
}

.ownership-transfer-zone>strong{
  color:#3d333b;
  font-size:15px;
}

.ownership-transfer-zone p{
  margin:0;
  color:#7a6d75;
  font-size:12.5px;
  line-height:1.4;
}

.ownership-transfer-zone select{
  width:100%;
  min-height:46px;
  box-sizing:border-box;
  margin-top:3px;
  padding:0 12px;
  border:1px solid #dccfd8;
  border-radius:12px;
  background:#fff;
  color:#40363d;
  font:inherit;
  font-size:13px;
}

.ownership-transfer-button{
  justify-self:start;
  border:0;
  border-radius:12px;
  padding:10px 13px;
  background:#eaddeb;
  color:#6d2e62;
  font:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}

.ownership-transfer-button:disabled{
  opacity:.5;
  cursor:default;
}

.ownership-transfer-message{
  color:#8d4c66;
  font-size:11.5px;
  line-height:1.35;
}

@media(max-width:560px){
  .ownership-transfer-button{
    width:100%;
  }
}


/* Invitation lifecycle */
.invitation-reject{
  color:#9b4f5c!important;
  background:#fff5f6!important;
  border:1px solid #efdadd!important;
  border-radius:11px!important;
  padding:9px 11px!important;
  font-weight:800!important;
}

.invitation-reject:disabled{
  opacity:.55!important;
}


/* Legal pages */
.legal-page{
  min-height:100vh;
  padding:24px 18px 56px;
  box-sizing:border-box;
  background:linear-gradient(180deg,#fff 0%,#fbf6f9 100%);
}

.legal-header{
  width:min(860px,100%);
  margin:0 auto 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.legal-back{
  margin:0!important;
}

.legal-card{
  width:min(860px,100%);
  margin:0 auto;
  padding:28px;
  box-sizing:border-box;
  border-radius:26px;
  background:#fff;
  border:1px solid #eee3ea;
  box-shadow:0 12px 30px rgba(73,53,67,.05);
}

.legal-kicker{
  display:block;
  margin-bottom:8px;
  font-size:10px;
  font-weight:900;
  letter-spacing:1.7px;
  color:#a18298;
}

.legal-card h1{
  margin:0;
  color:#302830;
  font-size:clamp(30px,4vw,46px);
  letter-spacing:-1.5px;
}

.legal-updated{
  margin:8px 0 26px;
  color:#9a8c95;
  font-size:12px;
}

.legal-content{
  display:grid;
  gap:22px;
}

.legal-content section{
  display:grid;
  gap:7px;
}

.legal-content h2{
  margin:0;
  color:#4a3d46;
  font-size:16px;
}

.legal-content p{
  margin:0;
  color:#74676f;
  font-size:13.5px;
  line-height:1.6;
}

.legal-switch{
  margin-top:28px;
  padding-top:18px;
  border-top:1px solid #eee5eb;
}

.legal-switch button,
.terms-link,
.landing-legal-links button{
  border:0;
  padding:0;
  background:transparent;
  color:#7b3d70;
  font:inherit;
  font-weight:800;
  cursor:pointer;
  text-decoration:underline;
  text-underline-offset:3px;
}

.terms-row .terms-link{
  font-size:inherit;
}

.landing-real-footer{
  display:grid;
  justify-items:center;
  gap:10px;
}

.landing-legal-links{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:#a2929d;
  font-size:10.5px;
}

.landing-legal-links button{
  color:#8c7687;
  font-size:10.5px;
  font-weight:700;
}

@media(max-width:560px){
  .legal-page{
    padding:18px 12px 42px;
  }

  .legal-header{
    margin-bottom:12px;
  }

  .legal-card{
    padding:20px 17px;
    border-radius:20px;
  }

  .legal-card h1{
    font-size:30px;
  }

  .legal-content{
    gap:19px;
  }

  .legal-content h2{
    font-size:14px;
  }

  .legal-content p{
    font-size:12.5px;
    line-height:1.55;
  }
}


/* Legal links below public yegu. logo */
.landing-legal-links--header{
  justify-content:flex-start;
  margin-top:4px;
  font-size:10px;
}

.landing-legal-links--header button{
  font-size:10px;
  color:#8a7484;
}

@media(max-width:700px){
  .landing-brand-lockup{
    align-items:flex-start;
  }

  .landing-legal-links--header{
    margin-top:3px;
  }

  .landing-legal-links--header button{
    font-size:9.5px;
  }
}


/* Legal links below footer yegu. logo */
.landing-legal-links--footer{
  margin-top:2px;
  justify-content:center;
}

@media(max-width:700px){
  .landing-legal-links--footer{
    margin-top:0;
  }
}


/* Force footer legal links below the yegu. logo */
.landing-real-footer{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
}

.landing-footer-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
}

.landing-legal-links--footer{
  display:flex!important;
  width:100%!important;
  justify-content:center!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
  gap:7px!important;
  flex-basis:100%!important;
}


/* Yegu activity history */
.yegu-history-card{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}

.yegu-history-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:8px;
}

.yegu-history-heading h2{
  margin:3px 0 0;
  color:#342c33;
  font-size:22px;
}

.yegu-history-note{
  margin:0 0 18px;
  color:#81727c;
  font-size:12.5px;
  line-height:1.45;
}

.yegu-history-list{
  display:grid;
  gap:10px;
}

.yegu-history-item{
  display:grid;
  grid-template-columns:14px minmax(0,1fr);
  gap:10px;
  align-items:start;
  padding:13px 14px;
  border:1px solid #eadfe6;
  border-radius:15px;
  background:#fff;
}

.yegu-history-dot{
  width:9px;
  height:9px;
  margin-top:4px;
  border-radius:50%;
  background:#9d668f;
  box-shadow:0 0 0 4px #f3eaf1;
}

.yegu-history-copy{
  display:grid;
  gap:4px;
  min-width:0;
}

.yegu-history-copy strong{
  color:#493c45;
  font-size:13px;
  line-height:1.3;
}

.yegu-history-copy span{
  color:#8a7b84;
  font-size:11.5px;
}

.yegu-history-empty{
  padding:18px;
  border:1px dashed #ddcfd8;
  border-radius:15px;
  background:#fbf8fa;
  color:#82747d;
  font-size:12.5px;
}

.yegu-nav-history::before{
  content:'';
  width:18px;
  height:18px;
  display:block;
  margin:0 auto 6px;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3 12a9 9 0 1 0 3-6.7L3 8m0-5v5h5M12 7v5l3 2'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3 12a9 9 0 1 0 3-6.7L3 8m0-5v5h5M12 7v5l3 2'/%3E%3C/svg%3E") center/contain no-repeat;
}

@media(max-width:700px){
  .yegu-history-heading{
    align-items:center;
  }

  .yegu-history-heading h2{
    font-size:18px;
  }

  .yegu-history-item{
    padding:12px;
  }

  .yegu-history-copy strong{
    font-size:12.5px;
  }

  .yegu-history-copy span{
    font-size:10.5px;
  }
}


/* History clock-arrow icon */
.yegu-nav-history::before{
  content:none!important;
  display:none!important;
}

.yegu-nav-history-icon{
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  margin:0 auto 6px;
  color:currentColor;
}

.yegu-nav-history-icon svg{
  width:18px!important;
  height:18px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  background:transparent!important;
}

.yegu-nav-history-icon svg *{
  fill:none!important;
  stroke:currentColor!important;
}


/* Keep every yegu. navigation tile exactly the same size */
.yegu-detail-nav{
  grid-auto-rows:1fr!important;
  align-items:stretch!important;
}

.yegu-detail-nav > .yegu-nav-button{
  width:100%!important;
  height:72px!important;
  min-height:72px!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding:9px 7px!important;
  border-radius:17px!important;
}

.yegu-detail-nav > .yegu-nav-history{
  width:100%!important;
  height:72px!important;
  min-height:72px!important;
  padding:9px 7px!important;
  border-radius:17px!important;
  align-self:stretch!important;
}

.yegu-nav-history-icon{
  width:26px!important;
  height:26px!important;
  margin:0!important;
  flex:0 0 26px!important;
}

.yegu-nav-history-icon svg{
  width:26px!important;
  height:26px!important;
}

@media(max-width:640px){
  .yegu-detail-nav > .yegu-nav-button,
  .yegu-detail-nav > .yegu-nav-history{
    height:68px!important;
    min-height:68px!important;
    padding:9px 7px!important;
    border-radius:16px!important;
  }

  .yegu-nav-history-icon{
    width:24px!important;
    height:24px!important;
    flex-basis:24px!important;
  }

  .yegu-nav-history-icon svg{
    width:24px!important;
    height:24px!important;
  }
}


/* Home upcoming events across all yegu. */
.home-events-list{
  display:grid;
  gap:10px;
}

.home-event-summary{
  width:100%;
  border:1px solid #dfe8f2;
  border-left:4px solid #5aa2e8;
  border-radius:17px;
  background:#f7fbff;
  padding:12px 13px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  text-align:left;
  cursor:pointer;
}

.home-event-summary:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 18px rgba(52,72,92,.07);
}

.home-event-summary-copy{
  min-width:0;
  display:grid;
  gap:3px;
}

.home-event-summary-copy>strong{
  color:#3e3540;
  font-size:14px;
  line-height:1.25;
}

.home-event-summary-copy>span:not(.home-card-badge),
.home-event-summary-copy>small{
  color:#7f7480;
  font-size:11.5px;
}

.home-event-summary-copy>small{
  font-weight:800;
  color:#5f6f7c;
}

.home-events-empty{
  display:grid;
  gap:5px;
  padding:16px;
  border:1px dashed #d9e2ec;
  border-radius:16px;
  background:#fafcff;
  color:#7b7280;
  font-size:12px;
}

.home-events-empty strong{
  color:#4a414b;
  font-size:13px;
}

@media(max-width:640px){
  .home-event-summary{
    padding:10px;
    gap:9px;
  }

  .home-event-summary-copy>strong{
    font-size:12.5px;
  }

  .home-event-summary-copy>span:not(.home-card-badge),
  .home-event-summary-copy>small{
    font-size:10.5px;
  }
}


/* Home actionable coordinations */
.home-needs-list{
  display:grid;
  gap:10px;
}

.home-need-item{
  width:100%;
  border:1px solid #e7ddf0;
  border-left:4px solid #a965d2;
  border-radius:17px;
  background:#faf7fd;
  padding:12px 13px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  text-align:left;
  cursor:pointer;
}

.home-need-item:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 18px rgba(73,42,65,.07);
}

.home-need-icon{
  width:32px;
  height:32px;
  border-radius:11px;
  display:grid;
  place-items:center;
  background:#eee8f6;
  color:#6d2e62;
  font-weight:900;
}

.home-need-copy{
  display:grid;
  gap:3px;
  min-width:0;
}

.home-need-copy>span{
  color:#8d7394;
  font-size:10.5px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.3px;
}

.home-need-copy>strong{
  color:#47364a;
  font-size:13.5px;
  line-height:1.25;
}

.home-need-copy>small{
  color:#817485;
  font-size:11.5px;
}

.home-need-copy>b{
  color:#6d2e62;
  font-size:11px;
  margin-top:2px;
}

.home-needs-empty{
  padding:16px;
  border:1px dashed #dfd4e8;
  border-radius:16px;
  background:#fbf9fd;
  color:#7c7080;
  font-size:12px;
}

.home-needs-empty--ok{
  display:flex;
  align-items:center;
  gap:10px;
}

.home-needs-empty--ok>div{
  display:grid;
  gap:3px;
}

.home-needs-empty--ok strong{
  color:#4b404c;
}

.home-needs-check{
  width:30px;
  height:30px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:#edf6f1;
  color:#397c65;
  font-weight:900;
}

@media(max-width:640px){
  .home-need-item{
    padding:10px;
    gap:9px;
  }

  .home-need-copy>strong{
    font-size:12.5px;
  }

  .home-need-copy>small,
  .home-need-copy>b{
    font-size:10.5px;
  }
}


/* Home upcoming birthdays across all yegu. */
.home-birthdays-list{
  display:grid;
  gap:10px;
}

.home-birthday-summary{
  width:100%;
  border:1px solid #f2d9e3;
  border-left:4px solid #e8689c;
  border-radius:17px;
  background:#fff8fb;
  padding:12px 13px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  text-align:left;
  cursor:pointer;
}

.home-birthday-summary:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 18px rgba(88,50,68,.07);
}

.home-date-chip--birthday{
  background:#fff!important;
  color:#c2255c!important;
  box-shadow:inset 0 0 0 1px #f2d9e3;
}

.home-birthday-summary-copy{
  min-width:0;
  display:grid;
  gap:3px;
}

.home-birthday-summary-copy>strong{
  color:#44383f;
  font-size:14px;
  line-height:1.25;
}

.home-birthday-summary-copy>span,
.home-birthday-summary-copy>small{
  color:#7f7179;
  font-size:11.5px;
}

.home-birthday-summary-copy>small{
  color:#8d5f78;
  font-weight:800;
}

.home-birthdays-empty{
  display:grid;
  gap:5px;
  padding:16px;
  border:1px dashed #ead3dd;
  border-radius:16px;
  background:#fffafd;
  color:#7f727a;
  font-size:12px;
}

.home-birthdays-empty strong{
  color:#4a3f45;
  font-size:13px;
}

@media(max-width:640px){
  .home-birthday-summary{
    padding:10px;
    gap:9px;
  }

  .home-birthday-summary-copy>strong{
    font-size:12.5px;
  }

  .home-birthday-summary-copy>span,
  .home-birthday-summary-copy>small{
    font-size:10.5px;
  }
}


/* Fix home birthday card visual consistency */
.home-birthday-summary .home-date-chip--birthday{
  width:78px!important;
  height:92px!important;
  border-radius:20px!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:34px 1fr!important;
  place-items:center!important;
  background:#fff!important;
  color:#c2255c!important;
}

.home-birthday-summary .home-date-chip--birthday span{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  background:#ffdbea!important;
  color:#b51f5d!important;
  font-size:12px!important;
  font-weight:850!important;
  letter-spacing:.4px!important;
}

.home-birthday-summary .home-date-chip--birthday strong{
  color:#b51f5d!important;
  font-size:28px!important;
  line-height:1!important;
}

@media(max-width:640px){
  .home-birthday-summary{
    grid-template-columns:68px minmax(0,1fr) 18px!important;
    align-items:center!important;
  }

  .home-birthday-summary .home-date-chip--birthday{
    width:68px!important;
    height:82px!important;
    border-radius:18px!important;
    grid-template-rows:30px 1fr!important;
  }

  .home-birthday-summary .home-date-chip--birthday strong{
    font-size:25px!important;
  }

  .home-birthday-summary .dashboard-yegu-arrow{
    align-self:center!important;
  }
}


/* Shared yegu invitation prompt */
.yegu-invite-prompt{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  margin-bottom:16px;
  padding:16px 18px;
  border:1px solid #e7d2df;
  border-radius:20px;
  background:linear-gradient(135deg,#fff 0%,#f8eef4 100%);
  box-shadow:0 8px 22px rgba(77,45,69,.06);
}
.yegu-invite-prompt-icon{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#6D2E62;
  color:#fff;
  font-size:27px;
  line-height:1;
  font-weight:500;
}
.yegu-invite-prompt-copy{display:grid;gap:3px;min-width:0}
.yegu-invite-prompt-copy strong{color:#3f343c;font-size:16px}
.yegu-invite-prompt-copy span{color:#786b74;font-size:13px;line-height:1.35}
.yegu-invite-prompt-button{
  appearance:none;
  border:0;
  border-radius:14px;
  padding:11px 14px;
  background:#6D2E62;
  color:#fff;
  font:inherit;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
}
@media(max-width:640px){
  .yegu-invite-prompt{
    grid-template-columns:auto minmax(0,1fr);
    padding:15px;
  }
  .yegu-invite-prompt-button{
    grid-column:1/-1;
    width:100%;
  }
}


/* Shared YEGU invitation prompt refinement */
.yegu-invite-prompt{padding:16px 18px!important;border:1px solid #eadce7!important;border-radius:20px!important;background:#fff!important;box-shadow:0 8px 24px rgba(91,45,79,.07)!important;align-items:center!important}
.yegu-invite-prompt-icon{width:40px!important;height:40px!important;border-radius:13px!important;background:#f6edf3!important;color:#6d2e62!important;font-size:22px!important}
.yegu-invite-prompt-copy strong{font-size:16px!important;line-height:1.2!important;color:#3f343c!important}
.yegu-invite-prompt-copy span{margin-top:3px!important;font-size:13px!important;line-height:1.4!important;color:#786b74!important}
.yegu-invite-prompt-button{border-radius:999px!important;padding:10px 15px!important;background:#6d2e62!important;color:#fff!important;font-weight:700!important;white-space:nowrap!important}
@media(max-width:640px){.yegu-invite-prompt{grid-template-columns:40px 1fr!important;gap:10px 12px!important}.yegu-invite-prompt-button{grid-column:2!important;justify-self:start!important}}