.community-feed-layout,
.profile-layout {
  align-items: start;
}

.social-identity-card {
  position: relative;
  overflow: hidden;
  margin: 18px 0;
  border: 1px solid rgba(204, 162, 92, .36);
  border-radius: 22px;
  background: #031016;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .28);
}

.social-identity-card img {
  display: block;
  width: 100%;
  height: auto;
}

.social-identity-card figcaption {
  position: absolute;
  right: 16px;
  bottom: 12px;
  padding: 7px 11px;
  border: 1px solid rgba(204, 162, 92, .35);
  border-radius: 999px;
  color: #f7efd8;
  font-size: .72rem;
  letter-spacing: .04em;
  background: rgba(3, 16, 22, .86);
  backdrop-filter: blur(8px);
}

.community-feed-layout {
  display: block;
}

.community-feed-layout .feed {
  width: 100%;
  margin-top: 18px;
}

.feed-card.has-comment-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 35%);
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.post-primary {
  min-width: 0;
  padding: 20px;
}

.post-primary > p {
  color: #d8ddd7;
  line-height: 1.65;
}

.post-comment-panel {
  min-width: 0;
  border-left: 1px solid rgba(204, 162, 92, .28);
  background: linear-gradient(150deg, rgba(13, 39, 45, .96), rgba(6, 20, 25, .98));
}

.post-comment-heading {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 15px 18px;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.post-comment-heading b {
  color: var(--gold2);
}

.post-comment-heading small {
  color: var(--muted);
  text-align: right;
}

.post-comment-stream {
  max-height: 420px;
  overflow-y: auto;
}

.post-comment-stream article {
  padding: 10px 18px;
  border-bottom: 1px solid rgba(255, 255, 255, .07);
}

.post-comment-stream article:last-child {
  border-bottom: 0;
}

.post-comment-stream b,
.post-comment-stream p {
  display: block;
}

.post-comment-stream b {
  color: #f7efd8;
  font-size: .82rem;
}

.post-comment-stream p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: .8rem;
  line-height: 1.35;
}

.connection-activity,
.staff-request-centre small,
.guest-ledger span {
  color: var(--muted);
}

.post-comment-stream::-webkit-scrollbar {
  width: 8px;
}

.post-comment-stream::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(204, 162, 92, .35);
}

.post-comment-stream::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, .025);
}

.post-comment-panel .empty-comment {
  padding: 20px 18px;
  color: var(--muted);
  font-size: .74rem;
}

.pending-community-posts,
.staff-request-centre,
.management-guest-intelligence,
.performer-event-editor,
.night-operations,
.performance-intelligence,
.ai-event-promotion,
.submitted-reports,
.publishing-records {
  margin-top: 22px;
  padding: 22px;
  border: 1px solid rgba(204, 162, 92, .2);
  border-radius: 22px;
  background: rgba(8, 25, 30, .75);
}

.pending-community-posts > article,
[data-staff-request-list] > article,
.management-request-inbox,
.submitted-reports [data-submitted-reports] > article,
.publishing-records [data-publishing-records] > article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: center;
  padding: 14px;
  margin-top: 10px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 14px;
  background: rgba(255, 255, 255, .025);
}

.member-profile-links {
  display: grid;
  gap: 6px;
  margin: 12px 0;
}

.member-profile-links a {
  color: var(--gold);
  overflow-wrap: anywhere;
}

.connection-activity {
  margin-top: 16px;
  padding: 14px 16px;
  border-left: 3px solid var(--gold);
  background: rgba(204, 162, 92, .08);
}

.request-drink {
  margin-top: 8px;
}

.link-state-grid,
.occupancy-grid,
.performer-benefits {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}

.link-state-grid article,
.occupancy-grid article,
.performer-benefits article {
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 16px;
  background: rgba(255, 255, 255, .03);
}

.preview-thumbnails {
  display: flex;
  gap: 8px;
  margin: 10px 0;
}

.preview-thumbnails button {
  width: 70px;
  height: 54px;
  padding: 3px;
}

.preview-thumbnails button.selected {
  outline: 2px solid var(--gold);
}

