/* Upgrade is a footer of the existing upload panel, not a second promotional card. */
.manual-video-bulk-action.manual-video-audio-action:has(.manual-pro-duration:not([hidden])) { display: grid; grid-template-columns: minmax(0,1fr) minmax(240px,330px); }
.manual-pro-duration { grid-column: 1 / -1; min-width: 0; padding-top: 16px; border-top: 1px solid var(--sia-line); color: var(--sia-text); }
.manual-pro-duration[hidden] { display: none; }
.manual-basic-offer-meter { height: 10px; margin-top: 14px; border-radius: 999px; background: linear-gradient(90deg,var(--sia-teal),var(--sia-teal-dark)); }
.manual-basic-offer .manual-basic-offer-details { margin-top: 6px; font-size: 12px; }
.manual-pro-duration-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.manual-pro-duration-head > div:first-child { min-width: 0; }
.manual-pro-duration-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.manual-pro-duration-actions > a[hidden] { display: none; }
.manual-pro-duration h3 { color: var(--sia-heading); font-size: 17px; font-weight: 800; line-height: 1.3; margin: 0 0 4px; }
.manual-pro-duration p { color: var(--sia-muted); font-size: 13px; line-height: 1.5; margin: 0; }
.manual-video-audio-action .manual-pro-duration .button { box-sizing: border-box; flex: 0 0 auto; width: auto; min-width: 0; min-height: 44px; padding: 10px 16px; gap: 10px; color: var(--sia-teal-dark); border: 1px solid var(--sia-teal); background: var(--sia-teal-soft); text-decoration: none; }
.manual-pro-duration-actions .button { transition: background .2s ease, border-color .2s ease, box-shadow .2s ease; }
.manual-pro-duration-actions #manualProDurationLink { color: var(--sia-teal-dark); background: var(--sia-surface); border-color: var(--sia-teal); }
.manual-pro-duration-actions #manualUltimateDurationLink { color: var(--sia-teal-dark); background: var(--sia-teal-soft); border-color: var(--sia-teal); box-shadow: inset 0 1px 0 color-mix(in srgb,var(--sia-surface) 45%,transparent), 0 4px 12px color-mix(in srgb,var(--sia-teal) 10%,transparent); }
/* Shared dark secondary buttons use !important; preserve these scoped upgrade accents. */
html[data-theme="dark"] .manual-pro-duration-actions #manualProDurationLink { color: var(--sia-teal-dark) !important; background-color: var(--sia-surface) !important; border-color: var(--sia-teal) !important; }
html[data-theme="dark"] .manual-pro-duration-actions #manualUltimateDurationLink { color: var(--sia-teal-dark) !important; background-color: var(--sia-teal-soft) !important; border-color: var(--sia-teal) !important; }
.manual-pro-duration-actions .manual-duration-button-icon { width: 20px; height: 20px; flex: 0 0 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.manual-pro-duration-actions .manual-duration-arrow { transition: transform .2s ease; }
.manual-pro-duration-actions .button:hover { border-color: var(--sia-teal-dark); box-shadow: 0 4px 14px color-mix(in srgb,var(--sia-teal) 18%,transparent); }
.manual-pro-duration-actions .button:hover .manual-duration-arrow { transform: translateX(3px); }
.manual-pro-duration .button:focus-visible { outline: 2px solid var(--sia-teal); outline-offset: 3px; }
.manual-pro-duration-scale { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 6px 0; margin-top: 12px; font-size: 11px; font-weight: 600; color: var(--sia-muted); }
.manual-pro-duration-scale .manual-duration-track { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 4px; grid-column: 1 / -1; height: 12px; }
.manual-duration-track > span { display: block; min-width: 0; height: 100%; box-sizing: border-box; border-radius: 4px; }
.manual-duration-track .manual-duration-basic { background: var(--sia-teal); border-radius: 999px 4px 4px 999px; }
.manual-duration-track .manual-duration-pro { border: 1px solid var(--sia-line-strong); background: repeating-linear-gradient(135deg,var(--sia-surface-soft),var(--sia-surface-soft) 5px,var(--sia-line-strong) 5px,var(--sia-line-strong) 6px); }
.manual-duration-track .manual-duration-ultimate { border: 1px solid var(--sia-teal); background: var(--sia-teal-soft); border-radius: 4px 999px 999px 4px; }
.manual-pro-duration-scale > span { display: flex; flex-direction: column; align-items: center; gap: 2px; text-align: center; }
.manual-pro-duration-scale > span[hidden] { display: none; }
.manual-pro-duration-scale b { font-size: 12px; }
.manual-pro-duration[data-current-plan="pro"] .manual-pro-duration-scale { grid-template-columns: 3fr 1fr; }
.manual-pro-duration[data-current-plan="pro"] .manual-duration-track { grid-template-columns: 3fr 1fr; }
.manual-pro-duration[data-current-plan="pro"] .manual-duration-track .manual-duration-basic { display: none; }
.manual-pro-duration[data-current-plan="pro"] .manual-duration-track .manual-duration-pro { background: var(--sia-teal); border-color: var(--sia-teal); border-radius: 999px 4px 4px 999px; }
.manual-pro-duration[data-current-plan="basico"] #manualDurationBasicMarker,
.manual-pro-duration[data-current-plan="pro"] .manual-pro-duration-scale > span:nth-of-type(2) { color: var(--sia-heading); }
.manual-pro-duration-scale > span:last-child { color: var(--sia-teal-dark); }
@media (max-width: 900px) {
  .manual-video-bulk-action.manual-video-audio-action:has(.manual-pro-duration:not([hidden])) { grid-template-columns: minmax(0,1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .manual-pro-duration-actions .button, .manual-pro-duration-actions .manual-duration-arrow { transition: none; }
}
@media (max-width: 600px) {
  .manual-pro-duration-head { align-items: stretch; flex-direction: column; gap: 12px; }
  .manual-pro-duration-actions { justify-content: stretch; }
  .manual-video-audio-action .manual-pro-duration .button { width: 100%; justify-content: center; }
}