#vendor-products-view { display:flex; flex-direction:column; flex:1; min-height:0; }
#vendor-products-view > .page-heading, #vendor-products-view > .list-tools, #vendor-products-result { flex:none; }
#vendor-products-view > .license-list { flex:1; min-height:0; }
#vendor-products-table thead { position:sticky; top:0; z-index:1; background:var(--panel); }
#vendor-products-table td { vertical-align:top; padding-block:5.5px; line-height:1.15; }
#vendor-products-table td:first-child { font-weight:700; }
#vendor-products-table td:first-child .cell-secondary { font-weight:400; }
#vendor-products-table td:nth-child(2) { color:var(--muted); }
#vendor-products-table td .icon-button { display:inline-flex; align-items:center; padding-block:.4px; }
#vendor-products-table td .cell-secondary { margin-top:0; line-height:1; }
#vendor-products-table .vp-non-normal td { color:var(--muted); }
#vendor-products-view { --vp-parent-text:#b2d6e5; --vp-child-text:#e6e3d2; }
:root[data-theme="light"] #vendor-products-view { --vp-parent-text:#426879; --vp-child-text:#716a48; }
#vendor-products-table .vp-parent-product:not(.vp-deleted) td,
#vendor-products-table .vp-parent-product:not(.vp-deleted) .cell-secondary { color:var(--vp-parent-text); }
#vendor-products-table .vp-child-product:not(.vp-deleted) td,
#vendor-products-table .vp-child-product:not(.vp-deleted) .cell-secondary { color:var(--vp-child-text); }
#vendor-products-table .vp-inherited { font-size:11px; font-style:italic; color:var(--muted); }
#vendor-products-table .vp-ids { white-space:pre-line; color:var(--muted); }
#vendor-products-table th:nth-child(9) { width:1%; white-space:normal; }
#vendor-products-table td:nth-child(10) { font-size:11px; color:var(--muted); }
#vendor-products-view .vp-search { margin:0; width:min(320px,100%); }
#vendor-products-view .vp-vendor { margin:0; width:min(220px,100%); }
#vendor-products-view .vp-family { margin:0; width:min(180px,100%); }
#vendor-products-view .list-tools { align-items:end; }
#vendor-products-dialog { width:min(680px,calc(100vw - 32px)); max-height:90dvh; padding:0; overflow:hidden; }
#vendor-products-dialog[open] { display:flex; flex-direction:column; }
#vendor-products-dialog > .dialog-heading { flex:none; padding:18px 20px; border-bottom:1px solid var(--border); }
:root:not([data-theme="light"]) #vendor-products-dialog > .dialog-heading { background:var(--selection); }
#vendor-products-form { display:flex; flex-direction:column; min-height:0; }
#vendor-products-form .form-scroll { overflow-y:auto; }
#vendor-products-form .dialog-footer { flex:none; padding:14px 20px; margin:0; border-top:1px solid var(--border); }
#vendor-products-form .vp-builds > label { margin:0; }
#vendor-products-form .vp-builds { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
#vendor-products-form .vp-rule { min-width:0; }
#vendor-products-form .vp-rule .inline { flex-direction:row; align-items:center; margin:7px 0 0; }
#vendor-products-form .vp-rule .inline input { width:auto; }
#vendor-products-pid-error, #vendor-products-dgs-error, #vendor-products-editor-result { color:var(--error); white-space:pre-line; }
#vendor-products-editor-result { padding:0 20px; margin:0 0 12px; font-size:12px; }
#vendor-products-editor-result:empty { display:none; }
@media(max-width:600px) { #vendor-products-form .vp-builds { grid-template-columns:1fr; } }

#vendor-products-form .vp-installer-grid > label { min-width:0; }
#vendor-products-form .vp-installer-grid input:not([type=checkbox]), #vendor-products-form .vp-installer-grid textarea, #vendor-products-form .vp-installer-grid select { min-width:0; width:100%; }
#vendor-products-form .vp-install-close { flex-direction:row; align-items:center; gap:8px; align-self:center; }
#vendor-products-form .vp-install-close input { flex:none; width:auto; }

#vendor-products-table .vp-deploy-column { width:1%; text-align:center; }
.vp-deploy-dot { display:inline-block; width:9px; height:9px; border:1.5px solid #e5edf3; border-radius:50%; vertical-align:middle; }
.vp-deploy-dot.ready { background:#55c68b; border-color:#55c68b; }
.vp-deploy-dot.folder { background:#e5bd54; border-color:#e5bd54; }
.vp-deploy-dot.none { background:#e46e78; border-color:#e46e78; }
.vp-deploy-dot.vp-deploy-inherited { background:transparent; }
.vp-deploy-unknown { color:var(--muted); font-size:12px; }

#vendor-products-dialog .vp-editor-title { min-width:0; }
#vendor-products-deploy-details { margin-top:8px; color:var(--muted); font-size:11px; line-height:1.5; overflow-wrap:anywhere; }
:root[data-theme="light"] #vendor-products-deploy-details,
:root[data-theme="light"] #vendor-products-deploy-details .vp-deploy-unknown { color:#fff; }

#vendor-products-stim-status { display:flex; align-items:baseline; gap:8px; margin:14px 0 6px; font-size:12px; line-height:1.5; color:var(--text); }
#vendor-products-stim-status > :first-child { flex:none; }

#vendor-products-table .vp-deleted td { color:var(--muted); }
.vp-deleted-label { display:inline-block; margin-left:8px; font-size:10px; font-weight:400; color:var(--error); border:1px solid currentColor; border-radius:3px; padding:1px 4px; }
#vendor-products-delete-dialog { width:min(680px,calc(100vw - 32px)); max-height:85dvh; padding:0; overflow:auto; }
#vendor-products-delete-dialog > .dialog-heading { padding:18px 20px; border-bottom:1px solid var(--border); }
#vendor-products-delete-dialog .vp-delete-body { padding:0 20px; }
#vendor-products-delete-dialog .dialog-footer { padding:14px 20px; border-top:1px solid var(--border); margin:0; }
#vendor-products-delete-dialog .inline { display:flex; flex-direction:row; align-items:center; gap:8px; }
#vendor-products-delete-dialog .inline input { width:auto; }
#vendor-products-delete-folder, #vendor-products-delete-result { white-space:pre-line; overflow-wrap:anywhere; }
#vendor-products-delete-result { color:var(--error); }
#vendor-products-delete-files-list { max-height:220px; overflow:auto; padding-left:20px; font-size:12px; overflow-wrap:anywhere; }
#vendor-products-delete { margin-right:auto; color:var(--error); }

@media(min-width:401px) {
  #vendor-products-form .vp-version-family, #vendor-products-form .vp-stl-product { grid-column:1; }
  #vendor-products-form .vp-parent { grid-column:2; }
}

#vendor-products-table .vp-grouped-child td:first-child { padding-left:28px; }