.content-center-tool-link .up-nav-icon {
  display: grid;
  place-items: center;
  color: #9b7c45;
  font-size: 16px;
  font-weight: 700;
}

.content-center-tool-link[data-tool="aigc"] {
  background: transparent;
  border-left: 0;
}

.content-center-tool-link[data-tool="aigc"]:hover {
  background: rgba(169, 139, 84, .08);
}

.content-aigc-card {
  border-color: #b49a68 !important;
  box-shadow: 0 12px 32px rgba(83, 65, 35, .10) !important;
}

.content-aigc-card .cc-content-visual {
  background-image: linear-gradient(180deg, rgba(10, 10, 12, .18), rgba(10, 10, 12, .82)), url("./lexus-rz-hero.jpg") !important;
  background-size: cover !important;
  background-position: 66% center !important;
  color: #fff !important;
  text-shadow: 0 1px 10px rgba(0, 0, 0, .55);
}

.content-aigc-card .cc-content-copy h3 {
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
}

.content-aigc-card .cc-content-copy > p {
  font-size: 12px !important;
  line-height: 1.55 !important;
}

.content-aigc-source {
  color: #806639;
  font-weight: 700;
}

/* Real-model visuals for content records; copy stays separate and readable. */
body[data-suite="portal"] [data-demo-visual].cc-content-visual,
body[data-suite="portal"] [data-demo-visual].cc-asset-cover,
body[data-suite="portal"] [data-demo-visual].cc-asset-swatch,
body[data-suite="portal"] [data-demo-visual].cc-asset-hero {
  background-image: linear-gradient(180deg, rgba(10, 10, 12, .10), rgba(10, 10, 12, .78)), var(--cc-demo-image) !important;
  background-position: center !important;
  background-size: cover !important;
  color: #fff !important;
  text-shadow: 0 1px 10px rgba(0, 0, 0, .5);
}

body[data-suite="portal"] [data-demo-visual="rz"].cc-content-visual,
body[data-suite="portal"] [data-demo-visual="rz"].cc-asset-cover,
body[data-suite="portal"] [data-demo-visual="rz"].cc-asset-hero {
  background-position: 66% center !important;
}

body[data-suite="portal"] .cc-demo-thumb {
  width: calc(100% + 30px);
  min-height: 112px;
  margin: -15px -15px 14px;
  border-bottom: 1px solid #e7e5e0;
  background-image: linear-gradient(180deg, rgba(10, 10, 12, .04), rgba(10, 10, 12, .38)), var(--cc-demo-image);
  background-position: center;
  background-size: cover;
  pointer-events: none;
}

body[data-suite="portal"] .cc-preview[data-demo-visual] {
  isolation: isolate;
  overflow: hidden;
  background-image: linear-gradient(135deg, rgba(13, 16, 18, .88), rgba(13, 16, 18, .42)), var(--cc-demo-image) !important;
  background-position: center !important;
  background-size: cover !important;
  color: #fff !important;
  text-shadow: 0 1px 12px rgba(0, 0, 0, .55);
}

body[data-suite="portal"] .cc-preview[data-demo-visual] :is(p, small, span) {
  color: rgba(255, 255, 255, .8) !important;
}

/* Community records use the same model imagery without changing their data rows. */
body[data-suite="portal"] .community-visual-cell {
  display: grid !important;
  grid-template-columns: 70px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 10px;
  align-items: center;
  min-width: 190px;
}

body[data-suite="portal"] .community-visual-cell > :not(.community-demo-thumb) {
  grid-column: 2;
  min-width: 0;
}

body[data-suite="portal"] .community-demo-thumb {
  grid-column: 1;
  grid-row: 1 / -1;
  display: block;
  width: 70px;
  height: 46px;
  overflow: hidden;
  border: 1px solid rgba(170, 145, 99, .35);
  border-radius: 6px;
  background-image: linear-gradient(180deg, rgba(10, 10, 12, .02), rgba(10, 10, 12, .28)), var(--cc-demo-image);
  background-position: center;
  background-size: cover;
  box-shadow: 0 4px 12px rgba(17, 17, 18, .10);
}

