/** MUAADH MISC — tiny components (Phase 13 Wave 30 catch-all) */

/* ============================================================================
 * APPENDED (Phase 13 Wave 30): rules pulled from muaadh-core.css
 * ============================================================================ */

.muaadh-tile-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-3);
}

.muaadh-tile-grid__empty { grid-column: 1 / -1; }


/* ============================================================================
 * APPENDED (Phase 13 Wave 30): rules pulled from muaadh-core.css
 * ============================================================================ */

.muaadh-img-upload #image-preview {
  background-size: unset;
}

.muaadh-img-preview[style*="--preview-image"] {
    background-image: var(--preview-image);
}


/* ============================================================================
 * APPENDED (Phase 13 Wave 30): rules pulled from muaadh-core.css
 * ============================================================================ */

.muaadh-account-info-item .info-name {
  font-size: var(--text-base);
  font-weight: var(--theme-font-medium);
}

.muaadh-account-info-item .info-content {
  font-size: var(--text-base);
  font-weight: var(--theme-font-normal);
  word-break: break-all;
}


/* ============================================================================
 * APPENDED (Phase 13 Wave 30): rules pulled from muaadh-core.css
 * ============================================================================ */

.muaadh-wow-replaced { animation: fadeIn var(--chassis-duration-slow) ease-in-out; }


/* ============================================================================
 * APPENDED (Phase 13 Wave 30): rules pulled from muaadh-core.css
 * ============================================================================ */

.muaadh-width-100 { width: 100%; }


/* ============================================================================
 * APPENDED (Phase 13 Wave 30): rules pulled from muaadh-core.css
 * ============================================================================ */

.muaadh-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}


/* ============================================================================
 * APPENDED (Phase 13 Wave 30): rules pulled from muaadh-core.css
 * ============================================================================ */

.muaadh-vdroplinks { display: inline-flex; gap: 0.5rem; }


/* ============================================================================
 * APPENDED (Phase 13 Wave 30): rules pulled from muaadh-core.css
 * ============================================================================ */

.muaadh-translate-middle { transform: translate(-50%, -50%); }


/* ============================================================================
 * APPENDED (Phase 13 Wave 30): rules pulled from muaadh-core.css
 * ============================================================================ */

.muaadh-theme-scope {
    /* ----- BUTTONS WITH COLORED BACKGROUNDS ----- */
    & .muaadh-action--primary,

    & .muaadh-action--success {
        color: var(--text-on-success);
    }
    & .muaadh-action--danger {
        color: var(--text-on-danger);
    }
    & .muaadh-action--warning {
        color: var(--text-on-warning);
    }
    & .muaadh-action--info {
        color: var(--text-on-info);
    }
    & .muaadh-action--dark {
        color: var(--text-on-dark);
    }

    /* ----- LINKS ----- */
    & a:not(.muaadh-action):not(.muaadh-wayfinder__route):not(.muaadh-menu__item) {
        color: var(--text-link);
    }
    & a:not(.muaadh-action):not(.muaadh-wayfinder__route):not(.muaadh-menu__item):hover {
        color: var(--text-link-hover);
    }

    /* ----- FOOTER TEXT CONTRAST ----- */
    & footer .muaadh-text-muted,
    & footer p {
        color: var(--text-inverse);
        opacity: 0.85;
    }
}


/* ============================================================================
 * APPENDED (Phase 13 Wave 30): rules pulled from muaadh-core.css
 * ============================================================================ */

.muaadh-summary-box {
    background: var(--surface-primary);
    border-radius: var(--chassis-radius);
    padding: var(--space-5);
    text-align: center;
    box-shadow: 0 2px 4px var(--theme-overlay-medium);
    margin-bottom: 15px;
}


/* ============================================================================
 * APPENDED (Phase 13 Wave 30): rules pulled from muaadh-core.css
 * ============================================================================ */

.muaadh-success-checkmark {
    animation: scaleIn var(--chassis-duration-slow) ease-in-out;
}


