/* ================================================================
   StudentOS — patches48.css
   1.  Toggle switch (p48-toggle) — identical visual to p46/p47
   2.  Select dropdown (p48-select) — compact bare-style
   3.  Overdue task highlight (p48-overdue)
   4.  Settings section spacing tweaks
   ================================================================ */

/* ================================================================
   1.  TOGGLE SWITCH
   ================================================================ */

.p48-toggle {
    width: 3rem;
    height: 1.5rem;
    border-radius: 9999px;
    background: var(--glass-hover);
    border: 1px solid var(--glass-border);
    position: relative;
    transition: background 0.2s, border-color 0.2s;
    cursor: pointer;
    flex-shrink: 0;
    padding: 0;
}

.p48-toggle.on {
    background: var(--accent);
    border-color: var(--accent);
}

.p48-toggle-dot {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: var(--text-main);
    position: absolute;
    top: 3px;
    left: 3px;
    transition: transform 0.2s;
    pointer-events: none;
}

.p48-toggle.on .p48-toggle-dot {
    transform: translateX(1.5rem);
}

/* ================================================================
   2.  SELECT DROPDOWN
   ================================================================ */

.p48-select {
    background: var(--glass-hover);
    border: 1px solid var(--glass-border);
    border-radius: 10px;
    color: var(--text-main);
    font-size: 0.78rem;
    padding: 4px 8px;
    cursor: pointer;
    outline: none;
    transition: border-color 0.15s;
    max-width: 160px;
}

.p48-select:focus {
    border-color: var(--accent);
}

.p48-select option {
    background: var(--bg-color, #1a1a1a);
    color: var(--text-main);
}

/* ================================================================
   3.  OVERDUE TASK HIGHLIGHT
   ================================================================ */

.task-row.p48-overdue {
    background: rgba(239, 68, 68, 0.06);
    border-radius: 10px;
}

.task-row.p48-overdue .text-\[10px\].text-\[var\(--text-muted\)\] {
    color: #ef4444 !important;
}

/* ================================================================
   4.  SETTINGS SECTION SPACING
       Ensure injected sections have the same gap as existing ones.
   ================================================================ */

#p48-tasks-section,
#p48-calendar-section,
#p48-notes-section,
#p48-whiteboard-section {
    /* match .settings-section padding/margin from styles.css */
    padding-bottom: 4px;
}

/* Settings rows containing a select should align right-side */
#p48-tasks-section    .settings-row > *:last-child,
#p48-calendar-section .settings-row > *:last-child,
#p48-notes-section    .settings-row > *:last-child {
    flex-shrink: 0;
}