.preview-thumbnails i {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

.preview-a {
  background: radial-gradient(circle at 65% 35%, #d4ad6d 0 8%, transparent 9%), linear-gradient(145deg, #0b4c59, #071a21);
}

.preview-b {
  background: linear-gradient(120deg, transparent 35%, #d0a45d 36% 40%, transparent 41%), linear-gradient(160deg, #351e37, #0a2329);
}

.preview-c {
  background: repeating-linear-gradient(45deg, #0b2f35 0 8px, #c4954c 9px 10px, #07171b 11px 18px);
}

.occupancy-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.occupancy-grid b {
  display: block;
  margin-top: 8px;
  color: var(--gold);
  font-size: 1.7rem;
}

.guest-ledger {
  display: grid;
  gap: 8px;
  margin: 16px 0;
}

.guest-ledger button {
  display: flex;
  justify-content: space-between;
  text-align: left;
}

.guest-detail-panel {
  min-height: 120px;
  padding: 18px;
  border-radius: 16px;
  background: rgba(12, 49, 55, .65);
}

.request-radio {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #53656a;
}

.request-radio.alert {
  background: #ef5d63;
  box-shadow: 0 0 0 6px rgba(239, 93, 99, .14);
}

.performer-event-editor form {
  display: grid;
  grid-template-columns: 1fr 1fr 2fr auto;
  gap: 12px;
  align-items: end;
}

.performer-event-editor label,
.ai-event-promotion textarea {
  width: 100%;
}

.hourly-rundown {
  display: grid;
  gap: 8px;
}

.hourly-rundown article {
  display: grid;
  grid-template-columns: 72px minmax(180px, .7fr) 1fr;
  gap: 14px;
  padding: 12px 14px;
  border-left: 3px solid rgba(204, 162, 92, .6);
  background: rgba(255, 255, 255, .025);
}

.hourly-rundown time {
  color: var(--gold);
  font-weight: 800;
}

.crowd-chart {
  display: flex;
  align-items: end;
  gap: 18px;
  height: 190px;
  padding-top: 18px;
}

.crowd-chart div {
  display: grid;
  grid-template-rows: auto 1fr auto;
  justify-items: center;
  height: 100%;
  flex: 1;
}

.crowd-chart i {
  align-self: end;
  width: min(54px, 80%);
  height: var(--crowd);
  border-radius: 10px 10px 2px 2px;
  background: linear-gradient(#d4ad6d, #2c7b80);
}

.ai-promo-actions,
.management-location-controls,
.publishing-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 12px 0;
}

.ai-event-promotion textarea {
  min-height: 120px;
}

.floor-selector {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  margin: 12px 0;
}

.floor-selector button {
  padding: 9px 8px;
  font-size: .74rem;
}

.floor-selector button.active {
  color: #07171b;
  background: var(--gold);
}

.friend-dot,
.ops-dot {
  position: absolute;
}

.friend-dot span,
.ops-dot::before {
  display: block;
  width: 12px;
  height: 12px;
  border: 2px solid #f7efd8;
  border-radius: 50%;
  background: #2f9daa;
  box-shadow: 0 0 0 5px rgba(47, 157, 170, .18);
  content: "";
}

.friend-dot b,
.ops-dot b {
  display: block;
  width: max-content;
  margin-top: 5px;
  color: #f7efd8;
  font-size: .66rem;
}

.friend-alex { left: 18%; top: 58%; }
.friend-maya { left: 41%; top: 30%; }
.friend-noor { right: 25%; top: 52%; }
.order-active { left: 30%; top: 64%; }
.order-delivering { left: 49%; top: 56%; }
.help-call { right: 16%; top: 24%; }
.order-delivered { left: 19%; top: 22%; }
.guest-white { right: 31%; bottom: 19%; }
.security-purple { right: 10%; bottom: 30%; }
.incognito-dot { left: 62%; top: 21%; }

.order-active::before { background: #f4c542; }
.order-delivering::before { background: #45ca7a; }
.help-call::before { background: #ef5d63; }
.order-delivered::before { background: #4e99ef; }
.guest-white::before { background: #f8f8ef; }
.security-purple::before { background: #9b6ef3; }
.incognito-dot::before { background: #7b8082; }

.location-message {
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 10px;
  color: var(--muted);
  background: rgba(255, 255, 255, .04);
}

.location-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0;
}

.location-legend span {
  padding: 4px 8px;
  border: 1px solid currentColor;
  border-radius: 999px;
  font-size: .7rem;
}

.location-legend .yellow { color: #f4c542; }
.location-legend .green { color: #45ca7a; }
.location-legend .blue { color: #4e99ef; }
.location-legend .red { color: #ef5d63; }
.location-legend .purple { color: #9b6ef3; }
.location-legend .white { color: #f8f8ef; }

.submitted-reports [data-submitted-reports] > article {
  grid-template-columns: minmax(0, 1fr) auto;
}

.report-response {
  color: #07171b;
  background: var(--gold);
}

.publishing-tabs button.active {
  color: #07171b;
  background: var(--gold);
}

.publishing-records [data-publishing-records] > article.hidden {
  display: none;
}

.publishing-records [data-publishing-records] > article > div {
  min-width: 200px;
}

.publishing-records [data-publishing-records] > article {
  grid-template-columns: 120px minmax(210px, 1fr) repeat(5, auto);
}

.social-dialog {
  max-width: 540px;
  padding: 26px;
  border: 1px solid rgba(204, 162, 92, .45);
  border-radius: 22px;
  color: #f7efd8;
  background: #071a20;
  box-shadow: 0 24px 90px rgba(0, 0, 0, .65);
}

.social-dialog::backdrop {
  background: rgba(0, 8, 10, .76);
  backdrop-filter: blur(4px);
}

.social-dialog label {
  display: block;
  margin: 12px 0;
}

.social-dialog li {
  margin: 9px 0;
}

.dialog-close {
  float: right;
  min-width: 42px;
}

.metric-grid article[role="button"] {
  cursor: pointer;
  transition: border-color .18s ease, transform .18s ease, background .18s ease;
}

.metric-grid article[role="button"]:hover,
.metric-grid article[role="button"]:focus-visible {
  border-color: rgba(204, 162, 92, .7);
  background: rgba(204, 162, 92, .08);
  transform: translateY(-2px);
  outline: none;
}

.promotion-toggle[aria-pressed="true"] {
  color: #07171b;
  background: var(--gold);
}

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

.link-state-grid article {
  min-height: 145px;
}

.link-state-grid a,
.member-profile-links a {
  display: block;
  margin: 5px 0;
  color: var(--gold2);
  overflow-wrap: anywhere;
}

.link-state-grid .link-status {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: .72rem;
}

.preview-thumbnails.preview-locked {
  opacity: .35;
  pointer-events: none;
}

.blocked-list [data-blocked-list] {
  min-width: 240px;
  padding: 12px 16px;
  border: 1px solid rgba(239, 93, 99, .4);
  border-radius: 12px;
  color: #fff1e9;
  font-size: 1rem;
  font-weight: 800;
  background: rgba(239, 93, 99, .09);
}

.management-event-selector {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  align-items: center;
  margin: 16px 0;
  padding: 14px;
  border: 1px solid rgba(154, 139, 232, .35);
  border-radius: 14px;
  background: rgba(154, 139, 232, .06);
}

.management-event-selector span {
  margin-right: auto;
  color: #c9c0ff;
  font-size: .72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.management-event-selector button.active {
  color: #07171b;
  background: var(--gold);
}

.event-operations i {
  color: var(--gold2);
  font-style: normal;
}

.upcoming-events {
  margin-top: 22px;
  padding: 22px;
  border: 1px solid rgba(154, 139, 232, .28);
  border-radius: 20px;
  background: rgba(154, 139, 232, .05);
}

.upcoming-event-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.upcoming-event-grid article {
  display: grid;
  gap: 6px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
}

.upcoming-event-grid span {
  color: var(--muted);
  font-size: .78rem;
}

.venue-map {
  background: linear-gradient(135deg, rgba(85,201,211,.08), transparent 45%), #081c23;
}

.room-outline {
  position: absolute;
  border: 2px solid rgba(204, 162, 92, .38);
  border-radius: 12px;
  background: rgba(255,255,255,.018);
}

.room-outline > span {
  position: absolute;
  top: 8px;
  left: 10px;
  color: #dfc58f;
  font-size: .64rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.room-outline i {
  position: absolute;
  display: grid;
  place-items: center;
  color: rgba(255,255,255,.62);
  font-size: .62rem;
  font-style: normal;
  text-transform: uppercase;
}

.courtyard-room { left: 4%; top: 5%; width: 43%; height: 42%; }
.ballroom-room { right: 4%; top: 5%; width: 43%; height: 42%; }
.red-room { left: 4%; bottom: 5%; width: 43%; height: 42%; border-color: rgba(204,95,103,.55); }
.playroom-room { right: 10%; bottom: 9%; width: 34%; height: 32%; border-color: rgba(154,139,232,.55); }

.pool-water {
  left: 10%;
  right: 10%;
  top: 31%;
  bottom: 10%;
  border: 2px solid rgba(85,201,211,.55);
  border-radius: 45%;
  background: repeating-radial-gradient(ellipse at center, rgba(85,201,211,.18) 0 8px, rgba(85,201,211,.05) 9px 16px);
}

.ballroom-floor {
  left: 14%;
  right: 14%;
  top: 30%;
  bottom: 12%;
  border: 1px solid rgba(255,255,255,.15);
  background: repeating-linear-gradient(45deg, rgba(204,162,92,.08) 0 8px, transparent 9px 16px);
}

.bar-counter {
  left: 10%;
  right: 10%;
  bottom: 12%;
  height: 28%;
  border: 2px solid rgba(204,95,103,.5);
  border-radius: 50% 50% 12px 12px;
  background: rgba(204,95,103,.08);
}

.friend-alex { left: 19%; top: 27%; }
.friend-maya { left: auto; right: 21%; top: 25%; }
.friend-noor { left: 20%; right: auto; top: auto; bottom: 20%; }
.member-river { left: 33%; right: auto; top: 19%; bottom: auto; }

.staff-location-dot,
.management-location-dot,
.premium-order-dot {
  position: absolute;
  z-index: 4;
}

.staff-location-dot { right: 34%; bottom: 25%; }
.management-location-dot { right: 18%; top: 17%; }
.order-one { left: 13%; top: 34%; }
.order-two { right: 15%; top: 32%; }
.order-three { left: 35%; bottom: 18%; }

.staff-location-dot span,
.management-location-dot span,
.premium-order-dot span {
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
}

.staff-location-dot span {
  background: #55c9d3;
  box-shadow: 0 0 0 6px rgba(85,201,211,.18);
}

.management-location-dot span {
  border: 3px solid var(--gold);
  background: #55c9d3;
  box-shadow: 0 0 0 5px rgba(204,162,92,.15);
}

.premium-order-dot span {
  background: #f28b35;
  box-shadow: 0 0 0 6px rgba(242,139,53,.18);
}

.staff-location-dot b,
.management-location-dot b,
.premium-order-dot b {
  display: block;
  width: max-content;
  margin-top: 5px;
  color: #f7efd8;
  font-size: .65rem;
}

.order-active { left: 14%; top: 20%; }
.order-delivering { left: 37%; top: 38%; }
.help-call { right: 15%; top: 20%; }
.order-delivered { left: 14%; top: auto; bottom: 16%; }
.guest-white { right: 28%; bottom: 20%; }
.security-purple { right: 13%; bottom: 17%; }
.incognito-dot { left: 59%; top: 32%; }

.management-location-controls-top {
  justify-content: flex-end;
  margin-bottom: 10px;
}

.premium-order-summary {
  margin-top: 5px;
  padding: 14px;
  border: 1px solid rgba(242,139,53,.4);
  border-radius: 12px;
  background: rgba(242,139,53,.06);
}

.premium-order-summary h4 {
  margin: 6px 0;
  color: #f6a25a;
  font: 500 24px var(--serif);
}

.premium-order-summary p,
.premium-order-summary li {
  color: var(--muted);
  font-size: .72rem;
  line-height: 1.45;
}

.recipient-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0;
}

.recipient-tabs button.active {
  color: #07171b;
  background: var(--gold);
}

.recipient-list,
.insight-content {
  max-height: 420px;
  overflow: auto;
  margin: 12px 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255,255,255,.025);
}

.recipient-list label {
  padding: 7px 0;
  border-bottom: 1px solid rgba(255,255,255,.06);
}

.insight-list {
  display: grid;
  gap: 6px;
}

.insight-list article {
  display: grid;
  grid-template-columns: minmax(140px,.7fr) 1fr;
  gap: 10px;
  padding: 8px;
  border-bottom: 1px solid rgba(255,255,255,.06);
}

.insight-record-list {
  display: grid;
  gap: 8px;
}

.insight-record-button {
  display: grid;
  grid-template-columns: minmax(150px, .65fr) 1fr auto;
  gap: 12px;
  align-items: center;
  width: 100%;
  padding: 12px;
  color: var(--text);
  text-align: left;
  border: 1px solid rgba(85,201,211,.22);
  border-radius: 12px;
  background: rgba(85,201,211,.035);
}

.insight-record-button:hover,
.insight-record-button:focus-visible {
  border-color: var(--gold);
  background: rgba(204,162,92,.08);
}

.insight-record-button span,
.insight-record-button small {
  color: var(--muted);
}

.insight-record-button small {
  color: var(--gold2);
  white-space: nowrap;
}

.case-detail-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
}

.case-detail-grid article {
  padding: 12px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;
  background: rgba(255,255,255,.025);
}

.case-detail-grid article.wide {
  grid-column: 1 / -1;
}

.case-detail-grid span {
  display: block;
  margin-bottom: 5px;
  color: var(--aqua);
  font-size: .64rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.case-detail-grid b,
.case-detail-grid p {
  margin: 0;
  color: var(--text);
  font-size: .82rem;
  line-height: 1.5;
}

.case-detail-grid .resolution {
  border-color: rgba(204,162,92,.36);
  background: rgba(204,162,92,.06);
}

.insight-back {
  margin-top: 12px;
}

.insight-bars {
  display: grid;
  gap: 9px;
}

.insight-bars div {
  display: grid;
  grid-template-columns: 100px 1fr 45px;
  gap: 8px;
  align-items: center;
}

.insight-bars i {
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--aqua) var(--value), rgba(255,255,255,.06) var(--value));
}

.approval-row.video-candidate > span::before {
  display: block;
  width: 72px;
  height: 42px;
  margin-bottom: 6px;
  border: 1px solid rgba(154,139,232,.55);
  border-radius: 8px;
  content: "▶ VIDEO";
  color: #e7e1ff;
  font-size: .65rem;
  line-height: 42px;
  text-align: center;
  background: linear-gradient(135deg, #402d55, #0a333c);
}

@media (max-width: 1180px) {
  .performer-event-editor form,
  .publishing-records [data-publishing-records] > article {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 980px) {
  .feed-card.has-comment-panel {
    grid-template-columns: 1fr;
  }

  .post-comment-panel {
    border-top: 1px solid rgba(204, 162, 92, .28);
    border-left: 0;
  }

  .post-comment-stream {
    max-height: 260px;
  }
}

@media (max-width: 760px) {
  .link-state-grid,
  .occupancy-grid,
  .performer-benefits,
  .floor-selector {
    grid-template-columns: 1fr 1fr;
  }

  .hourly-rundown article,
  .pending-community-posts > article,
  [data-staff-request-list] > article,
  .management-request-inbox,
  .submitted-reports [data-submitted-reports] > article,
  .publishing-records [data-publishing-records] > article,
  .insight-record-button,
  .case-detail-grid {
    grid-template-columns: 1fr;
  }

  .case-detail-grid article.wide {
    grid-column: auto;
  }

  .performer-event-editor form {
    grid-template-columns: 1fr;
  }

  .link-state-grid,
  .upcoming-event-grid {
    grid-template-columns: 1fr;
  }
}