/* Scoped styles shared by the original decoration editor and public storefront.
   Typography/spacing/radius tokens intentionally match brand-section.css so the
   two components read as one design system. Admin panel reuses .bf-brand-controls
   (defined by brand-section.css, loaded earlier) instead of redefining it. */
.bf-pc-industry{position:relative;box-sizing:border-box;width:100%;max-width:none;margin:0 auto;padding:30px;background:#fff;border:1px solid #e9eef3;border-radius:20px;color:#192c40;font-family:Inter,"Microsoft YaHei",Arial,sans-serif;line-height:1.5}
.bf-pc-industry *{box-sizing:border-box}
.bf-pci-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.bf-pci-kicker{font-size:10px;font-weight:700;letter-spacing:2.5px;color:#70869b;margin-bottom:5px;overflow-wrap:anywhere}.bf-pci-heading h2{font-size:26px;font-weight:700;line-height:1.4;letter-spacing:1px;color:#152f48;margin:0}.bf-pci-heading p{font-size:13px;color:#8291a0;margin:7px 0 0;overflow-wrap:anywhere}
.bf-pc-industry .bf-pci-more{display:flex!important;align-items:center;gap:13px;flex-shrink:0;font-size:12px;color:#526c82!important;border-bottom:1px solid #d4dfe8;padding:8px 0;max-width:35%;overflow-wrap:anywhere}.bf-pci-arrow{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px;line-height:1}
.bf-pci-grid{display:grid;grid-template-columns:repeat(var(--bf-pci-columns),minmax(0,1fr));gap:16px}
.bf-pc-industry .bf-pci-card{position:relative;isolation:isolate;display:flex!important;flex-direction:column;justify-content:flex-end;min-width:0;min-height:198px;padding:22px;overflow:hidden;border-radius:14px;color:#fff!important;transition:transform .2s,box-shadow .2s}
.bf-pc-industry a.bf-pci-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px #12233810}
.bf-pci-card[data-accent=navy],.bf-ic-accent-preview[data-accent=navy]{--bf-pci-shade:15,36,56;--bf-pci-tint:28,69,105;background:linear-gradient(150deg,#0f2438,#1c4569 88%)}
.bf-pci-card[data-accent=teal],.bf-ic-accent-preview[data-accent=teal]{--bf-pci-shade:11,43,42;--bf-pci-tint:26,92,86;background:linear-gradient(150deg,#0b2b2a,#1a5c56 88%)}
.bf-pci-card[data-accent=plum],.bf-ic-accent-preview[data-accent=plum]{--bf-pci-shade:32,23,47;--bf-pci-tint:63,44,104;background:linear-gradient(150deg,#20172f,#3f2c68 88%)}
.bf-pci-card[data-accent=slate],.bf-ic-accent-preview[data-accent=slate]{--bf-pci-shade:24,32,41;--bf-pci-tint:52,70,92;background:linear-gradient(150deg,#182029,#34465c 88%)}
.bf-pci-card[data-accent=amber],.bf-ic-accent-preview[data-accent=amber]{--bf-pci-shade:43,31,14;--bf-pci-tint:92,69,32;background:linear-gradient(150deg,#2b1f0e,#5c4520 88%)}
.bf-pci-card[data-accent=forest],.bf-ic-accent-preview[data-accent=forest]{--bf-pci-shade:16,42,28;--bf-pci-tint:32,83,57;background:linear-gradient(150deg,#102a1c,#205339 88%)}
.bf-pci-card[data-accent=wine],.bf-ic-accent-preview[data-accent=wine]{--bf-pci-shade:42,14,23;--bf-pci-tint:92,31,49;background:linear-gradient(150deg,#2a0e17,#5c1f31 88%)}
.bf-pci-card[data-accent=indigo],.bf-ic-accent-preview[data-accent=indigo]{--bf-pci-shade:20,26,61;--bf-pci-tint:44,58,122;background:linear-gradient(150deg,#141a3d,#2c3a7a 88%)}
.bf-pci-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}
.bf-pci-scrim{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#08121ee6 5%,#08121e75 52%,#08121e30)}
.has-image .bf-pci-scrim{background:linear-gradient(0deg,#060f18ee 15%,#060f1885 55%,#060f1840)}
.bf-pci-ring{position:absolute;z-index:-1;width:150px;height:150px;right:-45px;top:-45px;border:1px solid #ffffff14;border-radius:50%;box-shadow:0 0 0 18px #ffffff05;pointer-events:none}
.bf-pci-body{position:relative;min-width:0;overflow-wrap:anywhere}
.bf-pci-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#ffffff1c;color:#fff;margin-bottom:14px}
.bf-pci-icon svg{width:20px;height:20px}
.bf-pci-body h3{font-size:17px;font-weight:700;letter-spacing:.3px;margin:0;color:#fff}
.bf-pci-body p{font-size:12px;line-height:1.7;color:#cfdbe6;margin:7px 0 0}
.bf-pci-link{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#d8e6ef;margin-top:14px}
.bf-pc-industry a.bf-pci-card:hover .bf-pci-link{color:#fff}
.bf-pci-empty{padding:28px;border:1px dashed #c9d9e4;border-radius:12px;text-align:center;color:#8094a5;font-size:13px}
.bf-pc-industry a:focus-visible{outline:3px solid #23a0d1;outline-offset:3px}
@media(max-width:1000px){.bf-pc-industry{padding:22px}.bf-pci-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.bf-pci-card{min-height:172px;padding:18px}}
@media(max-width:640px){.bf-pci-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.bf-pc-industry a{transition:none!important}}
/* Native editor list swatch (icon-only, no material image chosen yet) */
.bf-ic-swatch{display:inline-flex;align-items:center;justify-content:center;width:30px;height:23px;border-radius:5px;color:#fff;flex-shrink:0}
.bf-ic-swatch svg{width:14px;height:14px}
.bf-ic-swatch[data-accent=navy]{background:#1c4569}.bf-ic-swatch[data-accent=teal]{background:#1a5c56}.bf-ic-swatch[data-accent=plum]{background:#3f2c68}.bf-ic-swatch[data-accent=slate]{background:#34465c}.bf-ic-swatch[data-accent=amber]{background:#5c4520}.bf-ic-swatch[data-accent=forest]{background:#205339}.bf-ic-swatch[data-accent=wine]{background:#5c1f31}.bf-ic-swatch[data-accent=indigo]{background:#2c3a7a}

/* Opt-in light cards. Photos stay vivid above the solid pale text surface. */
.bf-pc-industry .bf-pci-card[data-card-tone]:not([data-card-tone=original]){justify-content:flex-start;padding:0;min-height:240px;border:1px solid var(--bf-tone-border);background:linear-gradient(150deg,var(--bf-tone-bg),var(--bf-tone-end));color:var(--bf-tone-ink)!important}
.bf-pci-card[data-card-tone]:not([data-card-tone=original]) .bf-pci-photo{position:relative;inset:auto;z-index:auto;width:100%;height:112px;flex:none;object-fit:cover}
.bf-pci-card[data-card-tone]:not([data-card-tone=original]) .bf-pci-scrim,.bf-pci-card[data-card-tone]:not([data-card-tone=original]) .bf-pci-ring{display:none}
.bf-pci-card[data-card-tone]:not([data-card-tone=original]) .bf-pci-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;width:100%;padding:19px 20px 18px}
.bf-pci-card[data-card-tone]:not([data-card-tone=original]) .bf-pci-icon{flex:none;margin-bottom:14px;background:var(--bf-tone-chip);color:var(--bf-tone-accent)}
.bf-pci-card.has-image[data-card-tone]:not([data-card-tone=original]) .bf-pci-icon{display:none}
.bf-pci-card[data-card-tone]:not([data-card-tone=original]) h3{color:var(--bf-tone-ink)}
.bf-pci-card[data-card-tone]:not([data-card-tone=original]) p{color:var(--bf-tone-muted);margin-bottom:14px}
.bf-pc-industry .bf-pci-card[data-card-tone]:not([data-card-tone=original]) .bf-pci-link{margin-top:auto;padding-top:6px;color:var(--bf-tone-accent);font-weight:600}
.bf-pc-industry a.bf-pci-card[data-card-tone]:not([data-card-tone=original]):hover{border-color:var(--bf-tone-accent);box-shadow:0 9px 22px #24435b12;transform:translateY(-3px)}
@media(max-width:1000px){.bf-pci-card[data-card-tone]:not([data-card-tone=original]) .bf-pci-body{padding:18px}.bf-pci-card[data-card-tone]:not([data-card-tone=original]) .bf-pci-photo{height:128px}}

/* Original photo cards use the selected palette in their overlay as well. */
.bf-pci-card.has-image[data-card-tone=original] .bf-pci-scrim{background:linear-gradient(0deg,rgba(var(--bf-pci-shade),.98) 0%,rgba(var(--bf-pci-tint),.92) 65%,rgba(var(--bf-pci-shade),.52) 100%)}
.bf-pci-card.has-image[data-card-tone=original] .bf-pci-icon{background:rgba(var(--bf-pci-tint),.96);box-shadow:inset 0 0 0 1px #ffffff29}
.bf-ic-accent-preview{padding:13px 14px;border-radius:8px;min-height:62px;color:#fff;font-size:13px;font-weight:600;line-height:1.6;overflow-wrap:anywhere;margin:7px 0 12px}
.bf-ic-accent-preview span{display:block;font-size:11px;font-weight:400;color:#edf4f9;margin-top:3px}.bf-ic-accent-help{font-size:12px;line-height:1.7;color:#61778b;margin:0 0 12px}

/* Optional exact pre-accent photo treatment. Existing coloured and light cards remain selectable. */
.bf-pci-card[data-accent=classic]{--bf-pci-shade:15,36,56;--bf-pci-tint:28,69,105;background:linear-gradient(150deg,#0f2438,#1c4569 88%)}
.bf-pci-card.has-image[data-card-tone=original][data-accent=classic] .bf-pci-scrim{background:linear-gradient(0deg,#060f18ee 15%,#060f1885 55%,#060f1840)}
.bf-pci-card.has-image[data-card-tone=original][data-accent=classic] .bf-pci-icon{background:#ffffff1c;box-shadow:none}
.bf-ic-accent-preview[data-accent=classic]{background:linear-gradient(0deg,#060f18 15%,#122b42 55%,#1c4569)}
.bf-ic-swatch[data-accent=classic]{background:#102638}