.hpap-wrap{max-width:900px}.hpap-switch{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:0 0 1.25rem}.hpap-chip,.hpap-tabs a{display:inline-block;padding:.55rem .85rem;border:1px solid currentColor;border-radius:999px;text-decoration:none}.hpap-chip.is-active,.hpap-tabs a.is-active{font-weight:700;background:rgba(0,0,0,.06)}.hpap-tabs{display:flex;gap:.6rem;flex-wrap:wrap;margin:0 0 1.5rem}.hpap-form{display:grid;gap:1rem}.hpap-form label{display:grid;gap:.35rem;font-weight:600}.hpap-form small{font-weight:400;opacity:.75}.hpap-form input[type=text],.hpap-form input[type=email],.hpap-form input[type=url],.hpap-form input[type=date],.hpap-form input[type=time],.hpap-form textarea{width:100%;padding:.7rem;border:1px solid rgba(0,0,0,.2);border-radius:6px}.hpap-form fieldset{display:grid;gap:.8rem;border:1px solid rgba(0,0,0,.15);padding:1rem;border-radius:8px}.hpap-form legend{font-weight:700;padding:0 .4rem}.hpap-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.hpap-preview{display:block;max-width:220px;height:auto;margin:.4rem 0;border-radius:8px}.hpap-notice,.hpap-warning{padding:.9rem 1rem;border:1px solid rgba(0,0,0,.16);border-radius:8px;margin:0 0 1rem}.hpap-event-list{display:grid;gap:.65rem}.hpap-event-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0;border-bottom:1px solid rgba(0,0,0,.12)}.hpap-inline{display:inline}.hpap-public-socials{display:flex;gap:.65rem;flex-wrap:wrap;margin:1.25rem 0}.hpap-public-socials a{display:inline-block;padding:.45rem .7rem;border:1px solid currentColor;border-radius:999px;text-decoration:none}@media(max-width:640px){.hpap-grid{grid-template-columns:1fr}.hpap-event-row{align-items:flex-start;flex-direction:column}}

.hpap-source-note{padding:.8rem 1rem;border-left:3px solid currentColor;background:rgba(0,0,0,.035);margin:0 0 1rem}

.hpap-section{scroll-margin-top:100px;margin-bottom:48px}
.hpap-editor-field{margin:18px 0}
.hpap-editor-field>label{display:block;font-weight:600;margin-bottom:6px}
.hpap-help{margin:0 0 8px;opacity:.8;font-size:.92em}
.hpap-tabs a{text-decoration:none}
.hpap-event-form{padding-top:4px}
.hpap-event-form small{display:block;margin-top:5px;opacity:.8}


/* v1.0.6 portal polish */
.hpap-wrap, .hpap-portal, .hpap-section { max-width: 1050px; }
.hpap-section, .hpap-card, .hpap-form-section {
    padding: 24px;
    margin: 0 0 24px;
    border-radius: 12px;
}
.hpap-section h2, .hpap-section h3, .hpap-card h2, .hpap-card h3 {
    margin-top: 0;
    line-height: 1.2;
}
.hpap-section h2, .hpap-card h2 { font-size: 28px; }
.hpap-section h3, .hpap-card h3 { font-size: 21px; }
.hpap-section input[type="text"],
.hpap-section input[type="url"],
.hpap-section input[type="date"],
.hpap-section input[type="time"],
.hpap-section input[type="email"],
.hpap-section select,
.hpap-card input[type="text"],
.hpap-card input[type="url"],
.hpap-card input[type="date"],
.hpap-card input[type="time"],
.hpap-card select {
    min-height: 46px;
    padding: 10px 12px;
    font-size: 16px;
}
.hpap-section label, .hpap-card label {
    display: block;
    font-weight: 600;
    margin-bottom: 7px;
}
.hpap-section .wp-editor-wrap, .hpap-card .wp-editor-wrap {
    margin-top: 8px;
}
.hpap-section .button, .hpap-section button,
.hpap-card .button, .hpap-card button {
    min-height: 44px;
    padding: 9px 18px;
}


/* =========================================================
   HP Artist Portal 1.0.17
   CSS architecture for theme/designer customization.
   Safe to override from a child theme or Custom CSS.
   ========================================================= */

.hpap-portal {
    --hpap-gap: 24px;
    --hpap-radius: 12px;
    --hpap-border: rgba(255,255,255,.14);
    --hpap-panel: rgba(255,255,255,.035);
    --hpap-text-muted: rgba(255,255,255,.72);
    width: 100%;
}

.hpap-artist-switcher {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 22px;
}

.hpap-artist-switcher__label {
    font-weight: 700;
    letter-spacing: .08em;
}

.hpap-artist-switcher__items {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.hpap-artist-switcher__item,
.hpap-nav__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.hpap-nav {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin: 0 0 28px;
}

.hpap-nav__item {
    min-height: 44px;
    padding: 9px 20px;
    border: 1px solid currentColor;
    border-radius: 999px;
    font-weight: 700;
    letter-spacing: .04em;
}

.hpap-nav__item.is-active,
.hpap-artist-switcher__item.is-active {
    font-weight: 800;
}

.hpap-page {
    width: 100%;
}

.hpap-page__header {
    margin: 0 0 22px;
}

.hpap-page__title {
    margin: 0;
}

.hpap-page .hpap-section,
.hpap-page .hpap-card,
.hpap-page .hpap-form-section {
    border: 1px solid var(--hpap-border);
    border-radius: var(--hpap-radius);
    background: var(--hpap-panel);
}

.hpap-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--hpap-gap);
}

.hpap-form-grid--full,
.hpap-field--full {
    grid-column: 1 / -1;
}

.hpap-field {
    min-width: 0;
}

.hpap-actions {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}

.hpap-list {
    display: grid;
    gap: 16px;
}

.hpap-list__item {
    border: 1px solid var(--hpap-border);
    border-radius: var(--hpap-radius);
    padding: 18px;
}

@media (max-width: 768px) {
    .hpap-form-grid {
        grid-template-columns: 1fr;
    }

    .hpap-nav {
        gap: 8px;
    }

    .hpap-nav__item {
        flex: 1 1 auto;
        padding-inline: 14px;
    }
}


