/* Explicit page requirements override the general responsive typography. */
.asset-detail-panel #assetDetailTags :is(.material-tag-placeholder,.material-tag-chip,.material-tag-options label,.material-tag-options label span,.material-tag-menu input[type="search"],.material-tag-menu input[type="search"]::placeholder) { font-size: 12px; font-weight: 400; }
#canvasContextMenu [data-canvas-context-action="save-to-assets"] { grid-template-columns: 24px max-content max-content; column-gap: 10px; }
#canvasContextMenu [data-canvas-context-action="save-to-assets"] .material-permanent-chip { margin-left: -4px; padding: 0 4px; font-size: 10px; line-height: 16px; }
.view[data-view="assets"] #assetDateSearch { min-width: 62px; font-weight: 400; color: #fff; border-color: transparent; background: linear-gradient(110deg,#00afe9,#53c6ee); }
.view[data-view="assets"] #assetDateSearch:hover { filter: brightness(1.03); }
.view[data-view="assets"] #assetDateSearch:active { transform: translateY(1px); }
.generate-reference-select { touch-action: none; }
.generate-reference-card.is-reference-dragging { opacity: .4; }
.reference-order-marker { position: fixed; z-index: 80; width: 2px; border-radius: 999px; background: #00afe9; pointer-events: none; }
.reference-order-ghost { position: fixed; z-index: 79; width: 76px; height: 76px; border: 1px solid #00afe9; border-radius: var(--rect-radius,8px); background: #fff; object-fit: contain; pointer-events: none; opacity: .9; box-shadow: 0 6px 20px #21334322; }
/* Material detail only: the tight SVG viewBox places visible stroke 12px inside the border. */
.asset-detail-panel .material-detail-select { position: relative; min-width: 0; }
.asset-detail-panel .material-detail-select select { display: block; appearance: none; -webkit-appearance: none; padding-right: 36px; }
.asset-detail-panel .material-detail-chevron-slot { position: absolute; top: 50%; right: 13px; transform: translateY(-50%); display: flex; pointer-events: none; }
.asset-detail-panel :is(.material-detail-chevron-slot,.material-tag-toggle) svg { display: block; width: 8px; height: 8px; flex: none; color: #667085; transition: transform 160ms ease-in-out; }
.asset-detail-panel :is(.material-detail-chevron-slot,.material-tag-toggle) path { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.asset-detail-panel .material-tag-control { position: relative; padding-right: 32px; }
.asset-detail-panel .material-tag-toggle { position: absolute; top: 50%; right: 2px; transform: translateY(-50%); padding: 0; width: 28px; height: 28px; }
.asset-detail-panel .material-detail-select:hover svg,
.asset-detail-panel .material-detail-select select:open + .material-detail-chevron-slot svg,
.asset-detail-panel .material-tag-control:hover .material-tag-toggle svg,
.asset-detail-panel .material-tag-toggle[aria-expanded="true"] svg { color: #00afe9; }
.asset-detail-panel .material-detail-select select:open + .material-detail-chevron-slot svg,
.asset-detail-panel .material-tag-toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
.asset-detail-panel .material-detail-select select:disabled + .material-detail-chevron-slot svg,
.asset-detail-panel .material-tag-toggle:disabled svg { color: #98a2b3; }
@media (prefers-reduced-motion: reduce) {
  .asset-detail-panel :is(.material-detail-chevron-slot,.material-tag-toggle) svg { transition: none; }
}