/* =========================================================
   Application UI — Table Actions Variables
   Path: public/assets/app/components/table-actions/variables.css

   ط§ظ„ظ‡ط¯ظپ:
   ---------------------------------------------------------
   ظ‡ط°ط§ ط§ظ„ظ…ظ„ظپ ظٹظ…ط«ظ„ ط§ظ„ط¹ظ‚ط¯ ط§ظ„ط¨طµط±ظٹ ط§ظ„ط±ط³ظ…ظٹ ظ„ظ…ظƒظˆظ‘ظ† Table Actions.

   ظ‡ط°ط§ ط§ظ„ظ…ظ„ظپ:
   - ظٹظ‚ط±ط£ ظپظ‚ط· ظ…ظ† runtime context ط§ظ„ظ…ط¹طھظ…ط¯
   - ظٹط¨ظ†ظٹ ظپظ‚ط· --m-table-actions-*
   - ظ„ط§ ظٹط­طھظˆظٹ selector logic
   - ظ„ط§ ظٹط­طھظˆظٹ registry logic
   - ظ„ط§ ظٹط­طھظˆظٹ overflow logic
   - ظ„ط§ ظٹط­طھظˆظٹ business logic
========================================================= */

:root {
    /* =====================================================
       1) METRICS — SIZE / SPACING / RADIUS
    ===================================================== */

    --m-table-actions-width: auto;
    --m-table-actions-min-width: 116px;
    --m-table-actions-max-width: 100%;

    --m-table-actions-min-width-mobile: 92px;
    --m-table-actions-max-width-mobile: 100%;

    --m-table-actions-visible-button-size: 30px;

    --m-table-actions-gap-compact: 2px;
    --m-table-actions-gap-sm: 4px;
    --m-table-actions-gap-md: 6px;
    --m-table-actions-gap-lg: 8px;
    --m-table-actions-gap: var(--m-table-actions-gap-sm);

    --m-table-actions-item-gap: 4px;

    --m-table-actions-padding-y: 2px;
    --m-table-actions-padding-x: 2px;

    --m-table-actions-radius: var(--m-theme-button-radius, var(--m-radius-md, 7px));
    --m-table-actions-panel-radius: var(--m-theme-radius-lg, var(--m-radius-lg, 8px));
    --m-table-actions-panel-padding: 8px;
    --m-table-actions-panel-offset: 8px;

    --m-table-actions-menu-min-width: 168px;
    --m-table-actions-menu-item-spacing: 4px;

    /* =====================================================
       2) METRICS — MOTION / LAYER
    ===================================================== */

    --m-table-actions-transition: 140ms ease;
    --m-table-actions-z-index: var(--m-dropdown-z-index, 1200);
    --m-table-actions-opacity-disabled: 0.55;

    /* =====================================================
       3) RUNTIME CONTEXT BRIDGE — SURFACE
    ===================================================== */

    --m-table-actions-surface: var(--m-context-surface);
    --m-table-actions-surface-soft: var(--m-context-surface-soft);
    --m-table-actions-surface-muted: var(--m-context-surface-muted);
    --m-table-actions-surface-raised: var(--m-context-surface-raised);
    --m-table-actions-surface-elevated: var(--m-context-surface-elevated);

    /* =====================================================
       4) RUNTIME CONTEXT BRIDGE — BORDER
    ===================================================== */

    --m-table-actions-border-color-subtle: var(--m-context-border-subtle);
    --m-table-actions-border-color: var(--m-context-border);
    --m-table-actions-border-color-soft: var(--m-context-border-soft);
    --m-table-actions-border-color-strong: var(--m-context-border-strong);

    /* =====================================================
       5) RUNTIME CONTEXT BRIDGE — TEXT / ICON
    ===================================================== */

    --m-table-actions-text: var(--m-context-text);
    --m-table-actions-text-soft: var(--m-context-text-soft);
    --m-table-actions-text-muted: var(--m-context-text-muted);
    --m-table-actions-icon: var(--m-context-icon);
    --m-table-actions-icon-soft: var(--m-context-icon-soft);

    /* =====================================================
       6) RUNTIME CONTEXT BRIDGE — ACCENT / FOCUS / SHADOW
    ===================================================== */

    --m-table-actions-accent-color: var(--m-context-accent-color);
    --m-table-actions-accent-soft: var(--m-context-accent-soft);
    --m-table-actions-focus-ring: var(--m-context-focus-ring);

    --m-table-actions-shadow-color: var(--m-context-shadow);
    --m-table-actions-shadow-panel: var(--m-context-shadow-panel);
    --m-table-actions-shadow-modal: var(--m-context-shadow-modal);

    /* =====================================================
       7) COMPONENT CONTRACT — ROOT
    ===================================================== */

    --m-table-actions-bg: transparent;
    --m-table-actions-border: transparent;
    --m-table-actions-shadow: none;

    /* =====================================================
       8) COMPONENT CONTRACT — PANEL
    ===================================================== */

    --m-table-actions-panel-bg: var(--m-theme-card-bg, var(--m-table-actions-surface-elevated));
    --m-table-actions-panel-border: var(--m-theme-card-border, var(--m-table-actions-border-color-soft));
    --m-table-actions-panel-shadow: var(--m-theme-card-shadow, var(--m-table-actions-shadow-panel));

    /* =====================================================
       9) COMPONENT CONTRACT — FOCUS
    ===================================================== */

    --m-table-actions-shadow-focus: 0 0 0 3px var(--m-table-actions-focus-ring);
}