/* SALES / PERFORMANCE */
.hpap-sales-dashboard{display:grid;gap:24px}
.hpap-source-note{opacity:.72;font-size:.92em}
.hpap-sales-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:14px}
.hpap-sales-filters label{display:grid;gap:6px;font-weight:600}
.hpap-sales-filters select,.hpap-sales-filters input{width:100%;min-height:42px}
.hpap-sales-filter-actions{display:flex;align-items:end;gap:10px}
.hpap-sales-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.hpap-sales-kpi{padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:14px}
.hpap-sales-kpi span{display:block;font-size:.82em;opacity:.7;margin-bottom:7px;text-transform:uppercase;letter-spacing:.04em}
.hpap-sales-kpi strong{font-size:1.35em}
.hpap-sales-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.hpap-sales-panel{padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:14px}
.hpap-sales-panel h3{margin-top:0}
.hpap-sales-bars{display:grid;gap:12px}
.hpap-sales-bar-label{display:flex;justify-content:space-between;gap:14px;margin-bottom:5px}
.hpap-sales-bar-track{height:9px;background:rgba(255,255,255,.09);border-radius:999px;overflow:hidden}
.hpap-sales-bar-track span{display:block;height:100%;background:currentColor;opacity:.75;border-radius:999px}
.hpap-sales-empty{padding:20px;border:1px solid rgba(255,255,255,.12);border-radius:14px}
@media(max-width:900px){
  .hpap-sales-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hpap-sales-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hpap-sales-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .hpap-sales-filters,.hpap-sales-kpis{grid-template-columns:1fr}
}

