body.workspace-page .content .floating-description { margin-top: 7px; }
body.workspace-page .content button.description-trigger {
    min-height: 30px;
    padding: 3px 0;
    border: 0;
    border-radius: 3px;
    background: transparent;
    box-shadow: none;
    color: #176daa;
    font-size: 0.875rem;
    font-weight: 600;
    text-align: left;
    text-decoration: underline;
    text-underline-offset: 3px;
}
body.workspace-page .content button.description-trigger:hover { background: transparent; color: #104e7d; }
.description-trigger:focus-visible, .floating-description-panel:focus-visible, .floating-description-panel button:focus-visible { outline: 2px solid #168ddc; outline-offset: 3px; }
body.workspace-page .floating-description-panel {
    position: fixed;
    z-index: 250;
    width: min(380px, calc(100vw - 24px));
    max-height: min(420px, calc(100dvh - 24px));
    overflow-y: auto;
    overscroll-behavior: contain;
    box-sizing: border-box;
    padding: 17px;
    border: 1px solid #cfe1f0;
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 12px 38px #10244926;
    color: #344d6b;
    font-size: 0.875rem;
    line-height: 1.6;
    text-align: left;
    overflow-wrap: anywhere;
    animation: description-fade-in 140ms ease-out;
}
.floating-description-panel[hidden] { display: none; }
body.workspace-page .content button.material-stock-open.description-trigger { min-height: 30px; padding: 0; color: #344b6b; font-size: 0.8125rem; text-decoration: none; }
.floating-description-panel .material-stock-modal-list { list-style: none; margin: 12px 0 0; padding: 0; }
.floating-description-panel .material-stock-modal-list li { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-bottom: 1px solid #e3edf6; }
.floating-description-panel .material-stock-modal-list li:last-child { border-bottom: 0; }
.floating-description-panel .material-stock-modal-list a { color: #176b9c; overflow-wrap: anywhere; }
.floating-description-panel .material-stock-modal-list li > span { color: #617b98; text-align: right; overflow-wrap: anywhere; }
.floating-description-panel .description-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; color: #102449; font-size: 0.9375rem; }
.floating-description-panel .description-copy { margin: 12px 0 0; white-space: pre-line; }
.floating-description-panel .description-materials { margin-top: 12px; padding-top: 12px; border-top: 1px solid #e6eef7; font-size: 0.8125rem; }
.floating-description-panel .description-materials ul { margin: 6px 0 0; padding-left: 18px; }
@keyframes description-fade-in { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { body.workspace-page .floating-description-panel { animation: none; } }
