/* Core structural regions with z-index hierarchy */
.banner-region {
    position: relative;
    z-index: 30;
    width: 100%;
}

.form-region {
    position: relative;
    z-index: 20;
    width: 100%;
    margin-bottom: 1rem;
}

.action-row-region {
    position: relative;
    z-index: 15;
    width: 100%;
    margin-bottom: 1rem;
}

.main-content-region {
    position: relative;
    z-index: 10;
    width: 100%;
    min-height: 300px;
}

/* Card size toggle styles */
.q-toggle {
    border-radius: var(--radius-md);
    overflow: hidden;
}

.q-toggle__label {
    font-size: 0.875rem;
    font-weight: 500;
}

/* Basic icon styling */
.todo-icon {
    position: absolute;
    width: auto;
    height: 6rem;
    top: 10px;
    left: 20px;
    z-index: 0;
    pointer-events: none;
}