.director-logo { font-size: 30px; font-weight: 700; letter-spacing: -1.5px; text-decoration: none; }
.director-dot { color: #9f96dc; }
.navbar-brand-box .director-logo { line-height: 70px; color: #fff; }
.director-welcome { background: linear-gradient(110deg, #fff 55%, #eeebfa); }
.director-search { max-width: 380px; }
.director-error { max-width: 620px; }
html[data-sidebar-size="sm"] .navbar-brand-box .director-logo { font-size: 12px; letter-spacing: -.5px; }
html[data-sidebar-size="sm"] .menu-title { display: none; }
@media (max-width: 575px) { .navbar-header { padding: 0 10px; } .director-search { max-width: 100%; } }

.director-user { max-width: 220px; min-width: 0; }
@media (max-width: 575px) { .director-user { max-width: 110px; } }
.table-responsive { position: relative; }
.director-image-thumb { width: 72px; height: 60px; object-fit: contain; border-radius: 4px; background: #f2f2f7; }
.director-image-preview { display: block; width: 100%; height: 240px; object-fit: contain; background: #f2f2f7; border-radius: 4px; }
.director-image-empty { height: 240px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; background: #f2f2f7; border-radius: 4px; }
.director-redirect-url { display: block; min-width: 160px; max-width: 240px; overflow-wrap: anywhere; }
.director-country-options { max-height: 240px; overflow-y: auto; }
.director-country-picker .form-select { cursor: pointer; }
.director-prompt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-width: 320px; min-width: 160px; overflow-wrap: anywhere; }
.director-generation-preview { display: block; width: 100%; max-width: 480px; height: 240px; object-fit: contain; background: #f2f2f7; border-radius: 4px; }

.director-static-image-name { min-width: 180px; max-width: 320px; }

.director-static-images .text-muted,
.director-static-images .form-text,
.director-static-images .form-control::placeholder { color: var(--vz-heading-color) !important; opacity: 1; }

.director-product-name { min-width: 180px; max-width: 320px; }
.director-product-sku { min-width: 100px; max-width: 180px; }
.director-shop-products .text-muted,
.director-shop-products .form-text,
.director-shop-products .form-control::placeholder { color: var(--vz-heading-color) !important; opacity: 1; }