/* Mobile Notes CSS */

body.mobile-mode .note {
    /* Increase base size for touch targets */
    min-width: 160px;
    min-height: 100px;
    font-size: 16px;
    /* Larger text for readability */
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

body.mobile-mode .note-header {
    height: 30px;
    /* Taller header for easier dragging */
    border-radius: 12px 12px 0 0;
}

body.mobile-mode .note-content {
    padding: 12px;
    line-height: 1.5;
}

body.mobile-mode .note-resize-handle {
    width: 24px;
    /* Larger resize handles */
    height: 24px;
}

/* Adjust Gizmos for Touch */
body.mobile-mode .transform-gizmo-handle {
    width: 16px;
    height: 16px;
    border-width: 2px;
}

body.mobile-mode .transform-gizmo-rotate {
    width: 30px;
    height: 30px;
    top: -40px;
    /* Move further up to not be covered by finger */
}