body[data-suite="portal"] .community-demo-thumb[data-demo-visual="rz"] {
  background-position: 64% center;
}

/* Match the information density and type hierarchy used by Leads & Sales. */
body[data-suite="portal"]:is([data-page="content.html"], [data-page="community.html"]) .cc-master-layout > .ui-panel {
  height: auto;
}

body[data-suite="portal"]:is([data-page="content.html"], [data-page="community.html"]) :is(.cc-form-field, .cc-filter-row label) {
  gap: 5px;
  color: #65727d;
  font-size: 11px;
  font-weight: 600;
}

body[data-suite="portal"]:is([data-page="content.html"], [data-page="community.html"]) :is(
  .cc-form-field input,
  .cc-form-field select,
  .cc-filter-row input,
  .cc-filter-row select,
  .cc-action-grid input
) {
  min-height: 38px;
  padding: 8px 10px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}

body[data-suite="portal"]:is([data-page="content.html"], [data-page="community.html"]) :is(
  .cc-content-card,
  .cc-asset-grid > a,
  .cc-template-grid article,
  .cc-review-list article,
  .cc-campaign-package-grid article,
  .cc-package-card,
  .cc-public-grid article,
  .cc-moderation-list > article,
  .cc-plan-list > article,
  .cc-slot-board article
) {
  border-radius: 8px;
  font-size: 12px;
  line-height: 1.55;
}

body[data-suite="portal"]:is([data-page="content.html"], [data-page="community.html"]) :is(
  .cc-template-grid article,
  .cc-review-list article,
  .cc-campaign-package-grid article,
  .cc-package-card,
  .cc-moderation-list > article,
  .cc-plan-list > article
) {
  padding: 15px;
}

body[data-suite="portal"]:is([data-page="content.html"], [data-page="community.html"]) .cc-content-copy {
  padding: 14px;
}

body[data-suite="portal"]:is([data-page="content.html"], [data-page="community.html"]) :is(
  .cc-content-copy h3,
  .cc-asset-grid h3,
  .cc-review-list h3,
  .cc-campaign-package-grid h3,
  .cc-package-card h3,
  .cc-public-grid h3,
  .cc-moderation-list h3,
  .cc-plan-list h3
) {
  margin: 9px 0 5px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
}

body[data-suite="portal"]:is([data-page="content.html"], [data-page="community.html"]) .cc-template-head b {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

body[data-suite="portal"]:is([data-page="content.html"], [data-page="community.html"]) :is(
  .cc-content-copy p,
  .cc-asset-grid p,
  .cc-template-grid p,
  .cc-template-grid ol,
  .cc-campaign-package-grid p,
  .cc-package-card p,
  .cc-public-grid p,
  .cc-moderation-list p,
  .cc-plan-list p
) {
  font-size: 12px;
  line-height: 1.55;
}

body[data-suite="portal"]:is([data-page="content.html"], [data-page="community.html"]) :is(
  .cc-content-copy > small,
  .cc-asset-grid small,
  .cc-template-grid small,
  .cc-review-list small,
  .cc-campaign-package-grid small,
  .cc-package-card > small,
  .cc-public-grid small,
  .cc-moderation-list small,
  .cc-plan-list small,
  .cc-slot-board header small,
  .cc-bound-content small
) {
  font-size: 11px;
  line-height: 1.45;
}

body[data-suite="portal"]:is([data-page="content.html"], [data-page="community.html"]) .cc-package-metrics span {
  padding: 8px;
  border-radius: 6px;
  font-size: 11px;
  line-height: 1.4;
}

body[data-suite="portal"]:is([data-page="content.html"], [data-page="community.html"]) .cc-package-metrics b {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.25;
}

body[data-suite="portal"]:is([data-page="content.html"], [data-page="community.html"]) :is(.cc-slot-board header strong, .cc-bound-content strong) {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.45;
}

@media (max-width: 900px) {
  .content-center-tool-link[data-tool="aigc"] { border-left: 0; }
}