
.sr-casting-shell,.sr-jobs-shell,.sr-self-tape-public{width:min(1240px,calc(100% - 40px));margin:36px auto 80px;color:#243746}
.sr-casting-page-head,.sr-jobs-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin:0 0 22px}.sr-casting-page-head h1,.sr-jobs-head h1{margin:4px 0 7px;color:var(--sr-accent, #330F99);font-size:clamp(34px,5vw,52px);line-height:1.04}.sr-casting-page-head p,.sr-jobs-head p{margin:0;color:#6d7e8c}
.sr-casting-primary,.sr-casting-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 15px;border-radius:11px;font:inherit;font-size:11pt;font-weight:600;text-decoration:none!important;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.sr-casting-primary{border:0;background:var(--sr-accent, #330F99);color:#fff!important}.sr-casting-secondary{border:1px solid #d5dfe6;background:#fff;color:var(--sr-accent, #330F99)!important}.sr-casting-primary:hover,.sr-casting-secondary:hover{transform:translateY(-2px);box-shadow:0 7px 16px rgba(16,42,67,.12)}
.sr-casting-warning{margin:16px 0;padding:15px 17px;border:1px solid #efce88;border-radius:13px;background:#fff8e7;color:#6b4908;line-height:1.55}.sr-casting-warning strong{display:block;color:#513703}
.sr-casting-empty{padding:42px;text-align:center;border:1px solid #dfe7ee;border-radius:18px;background:#fff}.sr-casting-empty h2{color:var(--sr-accent, #330F99)}.sr-casting-empty a{display:inline-flex;margin-top:10px;padding:11px 15px;border-radius:10px;background:var(--sr-accent, #330F99);color:#fff;text-decoration:none;font-weight:600}.sr-casting-empty-mini{padding:20px;border-radius:12px;background:#f7f9fb;color:#71818f;text-align:center}
.sr-production-list{display:grid;gap:14px}.sr-production-card{display:grid;grid-template-columns:165px minmax(0,1fr);overflow:hidden;border:1px solid #dfe7ee;border-radius:18px;background:#fff}.sr-production-card-media{min-height:160px;background:#eef2f5}.sr-production-card-media img{width:100%;height:100%;object-fit:cover}.sr-production-card-media span{display:grid;place-items:center;width:100%;height:100%;font-size:40px}.sr-production-card-copy{padding:18px}.sr-production-card-top{display:flex;justify-content:space-between;gap:15px}.sr-production-card-top span:first-child{color:var(--sr-accent-alt, #670DAE);font-size:11pt;font-weight:600;text-transform:uppercase;letter-spacing:.07em}.sr-production-card h2{margin:3px 0 5px;color:var(--sr-accent, #330F99)}.sr-production-card-copy>p{margin:6px 0;color:#687a89}.sr-production-card-meta,.sr-production-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.sr-production-card-meta span{padding:5px 7px;border-radius:8px;background:#f4f7f9;color:#637584;font-size:11pt}.sr-production-card-actions a{font-size:11pt;font-weight:600;color:var(--sr-accent, #330F99)}.sr-casting-status{padding:5px 8px;border-radius:999px;background:#eef2f5;height:max-content;font-size:11pt;font-weight:600}.sr-casting-status.is-public{background:#e8f7ed;color:#176b37}.sr-casting-status.is-archived{background:#eee;color:#666}.sr-production-role-mini{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px;padding-top:10px;border-top:1px solid #edf1f4}.sr-production-role-mini a{padding:6px 8px;border-radius:9px;background:#f7f9fb;color:var(--sr-accent, #330F99);text-decoration:none;font-size:11pt;font-weight:600}.sr-production-role-mini small{margin-left:5px;color:#7d8b97}
.sr-casting-panel{margin:0 0 18px;padding:22px;border:1px solid #dfe7ee;border-radius:18px;background:#fff}.sr-casting-panel h2{margin:0 0 15px;color:var(--sr-accent, #330F99)}.sr-casting-panel h3{color:var(--sr-accent, #330F99)}.sr-casting-form{display:grid;gap:16px}.sr-casting-form label{display:grid;gap:6px;color:#334b5d;font-size:11pt;font-weight:600}.sr-casting-form input[type=text],.sr-casting-form input[type=email],.sr-casting-form input[type=url],.sr-casting-form input[type=date],.sr-casting-form select,.sr-casting-form textarea,.sr-share-link input,.sr-jobs-filters input,.sr-jobs-filters select{box-sizing:border-box;width:100%;min-height:45px;border:1px solid #cbd7e0;border-radius:10px;background:#fff;padding:10px 11px;font:inherit}.sr-casting-form textarea{resize:vertical}.sr-casting-form small{color:#7a8995;font-weight:500}.sr-casting-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:13px}.sr-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start!important}.sr-check input{width:auto!important;margin-top:3px}
.sr-wizard-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;list-style:none;padding:0;margin:0 0 18px}.sr-wizard-steps li{display:flex;align-items:center;gap:8px;padding:11px;border-radius:11px;background:#edf1f4;color:#758592;font-size:11pt;font-weight:600}.sr-wizard-steps li.is-current{background:var(--sr-accent, #330F99);color:#fff}.sr-wizard-steps li.is-done{background:var(--sr-secondary-soft, #EEF2FF);color:#6e4c08}.sr-wizard-steps span{font-weight:600}.sr-wizard-actions{display:flex;justify-content:space-between;gap:10px}.sr-wizard-actions .sr-casting-primary{margin-left:auto}.sr-wizard-role-summary{margin-top:15px;padding:14px;border-radius:12px;background:#f7f9fb}.sr-wizard-role-summary p{color:#70808e}.sr-wizard-role-summary ul{margin-bottom:0}
.sr-share-panel{background:#f8fbfd}.sr-share-link{display:grid;grid-template-columns:1fr auto auto;gap:7px}.sr-share-link button,.sr-share-link a{display:flex;align-items:center;border:0;border-radius:9px;background:var(--sr-accent, #330F99);color:#fff!important;padding:0 12px;text-decoration:none;font-weight:600;cursor:pointer}
.sr-casting-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.sr-casting-panel-head h2{margin-bottom:3px}.sr-casting-panel-head p{margin:0;color:#73828e;font-size:11pt}.sr-casting-panel-head>a{font-size:11pt;font-weight:600;color:var(--sr-accent, #330F99)}.sr-invite-columns{display:grid;grid-template-columns:1fr 1fr;gap:13px}.sr-invite-box{padding:15px;border:1px solid #e1e8ed;border-radius:13px;background:#fafbfd}.sr-invite-box h3{margin-top:0}.sr-invite-box button{margin-top:10px}
.sr-submission-list{display:grid;gap:9px}.sr-submission-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:12px;align-items:start;padding:13px;border:1px solid #e3e9ee;border-radius:13px}.sr-submission-photo img,.sr-submission-photo span{display:grid;place-items:center;width:58px;height:58px;border-radius:11px;object-fit:cover;background:#eef2f5;font-size:20px}.sr-submission-title{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sr-submission-main>small,.sr-submission-main time{display:block;color:#7b8a96;font-size:11pt}.sr-submission-main p{margin:7px 0;color:#667887;font-size:11pt}.sr-submission-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.sr-submission-links a{font-size:11pt;font-weight:600;color:var(--sr-accent, #330F99)}.sr-submission-status{padding:4px 7px;border-radius:999px;background:#eef2f5;font-size:11pt;font-weight:600;text-transform:uppercase}.sr-submission-status.is-shortlist{background:#e8f7ed;color:#176b37}.sr-submission-status-form select{min-height:36px;border:1px solid #ccd7df;border-radius:8px;background:#fff;padding:0 8px}
.sr-self-tape-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.sr-self-tape-role-grid a{display:block;padding:13px;border:1px solid #e2e9ee;border-radius:11px;text-decoration:none}.sr-self-tape-role-grid strong,.sr-self-tape-role-grid span,.sr-self-tape-role-grid small{display:block}.sr-self-tape-role-grid strong{color:var(--sr-accent, #330F99)}.sr-self-tape-role-grid span,.sr-self-tape-role-grid small{margin-top:3px;color:#71818e;font-size:11pt}
.sr-self-tape-public{max-width:1060px}.sr-self-tape-hero{padding:28px;border:1px solid #dfe7ee;border-radius:22px;background:linear-gradient(135deg,#fff,#f7f9fc);text-align:center}.sr-self-tape-hero h1{margin:6px 0;color:var(--sr-accent, #330F99);font-size:clamp(36px,6vw,58px)}.sr-self-tape-hero h2{margin:0;color:#52697b;font-size:20px}.sr-self-tape-company{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px;color:#506576;font-size:11pt;font-weight:600}.sr-self-tape-company img{width:36px;height:36px;border-radius:8px;object-fit:cover}.sr-self-tape-deadline{display:inline-flex;margin-top:14px;padding:8px 10px;border-radius:999px;background:var(--sr-secondary-soft, #EEF2FF);color:#6c4b08;font-size:11pt}.sr-self-tape-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;margin-top:18px}.sr-role-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.sr-role-facts div{padding:10px;border-radius:10px;background:#f7f9fb}.sr-role-facts span,.sr-role-facts strong{display:block}.sr-role-facts span{color:#84919b;font-size:11pt;font-weight:600;text-transform:uppercase}.sr-role-facts strong{margin-top:3px;color:var(--sr-accent, #330F99);font-size:11pt}.sr-sides-card a{display:inline-flex;padding:10px 12px;border-radius:9px;background:var(--sr-secondary, #3B56EB);color:var(--sr-accent, #330F99);text-decoration:none;font-weight:600}.sr-self-tape-form{margin-top:18px}.sr-prefill-note{margin-bottom:14px;padding:10px 12px;border-radius:10px;background:#eaf5ff;color:#315b7b;font-size:11pt}.sr-self-tape-success{padding:34px;text-align:center;border:1px solid #d8e8df;border-radius:20px;background:#f4fbf6}.sr-self-tape-success>span{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 10px;border-radius:50%;background:#19723b;color:#fff;font-size:24px}.sr-self-tape-success h2{color:var(--sr-accent, #330F99)}.sr-self-tape-acquisition{max-width:600px;margin:25px auto 0;padding:20px;border-radius:15px;background:#fff}.sr-self-tape-acquisition a{display:inline-flex;margin-top:8px;padding:11px 14px;border-radius:9px;background:var(--sr-accent, #330F99);color:#fff;text-decoration:none;font-weight:600}
.sr-jobs-head{display:block;text-align:center;max-width:780px;margin:0 auto 25px}.sr-jobs-filters{display:grid;grid-template-columns:2fr 1.1fr 1.2fr 1fr 1fr auto;gap:8px;padding:14px;border:1px solid #dfe7ee;border-radius:15px;background:#fff}.sr-jobs-filters button{border:0;border-radius:10px;background:var(--sr-accent, #330F99);color:#fff;padding:0 16px;font-weight:600}.sr-jobs-count{margin:17px 0 10px;color:#72818e;font-size:11pt}.sr-job-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sr-job-card{display:flex;flex-direction:column;padding:18px;border:1px solid #dfe7ee;border-radius:17px;background:#fff}.sr-job-card-company{display:flex;align-items:center;gap:7px;color:#5f7383;font-size:11pt;font-weight:600}.sr-job-card-company img{width:30px;height:30px;border-radius:7px;object-fit:cover}.sr-job-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:13px}.sr-job-tags span{padding:4px 6px;border-radius:999px;background:#f4f7f9;color:#647784;font-size:11pt;font-weight:600}.sr-job-card h2{margin:11px 0 3px;color:var(--sr-accent, #330F99);font-size:21px}.sr-job-card h3{margin:0;color:#617586;font-size:11pt}.sr-job-card>p{color:#6c7d8a;font-size:11pt;line-height:1.55}.sr-job-meta{display:flex;gap:7px;flex-wrap:wrap;margin:7px 0 13px;color:#71818e;font-size:11pt}.sr-job-card .sr-casting-primary{margin-top:auto}
.sr-public-production-hero{display:grid;grid-template-columns:minmax(0,380px) 1fr;gap:24px;align-items:center;padding:22px;border:1px solid #dfe7ee;border-radius:20px;background:#fff}.sr-public-production-image img{width:100%;max-height:300px;border-radius:14px;object-fit:cover}.sr-public-production-hero h1{margin:4px 0;color:var(--sr-accent, #330F99);font-size:clamp(34px,5vw,52px)}.sr-public-production-layout{display:grid;grid-template-columns:1fr 300px;gap:17px;margin-top:17px}.sr-public-production-company-logo{width:70px;height:70px;border-radius:13px;object-fit:cover}.sr-public-production-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sr-public-production-roles article{padding:14px;border-radius:12px;background:#f7f9fb}.sr-public-production-roles article>span{color:var(--sr-accent-alt, #670DAE);font-size:11pt;font-weight:600;text-transform:uppercase}.sr-public-production-roles h3{margin:5px 0}.sr-public-production-roles p{color:#6d7e8b;font-size:11pt}.sr-public-production-roles a{font-size:11pt;font-weight:600;color:var(--sr-accent, #330F99)}
@media(max-width:950px){.sr-job-grid{grid-template-columns:1fr 1fr}.sr-jobs-filters{grid-template-columns:1fr 1fr}.sr-jobs-filters input:first-child{grid-column:1/-1}.sr-self-tape-role-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.sr-casting-shell,.sr-jobs-shell,.sr-self-tape-public{width:min(100% - 24px,1240px)}.sr-production-card{grid-template-columns:95px 1fr}.sr-casting-grid-2,.sr-invite-columns,.sr-self-tape-layout,.sr-public-production-layout,.sr-public-production-hero{grid-template-columns:1fr}.sr-share-link{grid-template-columns:1fr}.sr-submission-card{grid-template-columns:48px 1fr}.sr-submission-status-form{grid-column:1/-1}.sr-job-grid,.sr-self-tape-role-grid,.sr-public-production-roles{grid-template-columns:1fr}.sr-jobs-filters{grid-template-columns:1fr}.sr-jobs-filters input:first-child{grid-column:auto}.sr-casting-page-head{align-items:flex-start;flex-direction:column}.sr-wizard-steps li span{display:none}}


/* Post-production-save nudge: strongly guide the company to create its first role. */
.sr-production-card--next-step{
    border-color:var(--sr-secondary, #3B56EB);
    box-shadow:0 0 0 2px color-mix(in srgb, var(--sr-secondary, #3B56EB) 8%, transparent),0 14px 34px rgba(51,15,153,.10);
}
.sr-production-next-step{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:14px;
    padding:11px 12px;
    border:1px solid color-mix(in srgb, var(--sr-secondary, #3B56EB) 22%, transparent);
    border-radius:12px;
    background:linear-gradient(135deg,color-mix(in srgb, var(--sr-tertiary, #43C2EE) 10%, transparent),color-mix(in srgb, var(--sr-secondary, #3B56EB) 8%, transparent));
}
.sr-production-next-step-icon{
    display:grid;
    place-items:center;
    flex:0 0 30px;
    width:30px;
    height:30px;
    border-radius:50%;
    background:var(--sr-secondary, #3B56EB);
    color:#fff;
    font-size:17px;
    font-weight:600;
}
.sr-production-next-step strong,
.sr-production-next-step span{
    display:block;
}
.sr-production-next-step strong{
    color:var(--sr-accent, #330F99);
    font-size:11pt;
}
.sr-production-next-step span{
    margin-top:2px;
    color:#617586;
    font-size:11pt;
}
.sr-production-card-actions .sr-add-role-nudge{
    position:relative;
    display:inline-flex;
    align-items:center;
    min-height:38px;
    padding:0 13px;
    border-radius:10px;
    background:var(--sr-secondary, #3B56EB);
    color:#fff!important;
    text-decoration:none;
    font-size:11pt;
    font-weight:600;
    box-shadow:0 0 0 0 color-mix(in srgb, var(--sr-secondary, #3B56EB) 38%, transparent);
    animation:srAddRolePulse 1.15s ease-in-out 5;
}
.sr-production-card-actions .sr-add-role-nudge::after{
    content:"";
    position:absolute;
    inset:-5px;
    border:2px solid color-mix(in srgb, var(--sr-pop, #F6217A) 55%, transparent);
    border-radius:14px;
    opacity:0;
    pointer-events:none;
    animation:srAddRoleRing 1.15s ease-out 5;
}
.sr-production-card-actions .sr-add-role-nudge:hover{
    background:var(--sr-accent, #330F99);
    transform:translateY(-2px);
}
@keyframes srAddRolePulse{
    0%,100%{transform:translateY(0) scale(1);box-shadow:0 0 0 0 color-mix(in srgb, var(--sr-secondary, #3B56EB) 34%, transparent)}
    50%{transform:translateY(-2px) scale(1.045);box-shadow:0 6px 20px color-mix(in srgb, var(--sr-secondary, #3B56EB) 25%, transparent)}
}
@keyframes srAddRoleRing{
    0%{opacity:.75;transform:scale(.96)}
    70%{opacity:0;transform:scale(1.10)}
    100%{opacity:0;transform:scale(1.10)}
}
@media(prefers-reduced-motion:reduce){
    .sr-production-card-actions .sr-add-role-nudge,
    .sr-production-card-actions .sr-add-role-nudge::after{
        animation:none!important;
    }
}

.sr-role-inherited-location{margin-top:12px;padding:11px 13px;border:1px solid #dfe7ee;border-radius:11px;background:#f7f9fb}.sr-role-inherited-location strong,.sr-role-inherited-location span,.sr-role-inherited-location small{display:block}.sr-role-inherited-location strong{color:var(--sr-accent,#330F99);font-size:11pt;text-transform:uppercase;letter-spacing:.05em}.sr-role-inherited-location span{margin-top:3px;color:#40586a;font-size:11pt;font-weight:600}.sr-role-inherited-location small{margin-top:3px;color:#7a8995;font-size:11pt}

/* Contextual help tooltips across Production / Casting tools */
.sr-help-tip{position:relative;display:inline-grid;place-items:center;width:20px;height:20px;margin-left:5px;border:1px solid color-mix(in srgb,var(--sr-secondary,#3B56EB) 35%,#fff);border-radius:50%;background:var(--sr-secondary-soft,#EEF2FF);color:var(--sr-accent,#330F99);font-size:11pt;font-weight:600;line-height:1;vertical-align:middle;cursor:help;outline:none}
.sr-help-tip-popover{position:absolute;left:50%;bottom:calc(100% + 9px);z-index:1000;width:260px;padding:10px 12px;border-radius:10px;background:#202a36;color:#fff;font-size:11pt;font-weight:500;line-height:1.5;text-align:left;box-shadow:0 10px 28px rgba(0,0,0,.18);opacity:0;visibility:hidden;transform:translate(-50%,5px);transition:opacity .15s ease,transform .15s ease,visibility .15s ease;pointer-events:none}
.sr-help-tip-popover::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:#202a36}
.sr-help-tip:hover .sr-help-tip-popover,.sr-help-tip:focus .sr-help-tip-popover,.sr-help-tip:focus-within .sr-help-tip-popover{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(max-width:520px){.sr-help-tip-popover{left:auto;right:-12px;transform:translateY(5px);width:min(250px,calc(100vw - 40px))}.sr-help-tip:hover .sr-help-tip-popover,.sr-help-tip:focus .sr-help-tip-popover{transform:translateY(0)}.sr-help-tip-popover::after{left:auto;right:17px}}

/* More breathing room on public self-tape submission form */
.sr-self-tape-form .sr-casting-panel{padding:28px}
.sr-self-tape-form .sr-casting-grid-2{gap:20px 18px}
.sr-self-tape-form label{gap:8px}
.sr-self-tape-form input[type="text"],.sr-self-tape-form input[type="email"],.sr-self-tape-form input[type="url"],.sr-self-tape-form input[type="file"],.sr-self-tape-form textarea{margin-top:2px}
.sr-submission-consents{display:grid;gap:13px;margin:24px 0 20px;padding:17px 18px;border:1px solid #dfe7ee;border-radius:13px;background:#fafbfd}
.sr-submission-disclaimer,.sr-carryover-consent{line-height:1.5;color:#526675!important}
.sr-submission-disclaimer input,.sr-carryover-consent input{margin-top:3px!important}
.sr-self-tape-submit-button{margin-top:4px;min-width:190px}
.sr-self-tape-deadline strong{margin-left:5px}
.sr-self-tape-success>p{margin-bottom:20px}
.sr-self-tape-acquisition{margin-top:30px}

.sr-invite-privacy-note{margin:0 0 11px;color:#6d7e8b;font-size:11pt;line-height:1.45}
.sr-member-autocomplete{position:relative}
.sr-member-autocomplete-results{position:absolute;left:0;right:0;top:calc(100% - 2px);z-index:100;background:#fff;border:1px solid #ccd8e1;border-radius:11px;box-shadow:0 12px 30px rgba(20,34,48,.16);overflow:hidden}
.sr-member-autocomplete-option{display:flex;width:100%;align-items:center;gap:10px;padding:9px 10px;border:0;border-bottom:1px solid #edf1f4;background:#fff;color:#263b4b;text-align:left;cursor:pointer}.sr-member-autocomplete-option:last-child{border-bottom:0}.sr-member-autocomplete-option:hover{background:var(--sr-secondary-soft,#EEF2FF)}.sr-member-autocomplete-option img{width:38px;height:38px;border-radius:9px;object-fit:cover}.sr-member-autocomplete-option span,.sr-member-autocomplete-option strong,.sr-member-autocomplete-option small{display:block}.sr-member-autocomplete-option strong{font-size:11pt}.sr-member-autocomplete-option small{margin-top:2px;color:#788893;font-size:11pt}.sr-member-autocomplete-selected{margin-top:7px;padding:8px 9px;border-radius:8px;background:#edf9f2;color:#24643d;font-size:11pt;font-weight:600}.sr-member-invite-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.sr-browse-members{min-height:40px!important}

/* Larger, review-focused self-tape submission cards */
.sr-submission-card--review{
    grid-template-columns:120px minmax(0,1fr) 150px;
    gap:18px;
    padding:18px;
    align-items:start;
}
.sr-submission-photo--large img,
.sr-submission-photo--large span{
    width:120px;
    height:150px;
    border-radius:14px;
    object-fit:cover;
    background:#eef2f5;
    font-size:34px;
}
.sr-submission-title strong{
    font-size:18px;
    color:var(--sr-accent,#330F99);
}
.sr-submission-contact{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
    margin-top:7px;
}
.sr-submission-contact span{
    display:block;
    color:#40586a;
    font-size:11pt;
}
.sr-submission-contact b{
    display:block;
    margin-bottom:2px;
    color:#7a8995;
    font-size:11pt;
    text-transform:uppercase;
    letter-spacing:.05em;
}
.sr-submission-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:14px;
}
.sr-submission-action{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0 11px;
    border:1px solid #d8e1e8;
    border-radius:9px;
    background:#fff;
    color:var(--sr-accent,#330F99)!important;
    text-decoration:none!important;
    font-size:11pt!important;
    font-weight:600!important;
    transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.sr-submission-action:hover{
    transform:translateY(-1px);
    border-color:var(--sr-secondary,#3B56EB);
    box-shadow:0 6px 14px rgba(30,45,70,.08);
}
.sr-submission-action--primary{
    border-color:var(--sr-secondary,#3B56EB);
    background:var(--sr-secondary,#3B56EB);
    color:#fff!important;
}
.sr-submission-applicant-note{
    margin-top:14px;
    padding:11px 12px;
    border-radius:10px;
    background:#f7f9fb;
}
.sr-submission-applicant-note strong{
    display:block;
    color:#607588;
    font-size:11pt;
    text-transform:uppercase;
    letter-spacing:.05em;
}
.sr-submission-applicant-note p{
    margin:4px 0 0;
    color:#526675;
    font-size:11pt;
    line-height:1.5;
}
.sr-submission-received{
    margin-top:13px;
    color:#72818d;
    font-size:11pt;
}
.sr-submission-received strong{
    color:#475d6e;
}
.sr-submission-private-notes{
    margin-top:16px;
    padding-top:15px;
    border-top:1px solid #e6edf1;
}
.sr-submission-private-notes label{
    display:grid;
    gap:6px;
}
.sr-submission-private-notes label>span{
    color:#526675;
    font-size:11pt;
    font-weight:600;
}
.sr-submission-private-notes textarea{
    box-sizing:border-box;
    width:100%;
    min-height:86px;
    padding:10px 11px;
    border:1px solid #ccd8e1;
    border-radius:10px;
    resize:vertical;
    font:inherit;
    font-size:11pt;
}
.sr-submission-private-notes button{
    margin-top:8px;
    min-height:36px;
    padding:0 11px;
    border:0;
    border-radius:9px;
    background:var(--sr-accent,#330F99);
    color:#fff;
    font:inherit;
    font-size:11pt;
    font-weight:600;
    cursor:pointer;
}
.sr-submission-status-form label{
    display:grid;
    gap:5px;
}
.sr-submission-status-form label>span{
    color:#7a8995;
    font-size:11pt;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.05em;
}
.sr-submission-status-form select{
    width:100%;
    min-height:40px;
    font-size:11pt;
}
@media(max-width:820px){
    .sr-submission-card--review{grid-template-columns:90px minmax(0,1fr)}
    .sr-submission-photo--large img,.sr-submission-photo--large span{width:90px;height:115px}
    .sr-submission-status-form{grid-column:1/-1}
}
@media(max-width:560px){
    .sr-submission-card--review{grid-template-columns:1fr}
    .sr-submission-photo--large img,.sr-submission-photo--large span{width:110px;height:138px}
}


/* Larger, more readable contextual help popovers. */
.sr-help-tip{
    width:24px;
    height:24px;
    margin-left:7px;
    font-size:11pt;
}
.sr-help-tip-popover{
    width:340px;
    max-width:min(340px,calc(100vw - 34px));
    padding:15px 17px;
    border-radius:12px;
    background:#202a36;
    color:#fff;
    font-size:12pt;
    font-weight:500;
    line-height:1.65;
    letter-spacing:0;
    white-space:normal;
    text-transform:none;
    box-shadow:0 14px 34px rgba(0,0,0,.22);
}
@media(max-width:520px){
    .sr-help-tip-popover{
        width:min(310px,calc(100vw - 30px));
        right:-10px;
    }
}


/* Stronger action buttons throughout production / self-tape management */
.sr-casting-action-button{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 14px;
    border:1px solid var(--sr-secondary,#3B56EB);
    border-radius:10px;
    background:var(--sr-secondary,#3B56EB);
    color:#fff!important;
    text-decoration:none!important;
    font-size:11pt!important;
    font-weight:600!important;
    line-height:1.2;
    white-space:nowrap;
    transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease;
}
.sr-casting-action-button:hover{
    transform:translateY(-2px);
    background:var(--sr-accent,#330F99);
    box-shadow:0 7px 16px rgba(38,46,80,.12);
}

/* Production presentation in Self Tape Management */
.sr-self-tape-production-panel{
    overflow:hidden;
}
.sr-self-tape-production-head{
    display:grid;
    grid-template-columns:150px minmax(0,1fr);
    gap:18px;
    align-items:stretch;
    margin-bottom:18px;
}
.sr-self-tape-production-image{
    min-height:110px;
    border-radius:13px;
    overflow:hidden;
    background:#eef2f5;
}
.sr-self-tape-production-image img{
    width:100%;
    height:100%;
    min-height:110px;
    object-fit:cover;
}
.sr-self-tape-production-image span{
    display:grid;
    place-items:center;
    width:100%;
    height:100%;
    min-height:110px;
    font-size:30px;
}
.sr-casting-panel-head--production{
    align-items:center;
    min-width:0;
}
.sr-casting-panel-head--production>div>span{
    color:var(--sr-accent-alt,#670DAE);
    font-weight:600;
    text-transform:uppercase;
}

/* Role cards get a clear acting/voice icon */
.sr-self-tape-role-grid a{
    display:flex;
    align-items:center;
    gap:12px;
}
.sr-role-card-icon{
    display:grid!important;
    place-items:center;
    flex:0 0 46px;
    width:46px;
    height:46px;
    margin:0!important;
    border-radius:12px;
    background:var(--sr-secondary-soft,#EEF2FF);
    font-size:22px!important;
}
.sr-self-tape-role-grid a>div{
    min-width:0;
}
.sr-self-tape-role-grid a>div strong,
.sr-self-tape-role-grid a>div span,
.sr-self-tape-role-grid a>div small{
    display:block;
}

@media(max-width:700px){
    .sr-self-tape-production-head{grid-template-columns:1fr}
    .sr-self-tape-production-image{max-height:190px}
    .sr-casting-panel-head--production{align-items:flex-start;flex-direction:column}
    .sr-casting-action-button{width:100%;box-sizing:border-box}
}

.sr-production-approval-meta{display:inline-flex!important;align-items:center;gap:5px}
.sr-production-approval-meta .sr-help-tip{margin-left:2px}

.sr-company-role-list{display:grid;gap:9px}.sr-company-role-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:13px;align-items:center;padding:14px;border:1px solid #dfe7ee;border-radius:14px;background:#fff}.sr-company-role-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:12px;background:var(--sr-secondary-soft,#EEF2FF);font-size:25px}.sr-company-role-copy>span{color:var(--sr-accent-alt,#670DAE);font-weight:600}.sr-company-role-copy h2{margin:2px 0 4px;color:var(--sr-accent,#330F99);font-size:18px}.sr-company-role-copy small{color:#71818e}.sr-company-role-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.sr-company-role-actions a{display:inline-flex;align-items:center;min-height:40px;padding:0 11px;border-radius:9px;background:var(--sr-secondary,#3B56EB);color:#fff!important;text-decoration:none!important;font-weight:600}@media(max-width:700px){.sr-company-role-row{grid-template-columns:50px 1fr}.sr-company-role-actions{grid-column:1/-1;justify-content:flex-start}}

/* Acting & Voice Roles: inline invite actions should match adjacent action buttons. */
.sr-company-role-actions form{
    display:inline-flex;
    margin:0;
}
.sr-company-role-actions form button{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    min-height:40px!important;
    padding:0 11px!important;
    border:0!important;
    border-radius:9px!important;
    background:var(--sr-secondary,#3B56EB)!important;
    color:#fff!important;
    font:inherit!important;
    font-weight:600!important;
    line-height:1.2!important;
    text-decoration:none!important;
    cursor:pointer;
    transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease;
}
.sr-company-role-actions form button:hover{
    background:var(--sr-accent,#330F99)!important;
    transform:translateY(-1px);
    box-shadow:0 6px 14px rgba(35,45,70,.10);
}

/* Production cards: all actions use visible button styling */
.sr-production-card-actions{
    align-items:center;
}
.sr-production-card-actions .sr-production-action-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0 11px;
    border:1px solid color-mix(in srgb,var(--sr-secondary,#3B56EB) 40%,#dfe7ee);
    border-radius:9px;
    background:#fff;
    color:var(--sr-accent,#330F99)!important;
    text-decoration:none!important;
    font-size:11pt;
    font-weight:600;
    line-height:1.2;
    transition:transform .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.sr-production-card-actions .sr-production-action-button:hover{
    transform:translateY(-1px);
    border-color:var(--sr-secondary,#3B56EB);
    background:var(--sr-secondary-soft,#EEF2FF);
    color:var(--sr-accent,#330F99)!important;
    box-shadow:0 5px 12px rgba(35,45,70,.08);
}
.sr-production-card-actions .sr-production-job-button{
    border-color:var(--sr-secondary,#3B56EB);
    background:var(--sr-secondary,#3B56EB);
    color:#fff!important;
}
.sr-production-card-actions .sr-production-job-button:hover{
    background:var(--sr-accent,#330F99);
    border-color:var(--sr-accent,#330F99);
    color:#fff!important;
}
/* Preserve the existing next-step nudge as a primary action. */
.sr-production-card-actions .sr-production-action-button.sr-add-role-nudge{
    border-color:var(--sr-secondary,#3B56EB);
    background:var(--sr-secondary,#3B56EB);
    color:#fff!important;
}

.sr-submission-action--live-casting{
    background:var(--sr-accent,#330F99)!important;
    border-color:var(--sr-accent,#330F99)!important;
    color:#fff!important;
}
.sr-submission-action--live-casting:hover{
    background:var(--sr-secondary,#3B56EB)!important;
    color:#fff!important;
}

.sr-submission-action--live-casting{
    border:0;
    cursor:pointer;
    font:inherit;
}
html.sr-live-casting-modal-open{overflow:hidden}
.sr-live-casting-modal{
    position:fixed;
    inset:0;
    z-index:100000;
}
.sr-live-casting-modal-backdrop{
    position:absolute;
    inset:0;
    background:rgba(21,27,45,.58);
}
.sr-live-casting-modal-panel{
    position:relative;
    width:min(680px,calc(100% - 28px));
    max-height:calc(100vh - 48px);
    overflow:auto;
    margin:24px auto;
    padding:22px;
    border-radius:17px;
    background:#fff;
    box-shadow:0 25px 80px rgba(17,25,45,.3);
}
.sr-live-casting-modal-panel h3{margin:3px 38px 5px 0;color:var(--sr-accent,#330F99);font-size:25px}
.sr-live-casting-modal-panel>p:not(.sr-eyebrow){margin:0;color:#687b8a}
.sr-live-casting-modal-close{
    position:absolute;
    top:13px;
    right:13px;
    width:34px;
    height:34px;
    border:0;
    border-radius:50%;
    background:#eef2f5;
    color:#405261;
    font-size:23px;
    line-height:1;
    cursor:pointer;
}
.sr-live-casting-choice-list{display:grid;gap:8px;margin-top:16px}
.sr-live-casting-choice{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:12px;
    align-items:center;
    padding:12px;
    border:1px solid #dfe7ee;
    border-radius:11px;
}
.sr-live-casting-choice strong,.sr-live-casting-choice span{display:block}
.sr-live-casting-choice>div>strong{color:#314657}
.sr-live-casting-choice>div>span{margin-top:3px;color:#71818e;font-size:10pt}
.sr-live-casting-choice>a,.sr-live-casting-create{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0 11px;
    border-radius:9px;
    background:var(--sr-secondary,#3B56EB);
    color:#fff!important;
    text-decoration:none!important;
    font-weight:600;
}
.sr-live-casting-choice>a.is-secondary{background:#fff;color:var(--sr-accent,#330F99)!important;border:1px solid #ccd8e1}
.sr-live-casting-choice.is-invited{background:#f7f9fb}
.sr-live-casting-choice-status{padding:6px 8px;border-radius:999px;background:#eaf8ef;color:#176b37;font-size:9pt;font-weight:600}
.sr-live-casting-empty{margin-top:16px;padding:13px;border-radius:10px;background:#f7f9fb;color:#71818e}
.sr-live-casting-create{margin-top:14px;background:var(--sr-accent,#330F99)}
@media(max-width:620px){
    .sr-live-casting-choice{grid-template-columns:1fr}
    .sr-live-casting-choice>a{width:100%;box-sizing:border-box}
}


/* v0.19.22 — Production help tooltip stacking / clipping fix */
.sr-production-list{
    overflow:visible!important;
}
.sr-production-card{
    position:relative!important;
    overflow:visible!important;
    z-index:1;
}
.sr-production-card:hover,
.sr-production-card:focus-within{
    z-index:200!important;
}
.sr-production-card-media{
    overflow:hidden!important;
    border-radius:17px 0 0 17px;
}
.sr-production-card-copy{
    position:relative;
    z-index:2;
    overflow:visible!important;
}
.sr-production-card-meta{
    position:relative;
    z-index:20;
    overflow:visible!important;
}
.sr-production-approval-meta{
    position:relative;
    overflow:visible!important;
}
.sr-production-approval-meta .sr-help-tip{
    position:relative!important;
    z-index:300!important;
}
.sr-production-approval-meta .sr-help-tip-popover{
    z-index:10000!important;
    overflow:visible!important;
}

/* On narrower screens keep the rounded media treatment sensible. */
@media(max-width:700px){
    .sr-production-card-media{
        border-radius:17px 17px 0 0;
    }
}


/* v0.19.35 — wider public self-tape pages and Production-wide casting links */
.sr-self-tape-public{
    width:min(1500px,calc(100% - 48px))!important;
    max-width:1500px!important;
}
.sr-self-tape-public .sr-self-tape-layout{
    grid-template-columns:minmax(0,1.65fr) minmax(300px,.65fr)!important;
    gap:22px!important;
}
.sr-self-tape-public .sr-casting-panel{
    padding:24px!important;
}
.sr-self-tape-public .sr-self-tape-form{
    max-width:none!important;
}

.sr-production-share-casting-button{
    border-color:var(--sr-accent-alt,#670DAE)!important;
}

.sr-self-tape-production-head-actions{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    justify-content:flex-end;
}
.sr-casting-action-button.is-secondary{
    background:#fff!important;
    border:1px solid var(--sr-secondary,#3B56EB)!important;
    color:var(--sr-accent,#330F99)!important;
}
.sr-casting-action-button.is-secondary:hover{
    background:var(--sr-secondary-soft,#EEF2FF)!important;
    color:var(--sr-accent,#330F99)!important;
}

.sr-self-tape-production-hero{
    display:grid;
    grid-template-columns:minmax(260px,36%) minmax(0,1fr);
    overflow:hidden;
    margin:18px 0;
    border:1px solid #dfe7ee;
    border-radius:18px;
    background:#fff;
}
.sr-self-tape-production-hero-image{
    min-height:310px;
    background:#edf2f5;
}
.sr-self-tape-production-hero-image img{
    width:100%;
    height:100%;
    min-height:310px;
    display:block;
    object-fit:cover;
}
.sr-self-tape-production-hero-copy{
    padding:30px;
    align-self:center;
}
.sr-self-tape-production-hero-copy h1{
    margin:7px 0 9px;
    color:var(--sr-accent,#330F99);
    font-size:clamp(34px,4vw,56px);
    line-height:1.02;
    letter-spacing:-.035em;
}
.sr-self-tape-production-logline{
    max-width:760px;
    margin:0;
    color:#40586a;
    font-size:13pt;
    line-height:1.55;
}
.sr-self-tape-production-meta{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-top:15px;
}
.sr-self-tape-production-meta span{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:5px 10px;
    border-radius:999px;
    background:#f2f5f8;
    color:#536675;
    font-size:10pt;
    font-weight:600;
}
.sr-self-tape-production-about{
    margin-bottom:22px;
}
.sr-self-tape-production-role-head{
    display:flex;
    justify-content:space-between;
    gap:24px;
    align-items:end;
    margin:30px 0 14px;
}
.sr-self-tape-production-role-head h2{
    margin:2px 0 4px;
    color:#263d4e;
    font-size:24pt;
}
.sr-self-tape-production-role-head p{
    margin:0;
    color:#6d7e8b;
}
.sr-self-tape-production-role-head>strong{
    flex:0 0 auto;
    padding:7px 11px;
    border-radius:999px;
    background:var(--sr-secondary-soft,#EEF2FF);
    color:var(--sr-accent,#330F99);
}
.sr-self-tape-production-roles{
    display:grid;
    gap:14px;
}
.sr-self-tape-production-role-card{
    display:grid;
    grid-template-columns:62px minmax(0,1fr);
    gap:16px;
    padding:20px;
    border:1px solid #dfe7ee;
    border-radius:15px;
    background:#fff;
}
.sr-self-tape-production-role-icon{
    display:grid;
    place-items:center;
    width:62px;
    height:62px;
    border-radius:14px;
    background:var(--sr-secondary-soft,#EEF2FF);
    font-size:27px;
}
.sr-self-tape-production-role-copy{
    min-width:0;
}
.sr-self-tape-production-role-title{
    display:flex;
    justify-content:space-between;
    gap:20px;
    align-items:flex-start;
}
.sr-self-tape-production-role-title span{
    display:block;
    color:var(--sr-accent-alt,#670DAE);
    font-size:9pt;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.06em;
}
.sr-self-tape-production-role-title h3{
    margin:2px 0 0;
    color:var(--sr-accent,#330F99);
    font-size:20pt;
}
.sr-self-tape-production-role-deadline{
    flex:0 0 auto;
    padding:7px 9px;
    border-radius:8px;
    background:#fff7df;
    color:#684e00;
    font-size:9.5pt;
}
.sr-self-tape-production-role-description{
    max-width:1000px;
    margin-top:13px;
    color:#40586a;
    line-height:1.62;
}
.sr-role-facts--compact{
    margin-top:14px;
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.sr-self-tape-production-role-actions{
    display:flex;
    gap:9px;
    flex-wrap:wrap;
    margin-top:16px;
}
.sr-self-tape-production-role-actions a{
    text-decoration:none!important;
}

@media(max-width:900px){
    .sr-self-tape-public{
        width:calc(100% - 24px)!important;
    }
    .sr-self-tape-public .sr-self-tape-layout{
        grid-template-columns:1fr!important;
    }
    .sr-self-tape-production-hero{
        grid-template-columns:1fr;
    }
    .sr-self-tape-production-hero-image{
        min-height:220px;
        max-height:340px;
    }
    .sr-self-tape-production-hero-image img{
        min-height:220px;
    }
    .sr-self-tape-production-role-title{
        display:block;
    }
    .sr-self-tape-production-role-deadline{
        width:max-content;
        margin-top:9px;
    }
}
@media(max-width:620px){
    .sr-self-tape-production-role-card{
        grid-template-columns:1fr;
    }
    .sr-role-facts--compact{
        grid-template-columns:1fr;
    }
    .sr-self-tape-production-role-head{
        display:block;
    }
    .sr-self-tape-production-role-head>strong{
        display:inline-flex;
        margin-top:10px;
    }
}


/* v0.19.36 — Production-wide share URL box */
.sr-self-tape-public-url-box{
    display:grid;
    grid-template-columns:minmax(220px,.75fr) minmax(420px,1.5fr);
    gap:14px 22px;
    align-items:center;
    margin:16px 0 18px;
    padding:16px;
    border:1px solid #dbe3ea;
    border-radius:12px;
    background:#f8fafc;
}
.sr-self-tape-public-url-copy span{
    display:block;
    margin-bottom:3px;
    color:var(--sr-accent-alt,#670DAE);
    font-size:8.5pt;
    font-weight:700;
    letter-spacing:.06em;
}
.sr-self-tape-public-url-copy strong{
    display:block;
    color:#30485a;
    font-size:10pt;
    line-height:1.4;
}
.sr-self-tape-public-url-control{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    gap:8px;
    align-items:center;
}
.sr-self-tape-public-url-control input{
    width:100%;
    min-width:0;
    min-height:42px;
    box-sizing:border-box;
    padding:8px 10px;
    border:1px solid #cbd6df;
    border-radius:8px;
    background:#fff;
    color:#405667;
    font-size:9.5pt;
}
.sr-self-tape-public-url-control .sr-casting-action-button{
    min-height:42px;
    white-space:nowrap;
}
.sr-self-tape-public-url-open{
    white-space:nowrap;
    color:var(--sr-secondary,#3B56EB)!important;
    font-weight:600;
    text-decoration:none!important;
}
.sr-self-tape-copy-status{
    grid-column:2;
    min-height:1em;
    color:#176b37;
    font-size:9pt;
    font-weight:600;
}

/* Keep required markers alongside the label text on the public self-tape form. */
.sr-self-tape-form .sr-field-label-text{
    display:inline-flex!important;
    align-items:baseline!important;
    gap:3px!important;
    width:max-content!important;
    max-width:100%;
    line-height:1.25;
}
.sr-self-tape-form .sr-field-label-text .sr-required,
.sr-self-tape-form .sr-submission-disclaimer .sr-required{
    display:inline!important;
    width:auto!important;
    margin:0!important;
    color:#d63638!important;
    font-weight:700!important;
    line-height:inherit!important;
}

@media(max-width:900px){
    .sr-self-tape-public-url-box{
        grid-template-columns:1fr;
    }
    .sr-self-tape-copy-status{
        grid-column:1;
    }
}
@media(max-width:620px){
    .sr-self-tape-public-url-control{
        grid-template-columns:1fr;
    }
    .sr-self-tape-public-url-control .sr-casting-action-button,
    .sr-self-tape-public-url-open{
        width:100%;
        text-align:center;
    }
}


/* v0.19.37 — public company/location links and clipboard icon */
.sr-self-tape-company-link{
    width:max-content;
    max-width:100%;
    color:inherit!important;
    text-decoration:none!important;
    transition:opacity .15s ease,transform .15s ease;
}
.sr-self-tape-company-link:hover,
.sr-self-tape-company-link:focus{
    opacity:.82;
    transform:translateY(-1px);
}
.sr-self-tape-company-link span{
    text-decoration:underline;
    text-decoration-thickness:1px;
    text-underline-offset:3px;
}
.sr-self-tape-production-meta .sr-self-tape-location-link{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:5px 10px;
    border-radius:999px;
    background:#f2f5f8;
    color:#536675!important;
    font-size:10pt;
    font-weight:600;
    text-decoration:none!important;
}
.sr-self-tape-production-meta .sr-self-tape-location-link:hover,
.sr-self-tape-production-meta .sr-self-tape-location-link:focus{
    background:var(--sr-secondary-soft,#EEF2FF);
    color:var(--sr-accent,#330F99)!important;
}
.sr-copy-public-url-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
}
.sr-copy-public-url-button .sr-copy-icon{
    width:16px;
    height:16px;
    flex:0 0 16px;
    fill:currentColor;
}


/* v0.19.38 — Self Tape Management workspace refinements */
.sr-self-tape-edit-production{
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
}
.sr-self-tape-edit-production svg{
    width:16px;
    height:16px;
    flex:0 0 16px;
    fill:currentColor;
}

.sr-self-tape-role-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:12px;
}
.sr-self-tape-role-card{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    min-width:0;
    border:1px solid #dfe6ec;
    border-radius:13px;
    background:#fff;
    box-shadow:0 3px 10px rgba(25,45,65,.025);
    transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.sr-self-tape-role-card:hover,
.sr-self-tape-role-card:focus-within{
    transform:translateY(-2px);
    border-color:#b9c8f8;
    background:#fbfcff;
    box-shadow:0 10px 24px rgba(36,52,90,.10);
}
.sr-self-tape-role-card-main{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr);
    gap:11px;
    align-items:center;
    min-width:0;
    padding:14px 8px 14px 14px;
    color:inherit!important;
    text-decoration:none!important;
}
.sr-self-tape-role-card-main .sr-role-card-icon{
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    border-radius:11px;
    background:var(--sr-secondary-soft,#EEF2FF);
    font-size:20px;
}
.sr-self-tape-role-card-main strong,
.sr-self-tape-role-card-main span,
.sr-self-tape-role-card-main small{
    display:block;
}
.sr-self-tape-role-card-main strong{
    color:#2f4658;
    font-size:11pt;
}
.sr-self-tape-role-card-main span{
    margin-top:2px;
    color:#687a88;
    font-size:9.5pt;
}
.sr-self-tape-role-card-main small{
    margin-top:3px;
    color:#87949e;
}
.sr-self-tape-role-manage{
    display:inline-flex;
    align-items:center;
    gap:5px;
    margin-right:12px;
    padding:8px 10px;
    border:1px solid #cad4fb;
    border-radius:8px;
    background:#fff;
    color:var(--sr-accent,#330F99)!important;
    font-size:9.5pt;
    font-weight:600;
    text-decoration:none!important;
    white-space:nowrap;
    transition:background .15s ease,border-color .15s ease,transform .15s ease;
}
.sr-self-tape-role-card:hover .sr-self-tape-role-manage,
.sr-self-tape-role-manage:hover,
.sr-self-tape-role-manage:focus{
    border-color:var(--sr-secondary,#3B56EB);
    background:var(--sr-secondary-soft,#EEF2FF);
    transform:translateX(1px);
}

/* Submission inbox toolbar */
.sr-submission-toolbar{
    display:grid;
    grid-template-columns:minmax(260px,1.4fr) minmax(150px,.55fr) minmax(160px,.55fr) auto;
    gap:10px;
    align-items:end;
    margin:18px 0;
    padding:14px;
    border:1px solid #dfe6ec;
    border-radius:12px;
    background:#f8fafc;
}
.sr-submission-toolbar label{
    display:grid;
    gap:5px;
    color:#405667;
    font-size:9.5pt;
    font-weight:600;
}
.sr-submission-toolbar input,
.sr-submission-toolbar select{
    width:100%;
    min-height:42px;
    box-sizing:border-box;
    border:1px solid #c8d3dc;
    border-radius:8px;
    background:#fff;
}
.sr-submission-reset{
    min-height:42px;
    padding:0 13px;
    border:1px solid #c8d3dc;
    border-radius:8px;
    background:#fff;
    color:#405667;
    font-weight:600;
    cursor:pointer;
}
.sr-submission-reset:hover,
.sr-submission-reset:focus{
    border-color:var(--sr-secondary,#3B56EB);
    color:var(--sr-accent,#330F99);
}
.sr-submission-result-count{
    grid-column:1/-1;
    color:#71818d;
    font-size:9.5pt;
    font-weight:600;
}
.sr-submission-card[hidden]{
    display:none!important;
}
.sr-submission-no-results{
    display:grid;
    place-items:center;
    gap:4px;
    padding:34px 20px;
    border:1px dashed #cbd6df;
    border-radius:12px;
    color:#677986;
    text-align:center;
    background:#fafbfd;
}
.sr-submission-no-results[hidden]{
    display:none!important;
}
.sr-submission-no-results strong{
    color:#3b5365;
    font-size:12pt;
}

@media(max-width:900px){
    .sr-submission-toolbar{
        grid-template-columns:1fr 1fr;
    }
    .sr-submission-search{
        grid-column:1/-1;
    }
}
@media(max-width:620px){
    .sr-self-tape-role-card{
        grid-template-columns:1fr;
    }
    .sr-self-tape-role-manage{
        margin:0 12px 12px;
        justify-content:center;
    }
    .sr-submission-toolbar{
        grid-template-columns:1fr;
    }
    .sr-submission-search{
        grid-column:auto;
    }
}


/* v0.19.40 — embedded self-tape review and link validation */
.sr-submission-media{
    display:grid;
    gap:14px;
    margin:14px 0;
}
.sr-submission-embed-card{
    overflow:hidden;
    border:1px solid #dce4ea;
    border-radius:12px;
    background:#f8fafc;
}
.sr-submission-embed-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    padding:9px 12px;
    border-bottom:1px solid #dce4ea;
    background:#fff;
}
.sr-submission-embed-head strong{
    color:#30485a;
}
.sr-submission-embed-head span{
    color:#71818d;
    font-size:9pt;
    font-weight:600;
}
.sr-submission-embed{
    position:relative;
    width:100%;
    aspect-ratio:16/9;
    background:#101820;
}
.sr-submission-embed iframe,
.sr-submission-embed video{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    border:0!important;
}
.sr-submission-embed>div,
.sr-submission-embed>p{
    width:100%;
    height:100%;
    margin:0!important;
}

.sr-self-tape-link-field small{
    display:block;
    margin-top:5px;
    color:#73838f;
    font-size:9pt;
    line-height:1.4;
}
.sr-link-validation{
    display:block;
    min-height:18px;
    margin-top:4px;
    font-size:9pt;
    font-weight:600;
}
.sr-link-validation.is-valid{
    color:#176b37;
}
.sr-link-validation.is-invalid{
    color:#b32d2e;
}
.sr-self-tape-link-field input:invalid:not(:placeholder-shown){
    border-color:#d63638!important;
}


/* v0.19.41 — better public self-tape field proportions + immediate uploads */
.sr-self-tape-fields{
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:14px;
    align-items:start;
}
.sr-self-tape-field{
    display:grid!important;
    gap:5px!important;
    min-width:0;
}
.sr-self-tape-field--name{grid-column:span 6}
.sr-self-tape-field--email{grid-column:span 6}
.sr-self-tape-field--phone{grid-column:span 4}
.sr-self-tape-field--primary-link{grid-column:span 8}
.sr-self-tape-field--additional-link{grid-column:1/-1}
.sr-self-tape-field input{
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
}

.sr-self-tape-upload-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin-top:14px;
}
.sr-staged-upload{
    min-width:0;
    padding:14px;
    border:1px solid #dce4ea;
    border-radius:11px;
    background:#fafbfd;
}
.sr-staged-upload>label{
    display:grid!important;
    gap:6px!important;
    margin:0!important;
}
.sr-staged-upload input[type=file]{
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
}
.sr-staged-upload small{
    color:#748592;
    font-size:9pt;
    line-height:1.4;
}
.sr-staged-upload-status{
    display:flex;
    gap:10px;
    align-items:center;
    margin-top:10px;
    padding:10px;
    border:1px solid #dbe3e9;
    border-radius:9px;
    background:#fff;
}
.sr-staged-upload-status[hidden]{
    display:none!important;
}
.sr-staged-upload-status img{
    width:54px;
    height:68px;
    flex:0 0 54px;
    object-fit:cover;
    border-radius:7px;
    background:#eef2f5;
}
.sr-staged-upload-status strong,
.sr-staged-upload-status span{
    display:block;
}
.sr-staged-upload-status strong{
    color:#3d5262;
    font-size:9.5pt;
}
.sr-staged-upload-status span{
    margin-top:2px;
    color:#748592;
    font-size:8.8pt;
}
.sr-staged-upload-status[data-state="uploading"]{
    position:relative;
    padding-left:38px;
    border-color:#cfd9fb;
    background:var(--sr-secondary-soft,#EEF2FF);
}
.sr-staged-upload-status[data-state="uploading"]::before{
    content:"";
    position:absolute;
    left:13px;
    top:50%;
    width:14px;
    height:14px;
    margin-top:-8px;
    border:2px solid rgba(59,86,235,.22);
    border-top-color:var(--sr-secondary,#3B56EB);
    border-radius:50%;
    animation:sr-self-tape-stage-spin .7s linear infinite;
}
.sr-staged-upload-status[data-state="uploaded"]{
    border-color:#cce1d4;
    background:#ecf8f0;
}
.sr-staged-upload-status[data-state="uploaded"] strong{
    color:#176b37;
}
.sr-staged-upload-status[data-state="error"]{
    border-color:#f0cece;
    background:#fff2f2;
}
.sr-staged-upload-status[data-state="error"] strong{
    color:#9b2929;
}
.sr-self-tape-submit-button.is-uploading,
.sr-self-tape-submit-button:disabled{
    opacity:.6!important;
    cursor:wait!important;
}
@keyframes sr-self-tape-stage-spin{
    to{transform:rotate(360deg)}
}

@media(max-width:760px){
    .sr-self-tape-field--name,
    .sr-self-tape-field--email,
    .sr-self-tape-field--phone,
    .sr-self-tape-field--primary-link,
    .sr-self-tape-field--additional-link{
        grid-column:1/-1;
    }
    .sr-self-tape-upload-grid{
        grid-template-columns:1fr;
    }
}
@media(prefers-reduced-motion:reduce){
    .sr-staged-upload-status[data-state="uploading"]::before{
        animation:none;
    }
}


/* v0.19.42 — Self Tape Management page title cleanup */
body.sr-self-tapes-page .sr-page-header{
    display:none!important;
}
body.sr-self-tapes-page .sr-page-wrap{
    padding-top:0!important;
}
body.sr-self-tapes-page .sr-entry-content>.sr-casting-shell{
    margin-top:0!important;
}
body.sr-self-tapes-page .sr-casting-shell>.sr-breadcrumbs{
    margin-top:0!important;
}

/* Background private-note saving */
.sr-submission-private-notes button[disabled]{
    opacity:.65;
    cursor:wait;
}
.sr-ajax-toast{
    position:fixed;
    z-index:999999;
    right:22px;
    bottom:22px;
    display:flex;
    align-items:center;
    gap:9px;
    min-width:220px;
    max-width:min(420px,calc(100vw - 32px));
    padding:12px 15px;
    border:1px solid #cce1d4;
    border-radius:11px;
    background:#ecf8f0;
    color:#176b37;
    box-shadow:0 14px 34px rgba(20,38,54,.18);
    font-size:10pt;
    font-weight:600;
    opacity:0;
    transform:translateY(10px);
    transition:opacity .18s ease,transform .18s ease;
}
.sr-ajax-toast.is-visible{
    opacity:1;
    transform:translateY(0);
}
.sr-ajax-toast.is-error{
    border-color:#efcaca;
    background:#fff0f0;
    color:#9b2929;
}
.sr-ajax-toast-icon{
    display:grid;
    place-items:center;
    width:22px;
    height:22px;
    flex:0 0 22px;
    border-radius:50%;
    background:currentColor;
    color:#fff;
    font-size:12px;
    line-height:1;
}
.sr-ajax-toast-icon::first-letter{
    color:#fff;
}
@media(max-width:600px){
    .sr-ajax-toast{
        left:16px;
        right:16px;
        bottom:16px;
        max-width:none;
    }
}
@media(prefers-reduced-motion:reduce){
    .sr-ajax-toast{
        transition:none;
    }
}


/* v0.19.43 — public casting page-view analytics */
.sr-self-tape-analytics-summary{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:-4px 0 18px;
}
.sr-self-tape-analytics-summary span{
    display:inline-flex;
    align-items:baseline;
    gap:4px;
    padding:6px 9px;
    border:1px solid #dce4ea;
    border-radius:999px;
    background:#fff;
    color:#677986;
    font-size:9pt;
}
.sr-self-tape-analytics-summary strong{
    color:#334b5d;
    font-size:10pt;
}
.sr-role-view-breakdown{
    color:#71818d!important;
}


/* v0.19.44 — contrast fix for dark public self-tape buttons */
.sr-self-tape-public .sr-sides-card a,
.sr-self-tape-public .sr-sides-card a:link,
.sr-self-tape-public .sr-sides-card a:visited,
.sr-self-tape-public .sr-sides-card a:hover,
.sr-self-tape-public .sr-sides-card a:focus,
.sr-self-tape-public .sr-sides-card a:active{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}
.sr-self-tape-public .sr-sides-card a *{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}

/* v0.19.75 — keep outlined secondary actions readable on their white background. */
.sr-self-tape-public .sr-casting-secondary,
.sr-self-tape-public .sr-casting-secondary:link,
.sr-self-tape-public .sr-casting-secondary:visited,
.sr-self-tape-public .sr-casting-secondary:hover,
.sr-self-tape-public .sr-casting-secondary:focus,
.sr-self-tape-public .sr-casting-secondary:active{
    background:#fff!important;
    border-color:#d5dfe6!important;
    color:#243746!important;
    -webkit-text-fill-color:#243746!important;
}
.sr-self-tape-public .sr-casting-secondary *{
    color:#243746!important;
    -webkit-text-fill-color:#243746!important;
}


/* v0.19.45 — remove generic "Self Tape" page title above public casting breadcrumbs */
body.sr-public-self-tape-page .sr-page-header{
    display:none!important;
}
body.sr-public-self-tape-page .sr-page-wrap{
    padding-top:0!important;
}
body.sr-public-self-tape-page .sr-entry-content>.sr-self-tape-public{
    margin-top:0!important;
}
body.sr-public-self-tape-page .sr-self-tape-public>.sr-breadcrumbs{
    margin-top:0!important;
}


/* v0.19.46 — give public self-tape breadcrumbs breathing room below main nav */
body.sr-public-self-tape-page .sr-self-tape-public>.sr-breadcrumbs{
    margin-top:14px!important;
}


/* v0.19.48 — give Self Tape Management breadcrumbs more space below main nav */
body.sr-self-tapes-page .sr-casting-shell>.sr-breadcrumbs{
    margin-top:14px!important;
}


/* v0.19.49 — remove duplicate top page titles from Productions and Acting & Voice Roles */
body.sr-productions-page .sr-page-header,
body.sr-acting-roles-page .sr-page-header{
    display:none!important;
}

body.sr-productions-page .sr-page-wrap,
body.sr-acting-roles-page .sr-page-wrap{
    padding-top:0!important;
}

body.sr-productions-page .sr-entry-content>.sr-casting-shell,
body.sr-acting-roles-page .sr-entry-content>.sr-casting-shell{
    margin-top:0!important;
}

body.sr-productions-page .sr-casting-shell>.sr-breadcrumbs,
body.sr-acting-roles-page .sr-casting-shell>.sr-breadcrumbs{
    margin-top:14px!important;
}
