/* ==========================================================================
   assets/css/tablet.css - Tablet-Split-Screen Layout (Schritt 1.1)
   Breakpoints: ab 768px (Landscape & Portrait Tablets)
   ========================================================================== */

@media (min-width: 768px) {
    .app-main {
        flex-direction: row; /* Horizontaler Split-Screen */
        padding: var(--spacing-md);
        gap: var(--spacing-md);
    }

    /* Linke Seite: Aufgabenbereich */
    .task-area {
        flex: 1; /* Nimmt 50% des Platzes ein */
        padding: 0;
    }

    .workspace {
        margin-top: var(--spacing-md);
    }

    /* Rechte Seite: Permanentes Schmierblatt */
    .scratchpad-area {
        position: relative;
        transform: translateY(0); /* Immer sichtbar */
        height: 100%;
        flex: 1; /* 50% Split */
        border-radius: var(--radius-soft);
        box-shadow: 0 4px 6px rgba(20, 43, 73, 0.05);
        border: 2px solid var(--color-white);
    }

    .scratchpad-header .btn-toggle-scratchpad {
        display: none; /* Schließen-Button auf Tablet unnötig */
    }

    #scratchpad-canvas-container {
        cursor: crosshair; /* Visueller Indikator für Stifteingabe */
    }
}