/* ═══ BRANDBOOK TOKENS ═══ */
:root {
 --white: #ffffff;
 --bg: #f2f4f5;
 --bg2: #e8ecee;
 --charcoal: #263238;
 --teal: #0d7a80;
 --teal2: #0a5f64;
 --navy: #1f2b45;
 --muted: #627176;
 --line: #d0d8db;
 --danger: #c0392b;
 --radius: 12px;
 --rad-sm: 7px;
 --transition: .2s ease;
}

/* ═══ RESET (scoped) ═══ */
.casting-widget *,
.casting-widget *::before,
.casting-widget *::after {
 box-sizing: border-box;
 margin: 0;
 padding: 0;
}

.casting-widget {
 font-family: 'Manrope', system-ui, sans-serif;
 color: var(--charcoal);
 line-height: 1.6;
 -webkit-font-smoothing: antialiased;
}

.casting-widget button {
 cursor: pointer;
 font-family: inherit;
}

/* ═══ FORM WRAP ═══ */
.casting-form-wrap {

 display: flex;
 flex-direction: column;
 gap: 0;
}

.casting-widget .formCard__tag {
 display: inline-block;
 font-size: .72rem;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: .8px;
 color: var(--teal);
 border-bottom: 2px solid var(--teal);
 padding-bottom: 2px;
 margin-bottom: 8px;
}

.casting-widget .formCard__title {
 font-size: 1.45rem;
 font-weight: 900;
 color: var(--navy);
 letter-spacing: -.4px;
 margin-bottom: 4px;
}

.casting-widget .formCard__sub {
 font-size: .84rem;
 color: var(--muted);
 margin-bottom: 14px;
 line-height: 1.55;
}

.casting-widget .form__hint {
 font-size: .76rem;
 color: var(--muted);
 text-align: center;
 margin-top: 6px;
}

/* ═══ BUTTONS ═══ */
.casting-widget .btn,
.casting-modal .btn {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 padding: 13px 28px;
 border-radius: 6px;
 font-size: .94rem;
 font-weight: 700;
 border: none;
 transition: var(--transition);
 white-space: nowrap;
 letter-spacing: .2px;
 cursor: pointer;
 font-family: 'Manrope', system-ui, sans-serif;
}

.casting-widget .btn--cta,
.casting-modal .btn--cta {
 background: var(--teal);
 color: #fff;
 box-shadow: 0 4px 16px rgba(13, 122, 128, .25);
 justify-content: center;
}

.casting-widget .btn--cta:hover,
.casting-modal .btn--cta:hover {
 background: var(--teal2);
 box-shadow: 0 6px 24px rgba(13, 122, 128, .4);
 transform: translateY(-1px);
}

.casting-widget .btn--outline,
.casting-modal .btn--outline {
 background: transparent;
 color: var(--charcoal);
 border: 1.5px solid var(--line);
}

.casting-widget .btn--outline:hover,
.casting-modal .btn--outline:hover {
 border-color: var(--teal);
 color: var(--teal);
}

/* ═══ FORM FIELDS ═══ */
.casting-widget .form,
.casting-modal .form {
 display: flex;
 flex-direction: column;
 gap: 10px;
}

.casting-widget .field,
.casting-modal .field {
 display: flex;
 flex-direction: column;
 gap: 6px;
 border: none;
 padding: 0;
}

.casting-widget .label,
.casting-modal .label {
 font-size: .78rem;
 font-weight: 700;
 color: var(--charcoal);
 text-transform: uppercase;
 letter-spacing: .4px;
 line-height: 1.2em;
}

.casting-widget .field-optional,
.casting-modal .field-optional {
 font-size: .7rem;
 font-weight: 500;
 color: var(--muted);
 text-transform: none;
 letter-spacing: 0;
 border: 1px solid var(--line);
 border-radius: 4px;
 padding: 1px 5px;
 margin-left: 5px;
 vertical-align: middle;
}

.casting-widget .form input,
.casting-widget .form select,
.casting-widget .form textarea,
.casting-modal .form input,
.casting-modal .form select,
.casting-modal .form textarea {
 background: var(--bg);
 border: 1.5px solid var(--line);
 border-radius: var(--rad-sm);
 color: var(--charcoal);
 font-family: 'Manrope', system-ui, sans-serif;
 font-size: .9rem;
 padding: 9px 12px;
 transition: border-color var(--transition), box-shadow var(--transition);
 width: 100%;
 box-sizing: border-box;
}

