/* ==========================================
   Desktop App - Window Drag Region
   ========================================== */

/* Make the top portion of sidebar draggable for window movement */
.sidebar-logo {
    -webkit-app-region: drag;
    cursor: default;
}

/* Move sidebar logo down in desktop app to avoid window controls */
body.is-desktop .sidebar-logo {
    margin-top: 8px;
}

/* Desktop drag bar - thin strip at very top for window movement */
.desktop-drag-bar {
    position: fixed;
    top: 0;
    left: 68px; /* sidebar width */
    right: 0;
    height: 20px; /* Thin strip that doesn't block content */
    -webkit-app-region: drag;
    z-index: calc(var(--z-layer-modal) - 1);
    background: transparent;
    cursor: grab;
}

.desktop-drag-bar:active {
    cursor: grabbing;
}

/* Auth screen drag bar - full width since no sidebar */
body.is-desktop .auth-container {
    -webkit-app-region: drag;
}

body.is-desktop .auth-container .login-card,
body.is-desktop .auth-container button,
body.is-desktop .auth-container input,
body.is-desktop .auth-container a,
body.is-desktop .auth-container select {
    -webkit-app-region: no-drag;
}

/* Extend sidebar as drag region (logo area) */
.sidebar {
    -webkit-app-region: drag;
}

/* But make sidebar buttons clickable, not draggable */
.sidebar .sidebar-btn,
.sidebar .nav-item,
.sidebar-icons,
.sidebar-bottom {
    -webkit-app-region: no-drag;
}

/* Make page title areas draggable for window movement */
.page-title,
.planner-page-header .page-title,
.tasks-page-header .page-title,
.projects-page-header .page-title,
.notes-page-header .page-title,
.settings-page-header .page-title,
.inbox-header h2,
.date-header {
    -webkit-app-region: drag;
    cursor: default;
}

/* Ensure interactive elements within headers are not draggable for window movement */
button, a, input, select, textarea,
.nav-item, .sidebar-btn, .directory-item,
[role="button"], [onclick], [tabindex],
.header-actions, .tasks-header-actions,
.projects-header-actions, .notes-header-actions,
.planner-controls, .filter-btn, .search-btn {
    -webkit-app-region: no-drag;
}

/* Ensure task/event elements can be dragged (HTML5 drag-drop, not window drag) */
.backlog-task-item,
.task-row,
.flat-task-row,
.timeline-event,
.calendar-event,
.week-task-item,
.week-timeline-task,
[draggable="true"] {
    -webkit-app-region: no-drag;
}