/*! © 2026 Algo School (algoschool.tn). All Rights Reserved. Build: AS20260202210636 */
@media (max-width:768px) {#calendar-grid,#subjects-panel {display:none;} #daily-view {display:block;} main {flex-direction:column;height:auto;} #schedule-container {overflow-x:hidden;} header {flex-direction:column;gap:1rem;padding:1rem;} .controls-container {flex-direction:column;width:100%;gap:1rem;} .main-controls {display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:0.5rem;width:100%;} .day-navigator {display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--light-gray);border-bottom:1px solid var(--border-color);} .day-navigator button {background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--teal);} #daily-view-date {font-size:1.2rem;font-weight:bold;color:var(--dark-blue);} .daily-slots-container {padding:0.5rem;} .daily-slot {display:flex;border-bottom:1px solid var(--border-color);padding:1rem 0.5rem;gap:1rem;align-items:flex-start;} .daily-slot-time {font-weight:bold;color:var(--gray);width:80px;} .daily-slot-content {flex-grow:1;display:flex;flex-direction:column;gap:0.5rem;} .daily-slot-content .placed-subject {width:100% !important;height:auto;padding:0.8rem;display:flex;justify-content:space-between;align-items:center;} .daily-slot-content .delete-subject-btn {position:static;opacity:1;background:none;color:white;font-size:1.2rem;} .add-subject-btn-mobile {font-family:var(--font-family);width:100%;padding:0.8rem;border:2px dashed var(--border-color);border-radius:5px;background-color:transparent;color:var(--gray);cursor:pointer;transition:background-color 0.3s,color 0.3s;} .add-subject-btn-mobile:hover {background-color:var(--light-gray);color:var(--dark-blue);} #subjects-drawer {position:fixed;bottom:0;left:0;right:0;background-color:white;border-top:1px solid var(--border-color);transform:translateY(100%);transition:transform 0.3s ease-in-out;z-index:1001;max-height:80vh;display:flex;flex-direction:column;} #subjects-drawer.visible {transform:translateY(0);} .drawer-header {display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color);} .drawer-header h2 {font-size:1.2rem;color:var(--dark-blue);} #close-drawer-btn {font-size:1.5rem;background:none;border:none;cursor:pointer;} .drawer-content {overflow-y:auto;padding:1rem;} .drawer-content .subject-item {width:100%;}}