.casting-widget .form input::placeholder,
.casting-widget .form textarea::placeholder,
.casting-modal .form input::placeholder,
.casting-modal .form textarea::placeholder {
 color: #a8b4b8;
}

.casting-widget .form input:focus,
.casting-widget .form select:focus,
.casting-widget .form textarea:focus,
.casting-modal .form input:focus,
.casting-modal .form select:focus,
.casting-modal .form textarea:focus {
 outline: none;
 border-color: var(--teal);
 box-shadow: 0 0 0 3px rgba(13, 122, 128, .1);
}

.casting-widget .form textarea,
.casting-modal .form textarea {
 resize: vertical;
 min-height: 80px;
}

.casting-widget .form select,
.casting-modal .form select {
 appearance: none;
 cursor: pointer;
}

.casting-widget .check {
 display: flex;
 align-items: flex-start;
 gap: 10px;
 font-size: .85rem;
 color: var(--muted);
 cursor: pointer;
 line-height: 1.5;
}

.casting-widget .check input[type="checkbox"] {
 width: 18px;
 height: 18px;
 min-width: 18px;
 margin-top: 2px;
 accent-color: var(--teal);
 cursor: pointer;
}

.casting-widget .error,
.casting-modal .error {
 font-size: .78rem;
 color: var(--danger);
 min-height: 1em;
}

.casting-modal .radio {
 display: flex;
 align-items: center;
 gap: 8px;
 font-size: .9rem;
 cursor: pointer;
}

.casting-modal .radio input {
 accent-color: var(--teal);
 width: 16px;
 height: 16px;
}

.casting-modal .grid2 {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 16px;
}

.casting-modal .span2 {
 grid-column: 1 / -1;
}

/* ═══ MODALS ═══ */
.casting-modal {
 position: fixed;
 inset: 0;
 z-index: 99999;
 display: flex;
 align-items: center;
 justify-content: center;
 padding: 20px;
}

.casting-modal[hidden] {
 display: none;
}

.casting-modal .modalBackdrop {
 position: absolute;
 inset: 0;
 background: rgba(31, 43, 69, .65);
 backdrop-filter: blur(4px);
}

.casting-modal .modalPanel {
 position: relative;
 background: var(--white);
 border: 1px solid var(--line);
 border-radius: 20px !important;
 border-top: 4px solid var(--teal);
 width: 100%;
 max-width: 600px;
 max-height: 90vh;
 overflow-y: auto;
 padding: 32px 36px;
 box-shadow: 0 24px 64px rgba(31, 43, 69, .3);
 font-family: 'Manrope', system-ui, sans-serif;
 color: var(--charcoal);
 -webkit-font-smoothing: antialiased;
}

.casting-modal .modalPanel--narrow {
 max-width: 440px;
}

.casting-modal .modalHeader {
 display: flex;
 align-items: flex-start;
 justify-content: space-between;
 gap: 16px;
 margin-bottom: 20px;
}

.casting-modal .modalHeader h2 {
 font-size: 1.4rem;
 font-weight: 900;
 color: var(--navy);
 letter-spacing: -.4px;
 margin: 0;
}

.casting-modal .quiz-step-lbl {
 font-size: .78rem;
 color: var(--muted);
 font-weight: 600;
 display: block;
 margin-top: 4px;
}

.casting-modal .iconBtn {
 background: var(--bg);
 border: 1px solid var(--line);
 color: var(--muted);
 border-radius: 50%;
 width: 32px;
 height: 32px;
 min-width: 32px;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: .85rem;
 transition: var(--transition);
 cursor: pointer;
 font-family: inherit;
}

.casting-modal .iconBtn:hover {
 color: var(--charcoal);
 border-color: var(--teal);
}

.casting-modal .quizProgress {
 height: 4px;
 background: var(--bg2);
 border-radius: 4px;
 margin-bottom: 28px;
 overflow: hidden;
}

.casting-modal .quizProgress span {
 display: block;
 height: 100%;
 background: var(--teal);
 border-radius: 4px;
 transition: width .35s ease;
}

.casting-modal .quizStep[hidden] {
 display: none;
}

.casting-modal .modalActions {
 display: flex;
 gap: 12px;
 justify-content: flex-end;
 margin-top: 24px;
 flex-wrap: wrap;
}

