/* TVET Action Research Workbench — stylesheet
   Tailwind utility classes are loaded via CDN in the HTML head;
   this file only holds the handful of rules Tailwind can't express. */

.step-locked {
    filter: grayscale(1) opacity(0.4);
    cursor: not-allowed !important;
}

@media print {
    body * { visibility: hidden; }
    .printable-doc, .printable-doc * { visibility: visible; }
    .printable-doc {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        box-shadow: none;
        border: none;
        padding: 0;
    }
    .no-print { display: none !important; }
    /* Force any collapsed <details> (e.g. the Day 3 instrument protocol) fully open when
       printing, so the printed document always includes everything that was generated,
       not just whatever happened to be expanded on screen. */
    .printable-doc details > *:not(summary) { display: block !important; }
    .printable-doc details summary { display: none !important; }
}

/* Cloud project switcher dropdown */
.project-menu {
    position: relative;
}
.project-menu-panel {
    position: absolute;
    right: 0;
    top: calc(100% + 6px);
    width: 300px;
    max-height: 320px;
    overflow-y: auto;
    z-index: 40;
}
.project-menu-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.project-menu-item:hover {
    background-color: #f1f5f9;
}