/* Interfaz móvil: mismas reglas visuales, menos ruido. */

@media screen and (max-width: 760px) {
    :root {
        --cc-control-height: 40px;
        --cc-panel-radius: 0;
    }

    #ccMobileHeader.cc-mobile-header,
    #ccMobileSearchPanel.cc-mobile-search-panel,
    #ccMobileSheet.cc-mobile-sheet,
    #ccMobileSheetBackdrop.cc-mobile-sheet-backdrop,
    #contentLayout.content-layout > #infoDrawer.info-drawer,
    #contentLayout.content-layout > #infoDrawer.info-drawer.open {
        color: var(--cc-text) !important;
        background: var(--cc-surface-0) !important;
        border-color: var(--cc-border) !important;
    }

    #ccMobileHeader.cc-mobile-header,
    .cc-mobile-sheet-header,
    #contentLayout #infoDrawer .info-header {
        background: var(--cc-toolbar) !important;
        border-color: var(--cc-border) !important;
    }

    .cc-mobile-square-button,
    .cc-mobile-search-close,
    .cc-mobile-sheet-close {
        color: var(--cc-text-secondary) !important;
        background: var(--cc-surface-0) !important;
        border-color: var(--cc-border) !important;
    }

    .cc-mobile-square-button:active,
    .cc-mobile-square-button.active {
        color: var(--cc-accent) !important;
        background: var(--cc-accent-soft) !important;
        border-color: var(--cc-accent) !important;
    }

    .cc-mobile-menu-section {
        color: var(--cc-text-muted) !important;
        border-color: var(--cc-border) !important;
    }

    .cc-mobile-menu-item {
        color: var(--cc-text) !important;
        background: var(--cc-surface-0) !important;
        border: 1px solid var(--cc-border-subtle) !important;
        border-radius: 11px !important;
        box-shadow: none !important;
    }

    .cc-mobile-menu-item:active:not(:disabled),
    .cc-mobile-menu-item.checked {
        color: var(--cc-text) !important;
        background: var(--cc-accent-soft) !important;
        border-color: var(--cc-accent) !important;
    }

    .cc-mobile-menu-icon {
        color: var(--cc-accent) !important;
        background: var(--cc-accent-soft) !important;
        border-color: var(--cc-border) !important;
        box-shadow: none !important;
    }

    .cc-mobile-fab,
    .cc-mobile-hotfix-add-action {
        color: var(--cc-on-accent) !important;
        background: var(--cc-accent) !important;
        border-color: var(--cc-accent) !important;
        box-shadow: var(--cc-shadow-1) !important;
    }

    .cc-mobile-fab:active,
    .cc-mobile-hotfix-add-action:active {
        background: var(--cc-accent-pressed) !important;
    }

    .cc-mobile-clipboard-bar {
        color: var(--cc-text) !important;
        background: var(--cc-surface-elevated) !important;
        border-color: var(--cc-border) !important;
        box-shadow: var(--cc-shadow-1) !important;
    }

    .file-card {
        border-radius: 10px !important;
    }

    .cc-task-stack {
        --cc-task-right: 8px;
        --cc-task-bottom: max(8px, env(safe-area-inset-bottom));
    }

    .cc-task-card {
        border-radius: 11px !important;
    }

    .shortcuts-help-card,
    .cc-code-editor,
    .cc-media-viewer {
        border-radius: 0 !important;
    }
}