.casting-modal .successBody {
 text-align: center;
 padding: 20px 0 28px;
}

.casting-modal .success-icon {
 font-size: 3.5rem;
 margin-bottom: 16px;
}

.casting-modal .successBody p {
 color: var(--charcoal);
 font-size: .95rem;
 line-height: 1.7;
}

.casting-modal .success-await {
 margin-top: 14px;
 padding: 14px 18px;
 background: #e8f5e9;
 border-left: 4px solid #43a047;
 border-radius: 6px;
 color: #2e7d32 !important;
 font-weight: 600;
 font-size: 1rem !important;
}

.casting-modal .success-bot-alert {
 background: #fff3cd;
 border-left: 4px solid #e65100;
 color: #7a3100;
 font-size: .9rem;
 font-weight: 700;
 padding: 12px 16px 12px 44px;
 border-radius: 8px;
 margin-bottom: 18px;
 text-align: left;
 line-height: 1.5;
 position: relative;
}
.casting-modal .success-bot-alert::before {
 content: '!';
 position: absolute;
 left: 14px;
 top: 50%;
 transform: translateY(-50%);
 width: 20px;
 height: 20px;
 background: #e65100;
 color: #fff;
 border-radius: 50%;
 font-size: .75rem;
 font-weight: 900;
 display: flex;
 align-items: center;
 justify-content: center;
}

.casting-modal .success-qr {
 display: block;
 margin: 0 auto 16px;
 width: 180px;
 height: 180px;
 border-radius: 8px;
}

.casting-modal .success-bot-btn {
 display: block;
 text-decoration: none;
 font-size: .9rem;
 margin: 0 auto 24px;
 width: fit-content;
}

.casting-modal .success-done {
 border-top: 1px solid #eee;
 padding-top: 20px;
}

/* ═══ RESPONSIVE ═══ */
@media (max-width: 640px) {
 .casting-modal .modalPanel {
  padding: 24px 20px;
 }

 .casting-modal .grid2 {
  grid-template-columns: 1fr;
 }

 .casting-modal .span2 {
  grid-column: auto;
 }
}

/* ═══ RESET (scoped to widget) ═══ */
.casting-widget *,
.casting-widget *::before,
.casting-widget *::after {
 box-sizing: border-box;
 margin: 0;
 padding: 0;
}

.casting-widget {
 font-family: 'Manrope', system-ui, sans-serif;
 color: var(--charcoal);
 line-height: 1.6;
 -webkit-font-smoothing: antialiased;
}

.casting-widget img {
 display: block;
 max-width: 100%;
}

.casting-widget button {
 cursor: pointer;
 font-family: inherit;
}

/* ═══ BUTTONS ═══ */
.casting-widget .btn {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 padding: 13px 28px;
 border-radius: 6px;
 font-size: .94rem;
 font-weight: 700;
 border: none;
 transition: var(--transition);
 white-space: nowrap;
 letter-spacing: .2px;
 cursor: pointer;
}

.casting-widget .btn--cta {
 background: var(--teal);
 color: #fff;
 box-shadow: 0 4px 16px rgba(13, 122, 128, .25);
}

.casting-widget .btn--cta:hover {
 background: var(--teal2);
 box-shadow: 0 6px 24px rgba(13, 122, 128, .4);
 transform: translateY(-1px);
}

.casting-widget .btn--outline {
 background: transparent;
 color: var(--charcoal);
 border: 1.5px solid var(--line);
}

.casting-widget .btn--outline:hover {
 border-color: var(--teal);
 color: var(--teal);
}

/* ═══ MAIN SECTION ═══ */
.casting-widget .main-section {
 background: var(--white);
 border: 1px solid var(--line);
 border-radius: var(--radius);
 padding: 40px 0;
}

.casting-widget .main-grid {
 display: grid;
 grid-template-columns: 1fr 1fr 1fr;
 gap: 24px;
 align-items: stretch;
 padding: 0 28px;
}

/* — COLUMN 1: VIDEO — */
.casting-widget .col-video {
 display: flex;
 flex-direction: column;
 position: relative;
}

.casting-widget .col-video .videoCard {
 flex: 1;
 border-radius: var(--radius);
 overflow: hidden;
 border: 1px solid var(--line);
 background: #000;
 box-shadow: 0 8px 32px rgba(38, 50, 56, .18);
 position: relative;
 min-height: 440px;
 display: flex;
}

