/* StudyBuddy Moodle Plugin Styles */

/* Fullscreen layout */
#studybuddy-root {
    width: 100%;
    min-height: 80vh;
    background: #f8f9fa;
}

/* Color system from existing app */
:root {
    --navy: #1a2a5e;
    --royal-blue: #2563EB;
    --amber: #F59E0B;
    --red: #DC2626;
    --olive: #65A30D;
    --gray-50: #f9fafb;
    --gray-100: #f3f4f6;
    --gray-200: #e5e7eb;
    --gray-300: #d1d5db;
    --gray-700: #374151;
    --gray-800: #1f2937;
    --gray-900: #111827;
}

/* Remove Moodle default margins for fullscreen experience */
#page-local-studybuddy-index #region-main {
    padding: 0;
}

#page-local-studybuddy-index .container-fluid {
    padding: 0;
}

/* Ensure React app takes full width */
#page-local-studybuddy-index #page-content {
    max-width: 100%;
    padding: 0;
}

/* StudyBuddy course-level button (far right of course title row) */
.studybuddy-course-btn {
    background-color: #3165ae !important;
    color: white !important;
    border-radius: 5px;
    font-size: 13px;
    padding: 5px 14px;
    white-space: nowrap;
    text-decoration: none !important;
    flex-shrink: 0;
}
.studybuddy-course-btn:hover {
    background-color: #1557b0 !important;
    color: white !important;
}

/* StudyBuddy unit section button (far right of section header row) */
.studybuddy-unit-btn {
    background-color: #3165ae !important;
    color: white !important;
    border-radius: 5px;
    font-size: 12px;
    padding: 4px 12px;
    white-space: nowrap;
    text-decoration: none !important;
    flex-shrink: 0;
    align-self: center;
}
.studybuddy-unit-btn:hover {
    background-color: #1557b0 !important;
    color: white !important;
}

/* StudyBuddy lesson/activity button (in activity grid row) */
.studybuddy-lesson-btn {
    background-color: #3165ae !important;
    color: white !important;
    border-radius: 4px;
    font-size: 11px;
    padding: 3px 10px;
    white-space: nowrap;
    text-decoration: none !important;
    align-self: start;
    margin-left: auto;
}
.studybuddy-lesson-btn:hover {
    background-color: #1557b0 !important;
    color: white !important;
}