/* Dashboard: "Share and post" cards and the sidebar badges for the calendar and client reviews. */
.share-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.share-card { display: flex; align-items: center; gap: 16px; padding: 18px 20px; border-radius: 18px; text-decoration: none; color: var(--ink); background: var(--card); border: 1.5px solid var(--ink); box-shadow: 4px 4px 0 var(--ink); transition: transform .12s, box-shadow .12s; }
.share-card:hover { transform: translate(-2px, -2px); box-shadow: 6px 6px 0 var(--ink); }
.share-card.cal { background: linear-gradient(135deg, #fff2ec, var(--card) 60%); }
.share-card.rev { background: linear-gradient(135deg, #eaf0ff, var(--card) 60%); }
.sc-art { width: 64px; height: 64px; flex: none; border-radius: 16px; display: grid; place-items: center; background: var(--paper); border: 1px solid var(--line); }
.sc-art svg { width: 42px; height: 42px; stroke: var(--ink); stroke-width: 2.2; fill: none; }
.sc-art .f1 { fill: var(--red); stroke: none; }
.sc-art .f2 { fill: var(--blue); stroke: none; }
.share-card.rev .sc-art .f1 { fill: var(--blue); }
.sc-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.sc-txt b { font: 700 21px/1.15 var(--serif); letter-spacing: -.01em; }
.sc-txt small { color: var(--ink2); font-size: 14px; }
.sc-go { font-size: 22px; font-weight: 700; color: var(--red); }
.share-next { grid-column: 1 / -1; margin: 0; font-size: 13.5px; color: var(--ink2); }
.side-nav a.nav-new em.hot { background: var(--red); color: #fff; border-radius: 999px; padding: 0 7px; font-weight: 700; }
@media (max-width: 760px) { .share-cards { grid-template-columns: 1fr; } }

/* "Coming soon" while review links and scheduling aren't released */
.share-card.soon { cursor: default; box-shadow: none; border-style: dashed; opacity: .75; }
.share-card.soon:hover { transform: none; box-shadow: none; }
.soon-pill, .sec-soon { display: inline-block; padding: 4px 10px; border-radius: 999px; background: var(--paper2); color: var(--ink2); font: 700 11px/1.4 var(--sans); letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; }
.side-nav a.soon { opacity: .6; cursor: default; }
.side-nav a.soon em.soon-em { font: 700 10px var(--sans); text-transform: uppercase; letter-spacing: .05em; background: var(--paper2); border-radius: 999px; padding: 1px 6px; }