.casting-widget .col-video video {
 width: 100%;
 height: 100%;
 display: block;
 object-fit: cover;
 position: absolute;
 inset: 0;
}

.casting-widget .col-video .videoPlay {
 position: absolute;
 inset: 0;
 display: flex;
 align-items: center;
 justify-content: center;
 background: rgba(0, 0, 0, .3);
 border: none;
 cursor: pointer;
 transition: background var(--transition);
 width: 100%;
 padding: 0;
}

.casting-widget .col-video .videoPlay:hover {
 background: rgba(0, 0, 0, .15);
}

.casting-widget .col-video .videoPlay svg {
 width: 72px;
 height: 72px;
 background: var(--teal);
 border-radius: 50%;
 padding: 22px 22px 22px 26px;
 box-shadow: 0 4px 24px rgba(13, 122, 128, .55);
 transition: transform var(--transition), background var(--transition);
}

.casting-widget .col-video .videoPlay:hover svg {
 background: var(--teal2);
 transform: scale(1.08);
}

/* — COLUMN 2: BENEFITS — */
.casting-widget .col-benefits {
 display: flex;
 flex-direction: column;
 background: var(--navy);
 border-radius: var(--radius);
 padding: 28px 24px;
 gap: 0;
}

.casting-widget .col-head {
 display: flex;
 flex-direction: column;
 gap: 6px;
 margin-bottom: 20px;
}

.casting-widget .col-tag {
 font-size: .7rem;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: 1.2px;
 color: var(--teal);
 display: flex;
 align-items: center;
 gap: 8px;
}

.casting-widget .col-tag::before {
 content: '';
 display: inline-block;
 width: 20px;
 height: 2px;
 background: var(--teal);
}

.casting-widget .col-title {
 font-size: 1.4rem;
 font-weight: 900;
 color: #fff;
 letter-spacing: -.5px;
}

.casting-widget .blist {
 list-style: none;
 display: flex;
 flex-direction: column;
 flex: 1;
 padding: 0;
}