/* ============================================================================
 * APPENDED (Phase 13 Wave 30): rules pulled from muaadh-core.css
 * ============================================================================ */

.muaadh-step-icon {
    width: var(--size-control-lg);
    height: var(--size-control-lg);
    line-height: 40px;
}


/* ============================================================================
 * APPENDED (Phase 13 Wave 30): rules pulled from muaadh-core.css
 * ============================================================================ */

.muaadh-scrollable { max-height: 400px; overflow-y: auto; }


/* ============================================================================
 * APPENDED (Phase 13 Wave 30): rules pulled from muaadh-core.css
 * ============================================================================ */

.muaadh-screen-reader-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}


/* ============================================================================
 * APPENDED (Phase 13 Wave 30): rules pulled from muaadh-core.css
 * ============================================================================ */

.muaadh-ordered-catalogItems h5 {
  margin-top: var(--space-8);
  margin-bottom: var(--space-4);
}


/* ============================================================================
 * APPENDED (Phase 13 Wave 30): rules pulled from muaadh-core.css
 * ============================================================================ */

.muaadh-line-height-relaxed { line-height: 1.9; }


/* ============================================================================
 * APPENDED (Phase 13 Wave 30): rules pulled from muaadh-core.css
 * ============================================================================ */

.muaadh-left-area { padding: 1.5rem; }


/* ============================================================================
 * APPENDED (Phase 13 Wave 30): rules pulled from muaadh-core.css
 * ============================================================================ */

.muaadh-label {
    display: inline-block;
    font-size: var(--text-sm);
    font-weight: var(--theme-font-medium);
    color: var(--text-primary);
    margin-bottom: 0.375rem;
}


/* ============================================================================
 * APPENDED (Phase 13 Wave 30): rules pulled from muaadh-core.css
 * ============================================================================ */

.muaadh-f15 { font-size: var(--text-base); }


/* ============================================================================
 * APPENDED (Phase 13 Wave 30): rules pulled from muaadh-core.css
 * ============================================================================ */

.muaadh-eml-val {
    width: 100%;
    padding: var(--space-2) var(--space-3);
    border: var(--chassis-border-thin) solid var(--border-default);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
}


/* ============================================================================
 * APPENDED (Phase 13 Wave 30): rules pulled from muaadh-core.css
 * ============================================================================ */

.muaadh-cursor-pointer { cursor: pointer; }


/* ============================================================================
 * APPENDED (Phase 13 Wave 30): rules pulled from muaadh-core.css
 * ============================================================================ */

.muaadh-copyright {
    border-top: var(--chassis-border-thin) solid var(--theme-footer-border);
    padding-top: var(--space-6);
    margin-top: var(--space-8);
    text-align: center;
}


/* ============================================================================
 * APPENDED (Phase 13 Wave 30): rules pulled from muaadh-core.css
 * ============================================================================ */

.muaadh-body-area { padding: 1.5rem; }


/* ============================================================================
 * APPENDED (Phase 13 Wave 30): rules pulled from muaadh-core.css
 * ============================================================================ */

.muaadh-available {
    border-left: var(--chassis-border-thick) solid var(--action-success);
}


/* ============================================================================
 * APPENDED (Phase 13 Wave 30): rules pulled from muaadh-core.css
 * ============================================================================ */

.muaadh-all-orders-table-wrapper { overflow-x: auto; }

/* Misc compound rules appended (Phase 13 Wave 31, 2026-05-13) */
.muaadh-customer-details-area,
.muaadh-add-catalogItem-content1,
.muaadh-add-catalogItem-content2 {
    background: var(--surface-card);
    border-radius: var(--radius-md);
    padding: var(--space-6);
    margin-bottom: var(--space-6);
    border: var(--chassis-border-thin) solid var(--border-default);
}
.muaadh-send, .sendEmail { display: inline-flex; align-items: center; gap: 0.25rem; }
.muaadh-view-details, .view-attachments {
    color: var(--action-primary);
    text-decoration: none;
    cursor: pointer;
}
.muaadh-view-details:hover, .view-attachments:hover { text-decoration: underline; }