/* === Artist Portal 2.0 application layer === */
.hpap-portal--v2{--hpap-bg:#0b1020;--hpap-panel:#11182b;--hpap-panel2:#151e34;--hpap-line:rgba(255,255,255,.09);--hpap-text:#f5f7fb;--hpap-muted:#98a5bd;--hpap-accent:#ff315d;--hpap-blue:#4f7cff;max-width:1240px;margin:0 auto;color:var(--hpap-text);font-family:inherit}
.hpap-portal--v2 *{box-sizing:border-box}.hpap-appbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px;border:1px solid var(--hpap-line);background:linear-gradient(135deg,#10182d,#182544);border-radius:22px;margin-bottom:14px}
.hpap-appbar__identity{display:flex;align-items:center;gap:17px}.hpap-appbar__avatar{width:76px;height:76px;object-fit:cover;border-radius:18px;border:2px solid rgba(255,255,255,.14)}.hpap-appbar h1{margin:3px 0 2px!important;color:#fff!important;font-size:28px!important}.hpap-appbar p{margin:0;color:var(--hpap-muted)}
.hpap-eyebrow{display:block;color:#7fa0ff;font-size:11px;font-weight:900;letter-spacing:.14em}.hpap-view-profile{display:inline-flex;padding:11px 15px;border-radius:11px;background:#fff;color:#10182c!important;text-decoration:none!important;font-weight:800}
.hpap-portal--v2 .hpap-nav{display:flex;gap:7px;overflow-x:auto;padding:8px;background:#0e1527;border:1px solid var(--hpap-line);border-radius:16px;margin:0 0 16px}.hpap-portal--v2 .hpap-nav__item{display:flex;gap:7px;align-items:center;white-space:nowrap;padding:10px 13px;border-radius:10px;color:#aeb9cc!important;text-decoration:none!important;font-weight:800}.hpap-portal--v2 .hpap-nav__item.is-active,.hpap-portal--v2 .hpap-nav__item:hover{background:#fff;color:#10182c!important}.hpap-nav__icon{color:var(--hpap-accent)}
.hpap-portal--v2 .hpap-page{padding:26px;background:#0e1527;border:1px solid var(--hpap-line);border-radius:20px}.hpap-page__header{margin-bottom:22px}.hpap-page__header h1{color:#fff!important;margin:5px 0!important}.hpap-page__header p{color:var(--hpap-muted);max-width:760px}
.hpap-welcome{display:grid;grid-template-columns:1fr 190px;gap:30px;align-items:center;padding:30px;background:linear-gradient(135deg,#151f38,#0e1528);border:1px solid var(--hpap-line);border-radius:20px;margin-bottom:16px}.hpap-welcome h2{font-size:32px!important;color:#fff!important;margin:6px 0 10px!important}.hpap-welcome p{color:var(--hpap-muted);font-size:15px;line-height:1.65}.hpap-completeness{text-align:center}.hpap-completeness strong{display:block;font-size:34px;color:#fff}.hpap-completeness span{font-size:12px;color:var(--hpap-muted)}.hpap-progress{height:7px;background:rgba(255,255,255,.08);border-radius:99px;margin-top:10px;overflow:hidden}.hpap-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--hpap-blue),var(--hpap-accent));border-radius:99px}
.hpap-dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hpap-dashboard-card{min-height:150px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start;padding:19px;background:var(--hpap-panel2);border:1px solid var(--hpap-line);border-radius:17px;text-decoration:none!important;color:var(--hpap-text)!important;transition:.18s}.hpap-dashboard-card:hover{transform:translateY(-2px);border-color:rgba(79,124,255,.55);background:#192440}.hpap-dashboard-card__icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(79,124,255,.12);color:#7fa0ff;font-size:20px}.hpap-dashboard-card h3{color:#fff!important;margin:2px 0 6px!important}.hpap-dashboard-card p{color:var(--hpap-muted);margin:0 0 12px;font-size:13px;line-height:1.45}.hpap-dashboard-card small{color:#d5dced}.hpap-dashboard-card>b{color:var(--hpap-accent);font-size:22px}
.hpap-checklist{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:16px;padding:20px;background:#10182b;border:1px solid var(--hpap-line);border-radius:16px}.hpap-checklist h3{color:#fff!important;margin:4px 0!important}.hpap-checklist__items{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.hpap-checklist__items span{padding:7px 9px;border-radius:9px;background:rgba(255,255,255,.05);color:#8996aa;font-size:12px}.hpap-checklist__items .is-done{color:#7ce09a;background:rgba(64,193,105,.1)}
.hpap-panel{padding:20px;background:var(--hpap-panel);border:1px solid var(--hpap-line);border-radius:17px;margin-bottom:14px}.hpap-panel__head{display:flex;justify-content:space-between;gap:15px;align-items:start;margin-bottom:16px}.hpap-panel h2{color:#fff!important;margin:0 0 4px!important}.hpap-panel p{color:var(--hpap-muted);margin:0}.hpap-pill{display:inline-flex;padding:5px 9px;border-radius:99px;background:rgba(255,255,255,.07);color:#c7d0df;font-size:11px;font-weight:800}.hpap-pill--accent{background:rgba(255,49,93,.14);color:#ff6c89}
.hpap-portal--v2 .hpap-form input,.hpap-portal--v2 .hpap-form select,.hpap-portal--v2 .hpap-form textarea{background:#0b1222!important;color:#fff!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:10px!important}.hpap-portal--v2 .hpap-form label{color:#dce3ef}.hpap-portal--v2 .button{border:0!important;border-radius:9px!important;background:#fff!important;color:#111a2c!important;font-weight:800!important}.hpap-portal--v2 .button:hover{background:#dfe7f6!important}.hpap-portal--v2 button[type=submit].button{background:var(--hpap-accent)!important;color:#fff!important}
.hpap-media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.hpap-media-card{overflow:hidden;background:#0b1222;border:1px solid var(--hpap-line);border-radius:14px}.hpap-media-card.is-featured{border-color:rgba(255,49,93,.55)}.hpap-media-card__image{position:relative;display:block;aspect-ratio:16/9;background:#070b14}.hpap-media-card__image img{width:100%;height:100%;object-fit:cover}.hpap-media-card__image span{position:absolute;inset:0;display:grid;place-items:center;font-size:32px;color:#fff;text-shadow:0 2px 12px #000}.hpap-media-card__body{padding:13px}.hpap-media-card h3{color:#fff!important;font-size:14px!important;margin:7px 0!important}.hpap-media-card small{color:var(--hpap-muted)}.hpap-media-card__actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.hpap-media-card__actions form{margin:0}
.hpap-soundcloud-list{display:grid;gap:12px}.hpap-soundcloud-item{padding:12px;background:#0b1222;border:1px solid var(--hpap-line);border-radius:14px}.hpap-soundcloud-item iframe{border-radius:10px;margin-bottom:8px}.hpap-empty-state{padding:26px;text-align:center;border:1px dashed rgba(255,255,255,.16);border-radius:14px;color:var(--hpap-muted)}.hpap-empty-state strong{color:#fff}.hpap-checkbox{display:flex!important;align-items:center;gap:8px!important}.hpap-checkbox input{width:auto!important}
.hpap-portal--v2 .hpap-notice{border-radius:12px;background:#17253e;border:1px solid rgba(79,124,255,.35);color:#eaf0fb;padding:12px 15px;margin-bottom:14px}
@media(max-width:980px){.hpap-dashboard-grid,.hpap-media-grid{grid-template-columns:repeat(2,1fr)}.hpap-welcome{grid-template-columns:1fr}.hpap-completeness{text-align:left}}
@media(max-width:650px){.hpap-appbar{align-items:flex-start;flex-direction:column}.hpap-dashboard-grid,.hpap-media-grid{grid-template-columns:1fr}.hpap-portal--v2 .hpap-page{padding:16px}.hpap-welcome{padding:20px}.hpap-checklist{align-items:flex-start;flex-direction:column}.hpap-checklist__items{justify-content:flex-start}}

/* ============================================================
   HP ARTIST PORTAL 2.1 — THEME BRIDGE / BORIS CUSTOMIZATION API
   ------------------------------------------------------------
   Principle:
   - typography inherits from the active WordPress theme
   - normal text inherits the site's global text color
   - links inherit the site's link styling unless component-specific
   - layout remains owned by the Portal
   - branding can be changed centrally with the variables below
   ============================================================ */

.hpap-portal--v2{
  /* Boris: central design tokens. Override these in theme/custom CSS. */
  --hpap-font: inherit;
  --hpap-text: inherit;
  --hpap-heading: inherit;
  --hpap-link: inherit;

  /* Neutral structural defaults; designed to be overridden by site globals/tokens. */
  --hpap-bg: transparent;
  --hpap-surface: color-mix(in srgb, currentColor 4%, transparent);
  --hpap-surface-strong: color-mix(in srgb, currentColor 7%, transparent);
  --hpap-border: color-mix(in srgb, currentColor 16%, transparent);
  --hpap-muted: color-mix(in srgb, currentColor 68%, transparent);

  /* Brand tokens: set these once in the site's Custom CSS. */
  --hpap-brand: var(--hp-brand, currentColor);
  --hpap-brand-contrast: var(--hp-brand-contrast, Canvas);
  --hpap-dark: var(--hp-dark, #111);
  --hpap-dark-contrast: var(--hp-dark-contrast, #fff);

  --hpap-radius-sm: 8px;
  --hpap-radius-md: 14px;
  --hpap-radius-lg: 20px;
  --hpap-space: 16px;

  font-family:var(--hpap-font);
  color:var(--hpap-text);
  background:var(--hpap-bg);
}

/* Let the website's global typography do the work. */
.hpap-portal--v2 h1,
.hpap-portal--v2 h2,
.hpap-portal--v2 h3,
.hpap-portal--v2 h4,
.hpap-portal--v2 h5,
.hpap-portal--v2 h6{
  color:var(--hpap-heading);
  font-family:inherit;
  text-transform:inherit;
  letter-spacing:inherit;
}
.hpap-portal--v2 p,
.hpap-portal--v2 label,
.hpap-portal--v2 small{font-family:inherit}
.hpap-portal--v2 a:not(.hp-ui-button):not(.hpap-nav__item):not(.hpap-dashboard-card){color:var(--hpap-link)}

/* Structural surfaces */
.hpap-portal--v2 .hp-ui-header,
.hpap-portal--v2 .hp-ui-page,
.hpap-portal--v2 .hp-ui-panel,
.hpap-portal--v2 .hp-ui-hero,
.hpap-portal--v2 .hpap-dashboard-card,
.hpap-portal--v2 .hpap-media-card,
.hpap-portal--v2 .hpap-soundcloud-item{
  border-color:var(--hpap-border);
}
.hpap-portal--v2 .hp-ui-page,
.hpap-portal--v2 .hp-ui-panel{background:var(--hpap-surface)}
.hpap-portal--v2 .hpap-dashboard-card,
.hpap-portal--v2 .hpap-media-card,
.hpap-portal--v2 .hpap-soundcloud-item{background:var(--hpap-surface-strong)}

/* Header: no hard-coded pink/blue branding. */
.hpap-portal--v2 .hpap-appbar{background:var(--hpap-surface-strong)}
.hpap-portal--v2 .hpap-appbar h1,
.hpap-portal--v2 .hpap-panel h2,
.hpap-portal--v2 .hpap-dashboard-card h3,
.hpap-portal--v2 .hpap-media-card h3,
.hpap-portal--v2 .hpap-welcome h2,
.hpap-portal--v2 .hpap-checklist h3{color:var(--hpap-heading)!important}
.hpap-portal--v2 .hpap-appbar p,
.hpap-portal--v2 .hpap-page__header p,
.hpap-portal--v2 .hpap-welcome p,
.hpap-portal--v2 .hpap-dashboard-card p,
.hpap-portal--v2 .hpap-panel p,
.hpap-portal--v2 .hpap-media-card small{color:var(--hpap-muted)}
.hpap-portal--v2 .hpap-eyebrow,
.hpap-portal--v2 .hpap-nav__icon{color:var(--hpap-brand)}

/* Semantic button API */
.hpap-portal--v2 .hp-ui-button,
.hpap-portal--v2 button.hp-ui-button,
.hpap-portal--v2 a.hp-ui-button{
  font:inherit;
  border-radius:var(--hpap-radius-sm)!important;
}
.hpap-portal--v2 .hp-ui-button--primary{
  background:var(--hpap-brand)!important;
  color:var(--hpap-brand-contrast)!important;
}
.hpap-portal--v2 .hp-ui-button--secondary{
  background:var(--hpap-dark)!important;
  color:var(--hpap-dark-contrast)!important;
}
.hpap-portal--v2 .hp-ui-button--danger{
  /* intentionally neutral by default; Boris may define a warning token */
  background:var(--hpap-dark)!important;
  color:var(--hpap-dark-contrast)!important;
}

/* Existing WordPress .button controls inherit site/WP styling unless explicitly semantic. */
.hpap-portal--v2 .button:not(.hp-ui-button){
  font:inherit!important;
}

/* Navigation */
.hpap-portal--v2 .hp-ui-nav{background:var(--hpap-surface);border-color:var(--hpap-border)}
.hpap-portal--v2 .hpap-nav__item{color:inherit!important}
.hpap-portal--v2 .hpap-nav__item.is-active,
.hpap-portal--v2 .hpap-nav__item:hover{
  background:var(--hpap-brand);
  color:var(--hpap-brand-contrast)!important;
}

/* Forms: inherit typography and text color; keep only usable field structure. */
.hpap-portal--v2 input,
.hpap-portal--v2 select,
.hpap-portal--v2 textarea{
  font:inherit!important;
  color:inherit!important;
  border-color:var(--hpap-border)!important;
  border-radius:var(--hpap-radius-sm)!important;
}
.hpap-portal--v2 .hpap-form input,
.hpap-portal--v2 .hpap-form select,
.hpap-portal--v2 .hpap-form textarea{
  background:transparent!important;
  color:inherit!important;
}
.hpap-portal--v2 .hpap-form label{color:inherit}

/* Status / progress */
.hpap-portal--v2 .hpap-progress{background:var(--hpap-border)}
.hpap-portal--v2 .hpap-progress i{background:var(--hpap-brand)}
.hpap-portal--v2 .hpap-pill--accent{background:var(--hpap-brand);color:var(--hpap-brand-contrast)}
.hpap-portal--v2 .hpap-media-card.is-featured{border-color:var(--hpap-brand)}

/* Artist Portal 2.2 Event Import Workspace */
.hpap-event-subnav{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px;padding:7px;border:1px solid var(--hpap-border);border-radius:var(--hpap-radius-md);background:var(--hpap-surface)}
.hpap-event-subnav a{padding:9px 12px;border-radius:var(--hpap-radius-sm);text-decoration:none!important;color:inherit!important;font-weight:700}
.hpap-event-subnav a.is-active,.hpap-event-subnav a:hover{background:var(--hpap-brand);color:var(--hpap-brand-contrast)!important}
.hpap-event-source-card{position:relative}.hpap-goabase-results{display:grid;gap:10px}
.hpap-goabase-result,.hpap-goabase-preview{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px;border:1px solid var(--hpap-border);border-radius:var(--hpap-radius-md);background:var(--hpap-surface-strong)}
.hpap-goabase-result h3,.hpap-goabase-preview h3{margin:6px 0!important}.hpap-goabase-result__actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.hpap-pill--success{background:color-mix(in srgb,var(--hpap-brand) 18%,transparent);color:inherit}
.hpap-event-link-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.hpap-event-link-form label{margin:0}
.hp-ui-result-card{}.hp-ui-result-list{}.hp-ui-subnav{}.hp-ui-event-workspace{}
@media(max-width:700px){.hpap-goabase-result,.hpap-goabase-preview{align-items:flex-start;flex-direction:column}.hpap-event-link-form{grid-template-columns:1fr}}

/* 2.3 Artist Page Builder */
.hpap-module-sorter{display:grid;gap:9px}.hpap-module-row{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--hpap-border);border-radius:var(--hpap-radius-md);background:var(--hpap-surface-strong);cursor:grab}.hpap-module-row.is-dragging{opacity:.45}.hpap-module-row__handle{font-size:20px}.hpap-module-row small{display:block;color:var(--hpap-muted);margin-top:3px}.hpap-module-row__toggle{display:flex!important;align-items:center;gap:7px}.hpap-page-builder__actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}
.hp-artist-modules{display:grid;gap:18px}.hp-artist-module{min-width:0}.hp-artist-module__title{font:inherit;font-weight:800;margin:0 0 9px}.hp-artist-module--soundcloud iframe{display:block;border:0;border-radius:10px;margin-bottom:10px}.hp-artist-youtube-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hp-artist-youtube-card{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:10px}.hp-artist-youtube-card img{width:100%;height:100%;object-fit:cover}.hp-artist-youtube-card span{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:28px;text-shadow:0 2px 12px #000}.hp-artist-events{display:grid;gap:7px}.hp-artist-event{display:flex;gap:12px;align-items:center;text-decoration:none!important}.hp-artist-event span{white-space:nowrap}
@media(max-width:650px){.hpap-module-row{grid-template-columns:auto 1fr}.hpap-module-row__toggle{grid-column:2}.hp-artist-youtube-grid{grid-template-columns:1fr}}

/* Artist Portal 2.3.3 — unified Hypnotic Pulse green controls */
.hpap-portal--v2{
  --hpap-brand: var(--hp-brand, #39ff14);
  --hpap-brand-contrast: var(--hp-brand-contrast, #000);
  --hpap-brand-hover: var(--hp-brand-hover, #2ee80f);
}

.hpap-portal--v2 .hpap-nav__item.is-active,
.hpap-portal--v2 .hpap-nav__item:hover{
  background:var(--hpap-brand)!important;
  border-color:var(--hpap-brand)!important;
  color:var(--hpap-brand-contrast)!important;
}

.hpap-portal--v2 .hp-ui-button--primary,
.hpap-portal--v2 .hp-ui-button--brand{
  background:var(--hpap-brand)!important;
  border-color:var(--hpap-brand)!important;
  color:var(--hpap-brand-contrast)!important;
}

.hpap-portal--v2 .hp-ui-button--primary:hover,
.hpap-portal--v2 .hp-ui-button--brand:hover{
  background:var(--hpap-brand-hover)!important;
  border-color:var(--hpap-brand-hover)!important;
  color:var(--hpap-brand-contrast)!important;
}

.hpap-portal--v2 .hp-ui-button--brand-outline{
  background:transparent!important;
  border:1px solid var(--hpap-brand)!important;
  color:var(--hpap-brand)!important;
}

.hpap-portal--v2 .hp-ui-button--brand-outline:hover{
  background:var(--hpap-brand)!important;
  color:var(--hpap-brand-contrast)!important;
}

.hpap-portal--v2 .hpap-page-module{
  border-color:color-mix(in srgb,var(--hpap-brand) 28%,transparent);
}
.hpap-portal--v2 .hpap-page-module:hover{
  border-color:var(--hpap-brand);
}
.hpap-portal--v2 .hpap-page-module__handle,
.hpap-portal--v2 .hpap-page-module__toggle{
  color:var(--hpap-brand);
}

/* Artist Page Builder 2.4 grid controls */
.hpap-module-row{
  grid-template-columns:auto minmax(180px,1fr) minmax(130px,170px) auto!important;
  align-items:center;
}
.hpap-module-row__text{min-width:0}
.hpap-module-row__width{display:grid!important;gap:4px!important;margin:0!important}
.hpap-module-row__width>span{font-size:10px;opacity:.72;text-transform:uppercase;letter-spacing:.08em}
.hpap-module-row__width select{min-width:130px!important;margin:0!important}
.hpap-layout-hint{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding:13px 15px;margin:0 0 14px;border:1px solid var(--hpap-border);
  border-radius:var(--hpap-radius-md);background:var(--hpap-surface-strong);
}
.hpap-layout-hint span{font-weight:800}
.hpap-layout-hint small{font-weight:400;opacity:.7}
.hpap-layout-hint__fixed{color:var(--hpap-brand)}
.hpap-layout-hint__plus{opacity:.45}
@media(max-width:760px){
  .hpap-module-row{grid-template-columns:auto 1fr!important}
  .hpap-module-row__width,.hpap-module-row__toggle{grid-column:2}
}

.hpap-top-layout-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hpap-fixed-module{display:grid;gap:7px;padding:15px;border:1px solid var(--hpap-border);border-radius:var(--hpap-radius-md);background:var(--hpap-surface-strong)}
.hpap-fixed-module strong{color:var(--hpap-brand)}.hpap-fixed-module small{opacity:.7}
.hpap-fixed-module label{display:grid!important;gap:5px!important;margin:5px 0 0!important}.hpap-fixed-module select{margin:0!important}
.hpap-page-builder--top{border-color:color-mix(in srgb,var(--hpap-brand) 38%,transparent)}
@media(max-width:720px){.hpap-top-layout-preview{grid-template-columns:1fr}}

/* 2.9 backend-safe color polish */
.hpap-portal--v2 .hpap-nav__item.is-active{
  background:var(--hpap-brand,#39ff14)!important;
  border-color:var(--hpap-brand,#39ff14)!important;
  color:var(--hpap-brand-contrast,#000)!important;
  box-shadow:none!important;
}
.hpap-portal--v2 .hpap-nav__item.is-active .hpap-nav__icon{
  color:var(--hpap-brand-contrast,#000)!important;
}
.hpap-portal--v2 .hp-ui-button--primary,
.hpap-portal--v2 .hp-ui-button--brand,
.hpap-portal--v2 button[type="submit"].button{
  background:var(--hpap-brand,#39ff14)!important;
  border-color:var(--hpap-brand,#39ff14)!important;
  color:var(--hpap-brand-contrast,#000)!important;
}


/* ============================================================
   3.1.1 — BACKEND ACTIVE NAV FIX
   ============================================================ */
body .woocommerce-MyAccount-content
.hpap-portal.hpap-portal--v2 .hpap-nav .hpap-nav__item.is-active{
  background:var(--hpap-brand,#39ff14)!important;
  border:1px solid var(--hpap-brand,#39ff14)!important;
  color:#000!important;
  box-shadow:none!important;
}

body .woocommerce-MyAccount-content
.hpap-portal.hpap-portal--v2 .hpap-nav .hpap-nav__item.is-active span,
body .woocommerce-MyAccount-content
.hpap-portal.hpap-portal--v2 .hpap-nav .hpap-nav__item.is-active .hpap-nav__icon{
  color:#000!important;
  opacity:1!important;
  visibility:visible!important;
}

body .woocommerce-MyAccount-content
.hpap-portal.hpap-portal--v2 .hpap-nav .hpap-nav__item:hover{
  background:rgba(57,255,20,.10)!important;
  border-color:var(--hpap-brand,#39ff14)!important;
  color:inherit!important;
}

body .woocommerce-MyAccount-content
.hpap-portal.hpap-portal--v2 .hpap-nav .hpap-nav__item.is-active:hover{
  background:var(--hpap-brand,#39ff14)!important;
  color:#000!important;
}


/* ============================================================
   3.1.2 — DASHBOARD COMPLETENESS / GRID FIX
   ============================================================ */

/* Cards must divide the available Portal width, never expand the container. */
body .woocommerce-MyAccount-content
.hpap-portal.hpap-portal--v2 .hpap-dashboard-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

body .woocommerce-MyAccount-content
.hpap-portal.hpap-portal--v2 .hpap-dashboard-card{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  grid-template-columns:42px minmax(0,1fr) 22px!important;
}

body .woocommerce-MyAccount-content
.hpap-portal.hpap-portal--v2 .hpap-dashboard-card > div{
  min-width:0!important;
  max-width:100%!important;
}

body .woocommerce-MyAccount-content
.hpap-portal.hpap-portal--v2 .hpap-dashboard-card h3,
body .woocommerce-MyAccount-content
.hpap-portal.hpap-portal--v2 .hpap-dashboard-card p,
body .woocommerce-MyAccount-content
.hpap-portal.hpap-portal--v2 .hpap-dashboard-card small{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}

/* Checklist stays inside its panel as well. */
body .woocommerce-MyAccount-content
.hpap-portal.hpap-portal--v2 .hpap-checklist{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}

body .woocommerce-MyAccount-content
.hpap-portal.hpap-portal--v2 .hpap-checklist__items{
  min-width:0!important;
  max-width:100%!important;
}

/* Make completion state read clearly in the HP design. */
body .woocommerce-MyAccount-content
.hpap-portal.hpap-portal--v2 .hpap-progress i{
  background:var(--hpap-brand,#39ff14)!important;
}

body .woocommerce-MyAccount-content
.hpap-portal.hpap-portal--v2 .hpap-completeness strong{
  color:#fff!important;
}

/* Reinforce active nav label visibility, including Dashboard. */
body .woocommerce-MyAccount-content
.hpap-portal.hpap-portal--v2 .hpap-nav a.hpap-nav__item.is-active,
body .woocommerce-MyAccount-content
.hpap-portal.hpap-portal--v2 .hpap-nav a.hpap-nav__item.is-active *{
  background-color:var(--hpap-brand,#39ff14)!important;
  color:#000!important;
  opacity:1!important;
  visibility:visible!important;
  text-shadow:none!important;
}

@media(max-width:1100px){
  body .woocommerce-MyAccount-content
  .hpap-portal.hpap-portal--v2 .hpap-dashboard-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:700px){
  body .woocommerce-MyAccount-content
  .hpap-portal.hpap-portal--v2 .hpap-dashboard-grid{
    grid-template-columns:1fr!important;
  }
}


/* ============================================================
   3.1.3 — DASHBOARD CONTAINER-SAFE GRID
   ============================================================ */

/*
 * The Artist Portal lives inside WooCommerce My Account, so viewport media
 * queries are the wrong tool. auto-fit responds to the ACTUAL available width.
 */
body .woocommerce-MyAccount-content
.hpap-portal.hpap-portal--v2 .hpap-dashboard-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(235px,1fr))!important;
  gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  align-items:stretch!important;
}

/* Each card must stay readable and never squeeze words into single letters. */
body .woocommerce-MyAccount-content
.hpap-portal.hpap-portal--v2 .hpap-dashboard-card{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 22px!important;
  gap:10px!important;
  align-items:start!important;

  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;

  padding:16px!important;
  overflow:hidden!important;
}

body .woocommerce-MyAccount-content
.hpap-portal.hpap-portal--v2 .hpap-dashboard-card__body,
body .woocommerce-MyAccount-content
.hpap-portal.hpap-portal--v2 .hpap-dashboard-card > div{
  min-width:0!important;
  width:auto!important;
  max-width:100%!important;
}

/* Normal word wrapping only — no breaking PROFILE into PRO / FILE etc. */
body .woocommerce-MyAccount-content
.hpap-portal.hpap-portal--v2 .hpap-dashboard-card h3,
body .woocommerce-MyAccount-content
.hpap-portal.hpap-portal--v2 .hpap-dashboard-card p,
body .woocommerce-MyAccount-content
.hpap-portal.hpap-portal--v2 .hpap-dashboard-card small{
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;

  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}

body .woocommerce-MyAccount-content
.hpap-portal.hpap-portal--v2 .hpap-dashboard-card h3{
  font-size:18px!important;
  line-height:1.15!important;
  margin:0 0 6px!important;
}

/* On genuinely narrow content areas, one card per row. */
@container (max-width:520px){
  .hpap-dashboard-grid{
    grid-template-columns:1fr!important;
  }
}

/*
 * Active nav: do not style all children with a background.
 * That previous rule could create a white inner rectangle from theme button CSS.
 */
body .woocommerce-MyAccount-content
.hpap-portal.hpap-portal--v2 .hpap-nav a.hpap-nav__item.is-active{
  background:#39ff14!important;
  background-image:none!important;
  border:1px solid #39ff14!important;
  color:#000!important;
  box-shadow:none!important;
  opacity:1!important;
}

body .woocommerce-MyAccount-content
.hpap-portal.hpap-portal--v2 .hpap-nav a.hpap-nav__item.is-active > *{
  background:transparent!important;
  background-image:none!important;
  color:#000!important;
  opacity:1!important;
  visibility:visible!important;
}

/* Undo the older 3.1.2 viewport-column rules. */
@media(max-width:1100px){
  body .woocommerce-MyAccount-content
  .hpap-portal.hpap-portal--v2 .hpap-dashboard-grid{
    grid-template-columns:repeat(auto-fit,minmax(235px,1fr))!important;
  }
}
@media(max-width:700px){
  body .woocommerce-MyAccount-content
  .hpap-portal.hpap-portal--v2 .hpap-dashboard-grid{
    grid-template-columns:1fr!important;
  }
}

body .woocommerce-MyAccount-content
.hpap-portal.hpap-portal--v2 .hpap-page{
  container-type:inline-size;
}


/* 3.1.4 SoundCloud Library — scoped only to SoundCloud items */
.hpap-soundcloud-item__meta{display:flex;justify-content:flex-end;margin:0 0 8px}
.hpap-soundcloud-item iframe{display:block;max-width:100%;border-radius:8px}


/* 3.1.52 — independent Upcoming / Past event visibility */
.hpap-event-visibility{
  grid-column:2/-1;
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
  margin-top:8px;
  padding:10px 12px;
  border:1px solid var(--hpap-border);
  border-radius:8px;
  background:rgba(255,255,255,.025);
}
.hpap-event-visibility>span{
  font-size:12px;
  font-weight:700;
  opacity:.82;
  margin-right:auto;
}
.hpap-event-visibility label{
  display:flex!important;
  align-items:center;
  gap:7px;
  margin:0!important;
  font-size:13px!important;
  font-weight:700!important;
}
.hpap-event-visibility input{
  width:auto!important;
  margin:0!important;
}

/* 3.1.55 Release Workflow */
.hpap-workflow-intro{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 20px;margin-bottom:18px;border:1px solid rgba(120,255,92,.25);border-radius:14px;background:rgba(7,18,7,.75)}.hpap-workflow-intro strong{font-size:18px}.hpap-workflow-intro span{font-size:13px;opacity:.75}
.hpap-workflow-card{margin:0 0 20px;padding:20px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(5,10,5,.82)}.hpap-workflow-card__head{display:flex;justify-content:space-between;gap:15px;align-items:start}.hpap-workflow-card__head span{font-size:10px;letter-spacing:.12em;opacity:.65}.hpap-workflow-card__head h2{margin:4px 0 0;font-size:23px}.hpap-workflow-card__head>strong{font-size:11px;border:1px solid rgba(120,255,92,.35);border-radius:99px;padding:7px 10px}
.hpap-order-track{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:20px 0}.hpap-order-track>div{min-height:65px;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:10px;opacity:.55}.hpap-order-track>div.is-done{opacity:1;border-color:rgba(120,255,92,.4)}.hpap-order-track i{display:flex;width:22px;height:22px;align-items:center;justify-content:center;border-radius:50%;font-style:normal;background:rgba(255,255,255,.08);margin-bottom:7px}.hpap-order-track .is-done i{background:#70ff58;color:#071007}.hpap-order-track span{display:block;font-size:11px;line-height:1.3}
.hpap-workflow-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hpap-workflow-actions>form{padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:12px}.hpap-workflow-actions label{display:block;margin-bottom:12px}.hpap-workflow-actions label strong,.hpap-workflow-actions label span{display:block}.hpap-workflow-actions label span{font-size:11px;opacity:.7;margin:4px 0 8px}.hpap-workflow-actions input[type=file],.hpap-workflow-actions select,.hpap-workflow-actions textarea{width:100%;margin-top:7px}.hpap-delivery-ok{color:#70ff58;font-weight:700}
@media(max-width:900px){.hpap-order-track{grid-template-columns:repeat(2,1fr)}.hpap-workflow-actions{grid-template-columns:1fr}.hpap-workflow-intro{display:block}.hpap-workflow-intro span{display:block;margin-top:5px}}
/* 3.1.56 multi-track delivery */
.hpap-workflow-actions input[type=file][multiple]{min-height:52px;padding:10px}.hpap-workflow-actions select+select{margin-top:8px}

.hpap-new-delivery{border-color:rgba(112,255,88,.32)}.hpap-new-delivery label{display:block;margin:0 0 12px}.hpap-new-delivery input,.hpap-new-delivery select,.hpap-new-delivery textarea{width:100%;margin-top:6px}.hpap-upload-grid{display:grid;grid-template-columns:220px 1fr;gap:12px}@media(max-width:700px){.hpap-upload-grid{grid-template-columns:1fr}}

/* 3.1.58 private release library + touch signing */
.hpap-touch-sign{margin:18px 0;padding:18px;border:1px solid rgba(112,255,88,.28);border-radius:16px;background:rgba(112,255,88,.025)}
.hpap-signature-pad{display:block;width:100%;height:150px;background:#fff;border-radius:10px;touch-action:none;margin:12px 0}
.hpap-accept{display:flex!important;gap:10px;align-items:flex-start}.hpap-accept input{width:auto!important;margin-top:4px!important}
.hpap-sign-actions{display:flex;gap:10px;flex-wrap:wrap}.hpap-signed-ok{display:flex;justify-content:space-between;gap:12px;padding:14px;border:1px solid rgba(112,255,88,.3);border-radius:12px}
.hpap-release-library>h1{margin:.2em 0}.hpap-release-file-card{border:1px solid rgba(112,255,88,.22);border-radius:18px;padding:20px;margin:18px 0;background:rgba(112,255,88,.018)}
.hpap-release-file-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.hpap-release-file-head h2{margin:3px 0 14px}.hpap-file-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hpap-file-item{display:flex;justify-content:space-between;gap:12px;padding:14px;border:1px solid rgba(112,255,88,.2);border-radius:12px;text-decoration:none}.hpap-file-item:hover{border-color:rgba(112,255,88,.55)}
@media(max-width:700px){.hpap-file-grid{grid-template-columns:1fr}.hpap-signature-pad{height:180px}.hpap-signed-ok,.hpap-release-file-head{flex-direction:column}}

/* 3.1.62 workflow attention badge */
.hpap-nav__item{position:relative}
.hpap-workflow-badge{display:inline-flex;min-width:20px;height:20px;padding:0 6px;align-items:center;justify-content:center;border-radius:999px;background:#ff4242;color:#fff;font-size:11px;font-style:normal;font-weight:800;margin-left:7px}
.hpap-action-summary{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:0 0 16px;padding:12px 16px;border:1px solid rgba(255,78,78,.45);border-radius:12px;background:rgba(255,55,55,.08)}
.hpap-action-summary strong,.hpap-action-required{color:#ff7777}
.hpap-workflow-card.has-action-required{border-color:rgba(255,78,78,.55);box-shadow:inset 3px 0 0 rgba(255,78,78,.75)}
.hpap-workflow-statuses{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.hpap-action-required{font-size:10px;border:1px solid rgba(255,78,78,.5);border-radius:999px;padding:7px 9px;background:rgba(255,55,55,.08);letter-spacing:.04em}
@media(max-width:700px){.hpap-action-summary{flex-direction:column;align-items:flex-start}.hpap-workflow-statuses{justify-content:flex-start}}

/* 3.1.65 visible in-workflow electronic contract signing */
.hpap-sign-accept{display:flex!important;align-items:flex-start;gap:10px;margin:14px 0 16px}.hpap-sign-accept input{width:auto!important;min-width:18px;margin-top:3px}.hpap-contract-upload-alt{margin-top:14px}.hpap-contract-upload-alt summary{cursor:pointer;font-weight:700}.hpap-contract-upload-alt form{margin-top:14px}
/* 3.1.68 signature reliability */
.hpap-signature-pad{touch-action:none!important;-ms-touch-action:none!important;overscroll-behavior:contain;cursor:crosshair;-webkit-user-select:none;user-select:none}

/* 3.1.70 – per-event public visibility */
.hpap-event-visibility-note{margin:0 0 14px;opacity:.78}
.hpap-event-row__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.hpap-event-public-toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;white-space:nowrap}
.hpap-event-public-toggle input{margin:0}
.hpap-event-visibility-actions{display:flex;justify-content:flex-end;margin-top:16px}
@media(max-width:720px){.hpap-event-row__actions{justify-content:flex-start;margin-top:10px}.hpap-event-public-toggle{width:100%}.hpap-event-visibility-actions{justify-content:stretch}.hpap-event-visibility-actions .button{width:100%}}


/* 3.1.71 — Events tab: section-level visibility controls. */
.hpap-event-section-switches{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 18px;
  margin:0 0 18px;
  padding:16px 18px;
  border:1px solid rgba(57,255,20,.26);
  border-radius:14px;
  background:rgba(57,255,20,.035);
}
.hpap-event-section-switches strong{width:100%;color:var(--hpap-brand,#39ff14)}
.hpap-event-section-switches label{display:inline-flex;align-items:center;gap:8px;font-weight:600}
.hpap-event-section-switches small{width:100%;opacity:.68;line-height:1.45}


/* 3.1.74: mobile contract signing must remain legible even when the phone/browser forces dark mode. */
.hpap-signature-pad,
.hpap-signature-pad-wrap,
.hpap-signature-form {
  color-scheme: light !important;
}
.hpap-signature-pad {
  background: #ffffff !important;
  border: 2px solid #aeb7bf !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.04) !important;
  filter: none !important;
  forced-color-adjust: none;
}
.hpap-signature-form .hpap-sign-accept,
.hpap-signature-form .hpap-sign-actions {
  color: inherit;
}
@media (prefers-color-scheme: dark) {
  .hpap-signature-pad { background:#fff !important; border-color:#9ca3af !important; }
}

/* 3.1.75 – artist creative approval */
.hpap-creative-review{margin:24px 0;padding:20px;border:1px solid rgba(122,255,69,.24);border-radius:18px;background:rgba(10,20,12,.55)}
.hpap-creative-review__head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:8px}
.hpap-creative-review__head span{font-size:11px;letter-spacing:.14em;opacity:.68}
.hpap-creative-review__head h3{margin:4px 0 0}
.hpap-creative-review__grid{display:grid;gap:16px;margin-top:18px}
.hpap-creative-asset{display:grid;grid-template-columns:minmax(180px,320px) 1fr;gap:18px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:15px}
.hpap-creative-asset--pending{border-color:rgba(255,190,50,.42)}
.hpap-creative-asset--approved{border-color:rgba(100,255,70,.35)}
.hpap-creative-asset--changes_requested{border-color:rgba(255,90,90,.4)}
.hpap-creative-asset__preview img,.hpap-creative-asset__preview video{width:100%;height:auto;max-height:420px;object-fit:contain;border-radius:10px;background:#080808}
.hpap-creative-asset__body{display:flex;flex-direction:column;gap:9px}
.hpap-creative-asset__body>small{letter-spacing:.1em;opacity:.65}
.hpap-creative-state{width:max-content;padding:5px 9px;border-radius:999px;font-size:11px;letter-spacing:.07em}
.hpap-creative-state.is-pending{background:rgba(255,190,50,.12);border:1px solid rgba(255,190,50,.38)}
.hpap-creative-state.is-approved{background:rgba(100,255,70,.1);border:1px solid rgba(100,255,70,.35)}
.hpap-creative-state.is-changes{background:rgba(255,90,90,.1);border:1px solid rgba(255,90,90,.35)}
.hpap-creative-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;margin-top:6px}
.hpap-creative-actions details{min-width:min(100%,360px)}
.hpap-creative-actions summary{cursor:pointer;text-decoration:underline}
.hpap-creative-actions textarea{width:100%;margin:10px 0}
.hpap-change-copy{padding:10px 12px;border-left:3px solid currentColor;background:rgba(255,255,255,.04)}
@media(max-width:720px){.hpap-creative-asset{grid-template-columns:1fr}.hpap-creative-review__head{flex-direction:column}}