/* SignalSolid reference: customer workflows in light and dark themes.
   Scoped to current active workflow templates; no payment, license or form logic changes. */
.ss7-workflow{max-width:1320px!important;margin-inline:auto}
.ss7-workflow .ss3-page-head{margin-bottom:24px;padding:12px 0 18px;border-bottom:1px solid var(--ss3-border)}
.ss7-workflow .ss3-page-kicker{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--ss3-primary)}
.ss7-workflow .ss3-page-head h1{max-width:18ch;font-size:clamp(2rem,3.4vw,3.2rem)!important;line-height:1.12!important;letter-spacing:-.03em!important;color:var(--ss3-text)}
.ss7-workflow .ss3-page-head p{max-width:67ch;line-height:1.7;color:var(--ss3-muted)}
.ss7-workflow .ss3-ops-layout{align-items:start;gap:17px}
.ss7-workflow :where(.ss3-panel,.ss3-ea-section,.ss3-ticket-detail){min-width:0;border-radius:17px!important;border-color:var(--ss3-border)!important;box-shadow:var(--ss3-shadow-sm)}
.ss7-workflow :where(.ss3-panel-head){border-bottom:1px solid var(--ss3-border);padding-block:15px}
.ss7-workflow :where(.ss3-account-identity){background:var(--ss3-surface-2);border-radius:13px;padding:16px;min-width:0}
.ss7-workflow :where(.ss3-account-identity small){overflow-wrap:anywhere;color:var(--ss3-muted)}
.ss7-workflow :where(.ss3-field){min-width:0}
.ss7-workflow :where(.ss3-field label){font-size:.83rem;font-weight:750;color:var(--ss3-text)}
.ss7-workflow :where(.form-control,.form-select,textarea){min-height:44px;border:1px solid var(--ss3-border)!important;border-radius:11px!important}
.ss7-workflow :where(.ss3-status){border-radius:999px}
.ss7-workflow :where(.ss3-head-actions a){min-height:43px;display:inline-flex;align-items:center;justify-content:center}
.ss7-workflow :where(.ss3-selection-meta){gap:12px}
.ss7-workflow :where(.ss3-selection-meta>div){min-width:0;overflow-wrap:anywhere}
.ss7-workflow :where(.ss3-panel a,.ss3-head-actions a):focus-visible{outline:3px solid var(--ss3-primary);outline-offset:3px}
.ss-commerce__stack{gap:13px!important}
.ss-commerce__meta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;color:var(--ss3-muted);font-size:.84rem;overflow-wrap:anywhere}
.ss-commerce__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.ss-commerce__empty{background:var(--ss3-surface);border:1px solid var(--ss3-border);border-radius:18px;text-align:center;padding:clamp(24px,4vw,50px);color:var(--ss3-text)}
.ss-commerce__empty h2{font-size:clamp(1.35rem,2.4vw,2rem);font-weight:800;letter-spacing:-.03em}
.ss-commerce__empty p{color:var(--ss3-muted)}
.ss-commerce__badge--pending{background:rgba(245,181,68,.12);color:var(--ss3-amber)}
@media(max-width:800px){.ss7-workflow .ss3-ops-layout{display:grid;grid-template-columns:minmax(0,1fr)}.ss7-workflow .ss3-ops-layout>*{min-width:0}.ss-commerce__actions{align-items:stretch}}
@media(max-width:520px){.ss7-workflow{padding-inline:13px!important}.ss7-workflow .ss3-page-head h1{font-size:clamp(1.65rem,7vw,2.35rem)!important}.ss7-workflow .ss3-form-grid{grid-template-columns:minmax(0,1fr)!important}.ss7-workflow :where(.ss3-head-actions a,.ss3-head-actions button){width:100%;max-width:100%}.ss-commerce__actions a{width:100%}}
@media(prefers-reduced-motion:reduce){.ss7-workflow :where(*, *::before,*::after){transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Product-library composition: faithful light cards and calm action areas. */
.ss7-library{width:min(calc(100% - 28px),1320px)!important;max-width:1320px!important;margin-inline:auto;padding-top:24px;padding-bottom:64px}
.ss7-library .ss-commerce__header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:24px}
.ss7-library .ss-commerce__header>div{min-width:0;flex:1 1 310px}
.ss7-library .ss-commerce__header h1{font-size:clamp(1.9rem,3.4vw,3rem);letter-spacing:-.03em;line-height:1.14;font-weight:800;overflow-wrap:anywhere}
.ss7-library .ss-commerce__intro{max-width:63ch;line-height:1.65}
.ss7-library .ss-commerce__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ss7-library .ss7-library-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.ss7-library .ss7-library-card{display:flex;flex-direction:column;align-items:stretch;min-width:0;gap:12px;padding:22px!important;background:var(--ss3-surface)!important;border:1px solid var(--ss3-border)!important;border-radius:17px!important;box-shadow:var(--ss3-shadow-sm)!important;overflow-wrap:anywhere}
.ss7-library .ss7-library-card h2{font-size:clamp(1.1rem,1.8vw,1.45rem);margin:0;line-height:1.3;font-weight:800;color:var(--ss3-text)}
.ss7-library .ss7-library-card .ss-commerce__header{align-items:start;margin-bottom:0}
.ss7-library .ss-commerce__actions{margin-top:auto}
.ss7-library .ss-commerce__action{min-height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;line-height:1.35;text-align:center}
.ss7-library .ss-commerce__primary{background:#5659ec!important;color:#fff!important;border-color:#5659ec!important}
.ss7-library .ss-commerce__break{display:block;max-width:100%;overflow-wrap:anywhere;word-break:break-all;padding:10px 12px;border-radius:9px;background:var(--ss3-surface-2)}
.ss7-library .ss-commerce__empty{grid-column:1/-1;max-width:100%}
@media(max-width:980px){.ss7-library .ss-commerce__grid,.ss7-library .ss7-library-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.ss7-library{width:calc(100% - 24px)!important;padding-top:14px}.ss7-library .ss-commerce__grid,.ss7-library .ss7-library-list{grid-template-columns:minmax(0,1fr)}.ss7-library .ss7-library-card{padding:16px!important}.ss7-library .ss-commerce__header{align-items:stretch}.ss7-library .ss-commerce__header>.ss-commerce__action{width:100%}.ss7-library .ss-commerce__actions>*{width:100%}}