.casting-widget .bitem {
 display: flex;
 align-items: center;
 gap: 16px;
 padding: 13px 0;
 border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.casting-widget .bitem:last-child {
 border-bottom: none;
 padding-bottom: 0;
}

.casting-widget .bitem__icon {
 width: 42px;
 height: 42px;
 min-width: 42px;
 border-radius: 10px;
 background: var(--ic-bg, var(--teal));
 display: flex;
 align-items: center;
 justify-content: center;
 box-shadow: 0 3px 10px rgba(0, 0, 0, .25);
}

.casting-widget .bitem__icon svg {
 width: 22px;
 height: 22px;
}

.casting-widget .bitem__body {
 display: flex;
 flex-direction: column;
 gap: 1px;
}

.casting-widget .bitem__body strong {
 font-size: .88rem;
 font-weight: 800;
 color: #fff;
 line-height: 1.3;
}

.casting-widget .bitem__body p {
 font-size: .76rem;
 color: rgba(255, 255, 255, .5);
 line-height: 1.45;
 margin: 0;
}

/* — COLUMN 3: FORM — */
.casting-widget .col-form {
 display: flex;
 flex-direction: column;
 background: var(--white);
 border: 1px solid var(--line);
 border-left: 4px solid var(--teal);
 border-radius: var(--radius);
 padding: 28px 24px;
 box-shadow: 0 8px 40px rgba(38, 50, 56, .08);
}

.casting-widget .formCard__tag {
 display: inline-block;
 font-size: .72rem;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: .8px;
 color: var(--teal);
 border-bottom: 2px solid var(--teal);
 padding-bottom: 2px;
 margin-bottom: 8px;
}

.casting-widget .formCard__title {
 font-size: 1.45rem;
 font-weight: 900;
 color: var(--navy);
 letter-spacing: -.4px;
 margin-bottom: 4px;
}

.casting-widget .formCard__sub {
 font-size: .84rem;
 color: var(--muted);
 margin-bottom: 14px;
 line-height: 1.55;
}

.casting-widget .form__hint {
 font-size: .76rem;
 color: var(--muted);
 text-align: center;
 margin-top: 6px;
}

/* ═══ FORM FIELDS ═══ */
.casting-widget .form {
 display: flex;
 flex-direction: column;
 gap: 10px;
}

.casting-widget .field {
 display: flex;
 flex-direction: column;
 gap: 6px;
 border: none;
 padding: 0;
}

.casting-widget .label {
 font-size: .78rem;
 font-weight: 700;
 color: var(--charcoal);
 text-transform: uppercase;
 letter-spacing: .4px;
}

.casting-widget .form input,
.casting-widget .form select,
.casting-widget .form textarea {
 background: var(--bg);
 border: 1.5px solid var(--line);
 border-radius: var(--rad-sm);
 color: var(--charcoal);
 font-family: 'Manrope', system-ui, sans-serif;
 font-size: .9rem;
 padding: 9px 12px;
 transition: border-color var(--transition), box-shadow var(--transition);
 width: 100%;
}

.casting-widget .form input::placeholder,
.casting-widget .form textarea::placeholder {
 color: #a8b4b8;
}

.casting-widget .form input:focus,
.casting-widget .form select:focus,
.casting-widget .form textarea:focus {
 outline: none;
 border-color: var(--teal);
 box-shadow: 0 0 0 3px rgba(13, 122, 128, .1);
}

.casting-widget .form textarea {
 resize: vertical;
 min-height: 80px;
}

.casting-widget .form select {
 appearance: none;
 cursor: pointer;
}

.casting-widget .check {
 display: flex;
 align-items: flex-start;
 gap: 10px;
 font-size: .85rem;
 color: var(--muted);
 cursor: pointer;
 line-height: 1.5;
}

.casting-widget .check input[type="checkbox"] {
 width: 18px;
 height: 18px;
 min-width: 18px;
 margin-top: 2px;
 accent-color: var(--teal);
 cursor: pointer;
}

.casting-widget .radio {
 display: flex;
 align-items: center;
 gap: 8px;
 font-size: .9rem;
 cursor: pointer;
}

.casting-widget .radio input {
 accent-color: var(--teal);
 width: 16px;
 height: 16px;
}

.casting-widget .error {
 font-size: .78rem;
 color: var(--danger);
 min-height: 1em;
}

.casting-widget .grid2 {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 16px;
}

.casting-widget .span2 {
 grid-column: 1 / -1;
}

/* ═══ MODALS ═══ */
.casting-modal {
 position: fixed;
 inset: 0;
 z-index: 99999;
 display: flex;
 align-items: center;
 justify-content: center;
 padding: 20px;
}

.casting-modal[hidden] {
 display: none;
}

.casting-modal .modalBackdrop {
 position: absolute;
 inset: 0;
 background: rgba(31, 43, 69, .65);
 backdrop-filter: blur(4px);
}

.casting-modal .modalPanel {
 position: relative;
 background: var(--white);
 border: 1px solid var(--line);
 border-radius: var(--radius);
 border-top: 4px solid var(--teal);
 width: 100%;
 max-width: 600px;
 max-height: 90vh;
 overflow-y: auto;
 padding: 32px 36px;
 box-shadow: 0 24px 64px rgba(31, 43, 69, .3);
 font-family: 'Manrope', system-ui, sans-serif;
 color: var(--charcoal);
 -webkit-font-smoothing: antialiased;
}

.casting-modal .modalPanel--narrow {
 max-width: 440px;
}

.casting-modal .modalHeader {
 display: flex;
 align-items: flex-start;
 justify-content: space-between;
 gap: 16px;
 margin-bottom: 20px;
}

.casting-modal .modalHeader h2 {
 font-size: 1.4rem;
 font-weight: 900;
 color: var(--navy);
 letter-spacing: -.4px;
 margin: 0;
}

.casting-modal .quiz-step-lbl {
 font-size: .78rem;
 color: var(--muted);
 font-weight: 600;
 display: block;
 margin-top: 4px;
}

.casting-modal .iconBtn {
 background: var(--bg);
 border: 1px solid var(--line);
 color: var(--muted);
 border-radius: 50%;
 width: 32px;
 height: 32px;
 min-width: 32px;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: .85rem;
 transition: var(--transition);
 cursor: pointer;
 font-family: inherit;
}

.casting-modal .iconBtn:hover {
 color: var(--charcoal);
 border-color: var(--teal);
}

.casting-modal .quizProgress {
 height: 4px;
 background: var(--bg2);
 border-radius: 4px;
 margin-bottom: 28px;
 overflow: hidden;
}

.casting-modal .quizProgress span {
 display: block;
 height: 100%;
 background: var(--teal);
 border-radius: 4px;
 transition: width .35s ease;
}

.casting-modal .quizStep[hidden] {
 display: none;
}

.casting-modal .form {
 display: flex;
 flex-direction: column;
 gap: 10px;
}

.casting-modal .field {
 display: flex;
 flex-direction: column;
 gap: 6px;
 border: none;
 padding: 0;
}

.casting-modal .label {
 font-size: .78rem;
 font-weight: 700;
 color: var(--charcoal);
 text-transform: uppercase;
 letter-spacing: .4px;
 line-height: 1.2em;
}

.casting-modal .form input,
.casting-modal .form select,
.casting-modal .form textarea {
 background: var(--bg);
 border: 1.5px solid var(--line);
 border-radius: var(--rad-sm);
 color: var(--charcoal);
 font-family: 'Manrope', system-ui, sans-serif;
 font-size: .9rem;
 padding: 9px 12px;
 transition: border-color var(--transition), box-shadow var(--transition);
 width: 100%;
 box-sizing: border-box;
}

.casting-modal .form input:focus,
.casting-modal .form select:focus,
.casting-modal .form textarea:focus {
 outline: none;
 border-color: var(--teal);
 box-shadow: 0 0 0 3px rgba(13, 122, 128, .1);
}

.casting-modal .form textarea {
 resize: vertical;
 min-height: 80px;
}

.casting-modal .form select {
 appearance: none;
 cursor: pointer;
}

.casting-modal .error {
 font-size: .78rem;
 color: var(--danger);
 min-height: 1em;
}

.casting-modal .grid2 {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 16px;
}

.casting-modal .span2 {
 grid-column: 1 / -1;
}

.casting-modal .radio {
 display: flex;
 align-items: center;
 gap: 8px;
 font-size: .9rem;
 cursor: pointer;
}

.casting-modal .radio input {
 accent-color: var(--teal);
 width: 16px;
 height: 16px;
}

.casting-modal .modalActions {
 display: flex;
 gap: 12px;
 justify-content: flex-end;
 margin-top: 24px;
 flex-wrap: wrap;
}

.casting-modal .btn {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 padding: 13px 28px;
 border-radius: 6px;
 font-size: .94rem;
 font-weight: 700;
 border: none;
 transition: var(--transition);
 white-space: nowrap;
 letter-spacing: .2px;
 cursor: pointer;
 font-family: 'Manrope', system-ui, sans-serif;
}

.casting-modal .btn--cta {
 background: var(--teal);
 color: #fff;
 box-shadow: 0 4px 16px rgba(13, 122, 128, .25);
}

.casting-modal .btn--cta:hover {
 background: var(--teal2);
 transform: translateY(-1px);
}

.casting-modal .btn--outline {
 background: transparent;
 color: var(--charcoal);
 border: 1.5px solid var(--line);
}

.casting-modal .btn--outline:hover {
 border-color: var(--teal);
 color: var(--teal);
}

.casting-modal .successBody {
 text-align: center;
 padding: 20px 0 28px;
}

.casting-modal .success-icon {
 font-size: 3.5rem;
 margin-bottom: 16px;
}

.casting-modal .successBody p {
 color: var(--muted);
 font-size: .95rem;
 line-height: 1.7;
}

.casting-modal .success-await {
 margin-top: 14px;
 padding: 14px 18px;
 background: #e8f5e9;
 border-left: 4px solid #43a047;
 border-radius: 6px;
 color: #2e7d32 !important;
 font-weight: 600;
 font-size: 1rem !important;
}

/* ═══ RESPONSIVE ═══ */
@media (max-width: 960px) {
 .casting-widget .main-grid {
  grid-template-columns: 1fr 1fr;
 }

 .casting-widget .col-video {
  grid-column: 1 / -1;
 }
}

@media (max-width: 640px) {
 .casting-widget .main-grid {
  grid-template-columns: 1fr;
  padding: 0 16px;
 }

 .casting-modal .modalPanel {
  padding: 24px 20px;
 }

 .casting-modal .grid2 {
  grid-template-columns: 1fr;
 }

 .casting-modal .span2 {
  grid-column: auto;
 }
}