/* --- BLANK MODE --- */
body.blank-mode #focus-bar-container,
body.blank-mode #app-footer {
    display: none !important;
}

/* Remove pt-4 from the specific container */
body.blank-mode .pt-4.border-slate-700\/40 {
    padding-top: 0 !important;
}

/* Force white colors for Focus, Lapse, Pause modes */
body.blank-mode .text-green-400,
body.blank-mode .text-red-400,
body.blank-mode .text-red-500,
body.blank-mode .text-indigo-400,
body.blank-mode .text-indigo-500,
body.blank-mode .text-ultragreen {
    color: white !important;
}

body.blank-mode .bg-green-500,
body.blank-mode .bg-red-500,
body.blank-mode .bg-indigo-500,
body.blank-mode .bg-green-900\/80, 
body.blank-mode .bg-red-900\/80,
body.blank-mode .bg-indigo-900\/80 {
    background-color: white !important;
    color: black !important;
}

/* Override body background specifically to be dark */
body.blank-mode.bg-green-900\/80,
body.blank-mode.bg-red-900\/80,
body.blank-mode.bg-indigo-900\/80 {
    background-color: #050505 !important; 
}

/* Status badge borders */
body.blank-mode #status-badge {
    background-color: transparent !important;
    border: 1px solid white !important;
    color: white !important;
}

/* Main card border */
body.blank-mode #main-card {
    border-color: white !important;
    box-shadow: none !important; 
}

/* --- TEXT COLORS CORRECTION --- */

/* Big Clock Timer */
body.blank-mode #watcher-display {
    color: white !important;
}

/* Task Inputs and Time Inputs */
body.blank-mode input {
    color: white !important;
}
body.blank-mode .timeinput input {
    color: white !important;
    border-color: white !important; /* Optional: make border white too */
}

/* Task Close Button (X) */
body.blank-mode .delete-task-btn {
    color: white !important;
}

/* Task Item Texts */
body.blank-mode .task-name,
body.blank-mode .task-time,
body.blank-mode .task-details,
body.blank-mode #current-task-duration,
body.blank-mode #current-task-target {
    color: white !important;
}

/* Task borders white */
body.blank-mode .task-item {
    border-color: white !important;
}

/* Show all tasks in blank mode without hover */
body.blank-mode #task-list .task-item,
body.blank-mode #task-list .task-item * {
    color: white !important;
}

/* Mostrar quadradinhos sempre no blank mode */
body.blank-mode #task-list .multiplier-container {
    display: flex !important;
    opacity: 1 !important;
}

/* Current task display (always visible) */
body.blank-mode #current-task-display-container .task-item {
    border-color: white !important;
}
body.blank-mode #current-task-display-container .task-item .text-ultragreen {
    color: white !important;
}

/* Blank Mode different max-height */
body.blank-mode {
    --task-list-max-height: var(--task-list-max-height-blank);
}

/* Fix blank mode space issue by ensuring app-wrapper doesn't force min-height when not needed */
body.blank-mode #app-wrapper {
    min-height: 0 !important;
}

body.blank-mode .web-button {
    display: none !important;
}

body.blank-mode .timeinput {
    margin-top: 95px !important;
}