/* Scoped priority overrides the legacy billing important declarations. */
/* A single editing surface, with totals and previews in a quiet summary rail. */
.vidu-billing-modal.corvion-billing-composer {
  --billing-ink: #eeeef2; --billing-muted: #9c9da8; --billing-line: rgba(255,255,255,.08);
  --billing-field: rgba(255,255,255,.045); --billing-surface: #19191e;
  width: min(1480px, 94vw) !important; height: 90dvh !important; max-height: 90dvh !important;
  color: var(--billing-ink) !important; border-radius: 26px !important; border: 1px solid var(--billing-line) !important;
  background: linear-gradient(145deg,rgba(38,38,45,.97),rgba(19,19,24,.98)) !important;
  box-shadow: 0 36px 100px #0007, inset 0 1px 0 #ffffff0d !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  container: billing-composer / inline-size !important;
}
.vidu-billing-modal.corvion-billing-composer *, .vidu-billing-modal.corvion-billing-composer *::before { box-sizing: border-box !important; }
.vidu-billing-modal.corvion-billing-composer [hidden] { display: none !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-header { padding: 20px 28px !important; background: #ffffff02 !important; gap: 20px !important; align-items: center !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-header > div:first-child { min-width: 0 !important; flex: 1 !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-header h2 { margin: 3px 0 !important; }
.vidu-billing-modal.corvion-billing-composer .corvion-billing-title { width: 100% !important; max-width: 680px !important; min-width: 0 !important; padding: 3px 6px !important; margin-left: -6px !important; border: 1px solid transparent !important; border-radius: 8px !important; background: transparent !important; color: var(--billing-ink) !important; font: 600 26px/1.3 -apple-system,BlinkMacSystemFont,sans-serif !important; letter-spacing: -.6px !important; }
.vidu-billing-modal.corvion-billing-composer .corvion-billing-title:hover { background: var(--billing-field) !important; }
.vidu-billing-modal.corvion-billing-composer .corvion-billing-title:focus-visible { outline: 2px solid #a595f0 !important; outline-offset: 2px !important; background: var(--billing-field) !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-header p { margin: 3px 0 0 !important; font-size: 12px !important; color: var(--billing-muted) !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-header-side > strong { display: none !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-scroll { padding: 0 !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-form { display: grid !important; grid-template-columns: minmax(0, 1fr) 340px !important; gap: 0 !important; margin: 0 !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-grid { display: flex !important; flex-direction: column !important; gap: 0 !important; min-width: 0 !important; padding: 22px 28px !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-grid > * { width: 100% !important; min-width: 0 !important; order: initial !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-panel { background: none !important; border: 0 !important; border-radius: 0 !important; padding: 20px 0 !important; box-shadow: none !important; min-width: 0 !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-grid > .vidu-billing-panel { border-top: 1px solid var(--billing-line) !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-panel-head { margin-bottom: 14px !important; min-height: 22px !important; gap: 8px !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-panel-head > span { font-size: 14px !important; font-weight: 600 !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-panel-head small { color: var(--billing-muted) !important; font-size: 10px !important; }
.vidu-billing-modal.corvion-billing-composer .corvion-billing-identity { padding: 0 0 20px !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-provider-card { border: 0 !important; border-radius: 0 !important; background: none !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-provider-card img { width: 36px !important; height: 36px !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-provider-card span { font-size: 11px !important; line-height: 1.5 !important; color: var(--billing-muted) !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-field-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 12px !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-field-grid label { color: var(--billing-muted) !important; font-size: 11px !important; font-weight: 500 !important; gap: 6px !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-field-grid .is-wide { grid-column: auto !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-form :is(input,select,textarea) { min-width: 0 !important; border: 1px solid var(--billing-line) !important; border-radius: 9px !important; background: var(--billing-field) !important; color: var(--billing-ink) !important; box-shadow: none !important; font: 13px/1.4 -apple-system,BlinkMacSystemFont,sans-serif !important; padding: 9px 10px !important; color-scheme: dark !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-form :is(input,select) { height: 38px !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-form :is(input,select,textarea):focus { border-color: #aa97ed !important; outline: 2px solid #aa97ed40 !important; outline-offset: 1px !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-note-label textarea { height: 60px !important; min-height: 60px !important; resize: vertical !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-item-edit-head,
.vidu-billing-modal.corvion-billing-composer .vidu-billing-item-edit-row { grid-template-columns: minmax(140px,1fr) 52px repeat(2,minmax(70px,.5fr)) 62px minmax(66px,.4fr) minmax(76px,.5fr) 26px !important; gap: 7px !important; min-width: 680px !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-item-edit-row { background: none !important; padding: 10px 0 !important; border-bottom: 1px solid var(--billing-line) !important; border-radius: 0 !important; align-items: end !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-item-edit-head { font-size: 9px !important; letter-spacing: .3px !important; padding: 0 0 6px !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-item-title-field small { display: none !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-lines { max-height: none !important; overflow-x: auto !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-lines > .vidu-billing-line-head { display: none !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-item-actions { display: flex !important; justify-content: center !important; padding: 12px 0 2px !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-add-row-inline { width: 34px !important; height: 34px !important; min-width: 34px !important; padding: 0 !important; border: none !important; border-radius: 999px !important; background: var(--billing-field) !important; color: var(--billing-muted) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font: 22px/1 -apple-system,sans-serif !important; cursor: pointer !important; box-shadow: none !important; transition: background .16s,color .16s,transform .16s !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-add-row-inline:hover { background: #ffffff16 !important; color: var(--billing-ink) !important; transform: translateY(-1px) !important; }
.vidu-billing-modal.corvion-billing-composer button:focus-visible { outline: 2px solid #aa97ed !important; outline-offset: 3px !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-preview-grid { display: block !important; min-width: 0 !important; padding: 26px 22px !important; margin: 0 !important; border-left: 1px solid var(--billing-line) !important; background: #00000012 !important; }
.vidu-billing-modal.corvion-billing-composer .corvion-billing-summary > span { color: var(--billing-muted) !important; font-size: 12px !important; }
.vidu-billing-modal.corvion-billing-composer [data-billing-payable] { display: block !important; font-size: 34px !important; letter-spacing: -1px !important; margin: 8px 0 22px !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-preview-totals { padding: 0 0 20px !important; margin: 0 !important; border: 0 !important; font-size: 12px !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-preview-totals > div { padding: 4px 0 !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-preview-totals span { color: var(--billing-muted) !important; }
.vidu-billing-modal.corvion-billing-composer .corvion-billing-preview-tabs { display: flex !important; padding: 3px !important; gap: 3px !important; border: 1px solid var(--billing-line) !important; border-radius: 999px !important; background: #00000018 !important; }
.vidu-billing-modal.corvion-billing-composer .corvion-billing-preview-tabs button { flex: 1 !important; padding: 8px 4px !important; border: 0 !important; border-radius: 999px !important; background: transparent !important; color: var(--billing-muted) !important; font: 500 11px/1.3 -apple-system,sans-serif !important; cursor: pointer !important; }
.vidu-billing-modal.corvion-billing-composer .corvion-billing-preview-tabs [aria-selected="true"] { color: var(--billing-ink) !important; background: #ffffff12 !important; box-shadow: 0 2px 5px #0002,inset 0 1px 0 #ffffff12 !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-preview-lines { max-height: none !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-preview-lines .vidu-billing-line { grid-template-columns: minmax(0,1fr) auto !important; padding: 12px 0 !important; background: none !important; border: 0 !important; border-bottom: 1px solid var(--billing-line) !important; border-radius: 0 !important; gap: 8px !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-preview-lines .vidu-billing-line > span { display: none !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-line strong { font-size: 12px !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-a4-preview { width: 100% !important; min-height: 0 !important; padding: 16px !important; border-radius: 10px !important; overflow-x: auto !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-a4-preview p { font-size: 10px !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-certificate-row { grid-template-columns: minmax(65px,1fr) 24px repeat(3,44px) !important; font-size: 8px !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-certificate-row strong { font-size: 8px !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-log { margin-top: 8px !important; padding: 12px 0 !important; background: none !important; border: 0 !important; border-top: 1px solid var(--billing-line) !important; border-radius: 0 !important; box-shadow: none !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-action-bar { flex: 0 0 auto !important; padding: 14px 24px !important; background: #ffffff04 !important; backdrop-filter: blur(24px) !important; border-top: 1px solid var(--billing-line) !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-primary { border-radius: 999px !important; padding: 10px 18px !important; background: linear-gradient(#a28be7,#8168cb) !important; color: #fff !important; border: 1px solid #ffffff25 !important; box-shadow: 0 4px 14px #0002,inset 0 1px 0 #ffffff20 !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-secondary { border-radius: 999px !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-links { font-size: 11px !important; gap: 12px !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-links .is-disabled { display: none !important; }
.vidu-billing-modal.corvion-billing-composer.is-focus-mode .vidu-billing-form { display: block !important; }
.vidu-billing-modal.corvion-billing-composer.is-focus-mode :is(.corvion-billing-identity,.corvion-billing-summary,.corvion-billing-preview-tabs) { display: none !important; }
.vidu-billing-modal.corvion-billing-composer.is-focus-mode .vidu-billing-preview-grid { border: 0 !important; }
.vidu-billing-modal.corvion-billing-composer.is-focus-mode .vidu-billing-grid:not(:has(.is-focus-active)),
.vidu-billing-modal.corvion-billing-composer.is-focus-mode .vidu-billing-preview-grid:not(:has(.is-focus-active)) { display: none !important; }
@container billing-composer (max-width: 1120px) {
 .vidu-billing-modal.corvion-billing-composer .vidu-billing-form { grid-template-columns: minmax(0,1fr) 290px !important; }
 .vidu-billing-modal.corvion-billing-composer .vidu-billing-field-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
 .vidu-billing-modal.corvion-billing-composer .vidu-billing-grid { padding: 20px !important; }
}
@container billing-composer (max-width: 860px) {
 .vidu-billing-modal.corvion-billing-composer .vidu-billing-form { grid-template-columns: minmax(0,1fr) !important; }
 .vidu-billing-modal.corvion-billing-composer .vidu-billing-preview-grid { border-left: 0 !important; border-top: 1px solid var(--billing-line) !important; }
 .vidu-billing-modal.corvion-billing-composer .vidu-billing-action-bar { flex-wrap: wrap !important; }
 .vidu-billing-modal.corvion-billing-composer .vidu-billing-links { width: 100% !important; }
}
@container billing-composer (max-width: 480px) {
 .vidu-billing-modal.corvion-billing-composer .vidu-billing-header { padding: 16px !important; gap: 8px !important; }
 .vidu-billing-modal.corvion-billing-composer .corvion-billing-title { font-size: 22px !important; }
 .vidu-billing-modal.corvion-billing-composer .vidu-billing-grid { padding: 16px !important; }
 .vidu-billing-modal.corvion-billing-composer .vidu-billing-field-grid { grid-template-columns: minmax(0,1fr) !important; }
 .vidu-billing-modal.corvion-billing-composer .vidu-billing-actions { width: 100% !important; justify-content: flex-end !important; flex-wrap: wrap !important; }
 .vidu-billing-modal.corvion-billing-composer .vidu-billing-action-bar { padding: 12px !important; }
 .vidu-billing-modal.corvion-billing-composer .vidu-billing-panel-head { flex-wrap: wrap !important; }
}
[data-vidu-theme="light"] .vidu-billing-modal.corvion-billing-composer {
 --billing-ink: #25232d; --billing-muted: #72717d; --billing-line: #00000012; --billing-field: #ffffffa8;
 background: linear-gradient(145deg,#f6f5f9,#eae9ef) !important; color: var(--billing-ink) !important;
}
[data-vidu-theme="light"] .vidu-billing-modal.corvion-billing-composer .vidu-billing-form :is(input,select,textarea) { color-scheme: light !important; }
@media(prefers-reduced-motion:reduce) { .vidu-billing-modal.corvion-billing-composer .vidu-add-row-inline { transition: none !important; transform: none !important; } }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-certificate-panel,
.vidu-billing-modal.corvion-billing-composer .vidu-billing-invoice-preview { height: auto !important; min-height: 0 !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-a4-preview { height: auto !important; max-height: none !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-header { flex-direction: row !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-provider-card { display:flex !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-panel { height: auto !important; overflow: visible !important; flex: 0 0 auto !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-grid > * { flex-shrink: 0 !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-form :is(input,select) { min-height: 38px !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-header-side { min-width: 0 !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-action-bar { display:flex !important; flex-wrap:wrap !important; justify-content:space-between !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-form-message:empty { display:none !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-form-message:not(:empty) { width:100% !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-item-edit-head { position:static !important; }

.vidu-billing-modal.corvion-billing-composer .vidu-billing-item-edit-head { background:none !important; border:0 !important; border-radius:0 !important; height:auto !important; min-height:20px !important; }
.vidu-billing-modal.corvion-billing-composer.is-focus-mode .is-focus-muted { display:none !important; }
.vidu-billing-modal.corvion-billing-composer.is-focus-mode .is-focus-active { max-height:none !important; height:auto !important; box-shadow:none !important; }
/* The shell and the editor share one size: no empty strip outside the editor. */
#vidu-app-modal.vidu-billing-modal-shell .vidu-app-modal-dialog { width:min(1480px,94vw) !important; height:90dvh !important; max-height:calc(100dvh - 24px) !important; position:relative; }
#vidu-app-modal.vidu-billing-modal-shell .vidu-billing-modal.corvion-billing-composer { width:100% !important; height:100% !important; max-height:none !important; }
#vidu-app-modal.vidu-billing-modal-shell .vidu-app-modal-body { height:100% !important; max-height:none !important; }
#vidu-app-modal.vidu-billing-modal-shell .corvion-billing-sized,
.vidu-billing-modal.corvion-billing-composer.corvion-billing-sized { position:fixed !important; margin:0 !important; transform:none !important; width:var(--billing-window-width) !important; height:var(--billing-window-height) !important; left:var(--billing-window-left) !important; top:var(--billing-window-top) !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-form { grid-template-columns:minmax(0,1fr) var(--billing-sidebar-width,340px) !important; }
.vidu-billing-modal.corvion-billing-composer .vidu-billing-preview-grid { position:relative !important; }
.vidu-billing-modal.corvion-billing-composer :is(.vidu-billing-panel,.vidu-billing-provider-card,.vidu-billing-log):hover { background:transparent !important; box-shadow:none !important; }
.vidu-billing-modal.corvion-billing-composer .corvion-app-header-detach { appearance:none; display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; padding:7px; border-radius:10px; border:1px solid var(--billing-line); background:var(--billing-field); color:var(--billing-muted); cursor:pointer; }
.vidu-billing-modal.corvion-billing-composer .corvion-app-header-detach svg { width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7; }
.vidu-billing-modal.corvion-billing-composer .corvion-app-header-detach:hover { background:#ffffff12;color:var(--billing-ink); }
.corvion-billing-divider { position:absolute;z-index:40;left:-5px;top:0;bottom:0;width:10px;cursor:col-resize;touch-action:none; }
.corvion-billing-divider:hover::after,.corvion-billing-divider:focus-visible::after { content:"";position:absolute;inset:0 4px;background:#a28be7; }
.corvion-billing-resize { position:absolute;z-index:100;touch-action:none; }
.corvion-billing-resize.is-e { right:0;top:14px;bottom:14px;width:6px;cursor:ew-resize; }
.corvion-billing-resize.is-w { left:0;top:14px;bottom:14px;width:6px;cursor:ew-resize; }
.corvion-billing-resize.is-s { bottom:0;left:14px;right:14px;height:6px;cursor:ns-resize; }
.corvion-billing-resize.is-n { top:0;left:14px;right:14px;height:6px;cursor:ns-resize; }
.corvion-billing-resize:is(.is-se,.is-sw,.is-ne,.is-nw) { width:16px;height:16px; }
.corvion-billing-resize.is-se { right:0;bottom:0;cursor:nwse-resize; }
.corvion-billing-resize.is-sw { left:0;bottom:0;cursor:nesw-resize; }
.corvion-billing-resize.is-ne { right:0;top:0;cursor:nesw-resize; }
.corvion-billing-resize.is-nw { left:0;top:0;cursor:nwse-resize; }
.vidu-billing-modal.corvion-billing-composer .corvion-billing-paper-sheet { background:#f8f7f3;color:#262630;border-radius:8px;padding:18px;min-height:380px;box-shadow:0 8px 28px #0003;font-size:10px;line-height:1.5;overflow-wrap:anywhere; }
.vidu-billing-modal.corvion-billing-composer .corvion-billing-paper-sheet strong { color:#262630 !important;font-size:11px !important; }
.vidu-billing-modal.corvion-billing-composer .corvion-billing-paper-sheet span { color:#666570 !important; }
.vidu-billing-modal.corvion-billing-composer .corvion-billing-paper-sheet .vidu-billing-document-logo { max-width:70px;max-height:32px; }
.vidu-billing-modal.corvion-billing-composer .corvion-billing-paper-sheet .vidu-billing-certificate-row { display:grid;grid-template-columns:minmax(55px,1fr) 22px repeat(3,minmax(30px,.5fr)) !important;gap:4px;font-size:8px !important; }
.vidu-billing-modal.corvion-billing-composer .corvion-billing-paper-sheet .vidu-billing-certificate-row strong { font-size:8px !important; }
.vidu-billing-modal.corvion-billing-composer .corvion-billing-paper-sheet .vidu-billing-certificate-totals { font-size:9px;gap:8px; }
.vidu-billing-modal.corvion-billing-composer .corvion-billing-paper-note { margin-top:28px;color:#777580;font-size:9px; }
@container billing-composer (max-width:860px) {
 .vidu-billing-modal.corvion-billing-composer .vidu-billing-form { grid-template-columns:minmax(0,1fr) !important; }
 .corvion-billing-divider { display:none; }
}
.vidu-billing-modal.corvion-billing-composer.is-focus-mode .corvion-billing-divider { display:none; }