/* modules/ui.css
 * Cross-module UI primitives.
 *
 * Purpose:
 * - Avoid duplicating the same UI building blocks across modules/pages.
 * - Keep "owner" for shared wrappers/badges in one place.
 *
 * Loaded globally by templates/header.php.
 */

/* ---- shared card-like container (used by orders tools, admin tools, etc.) ---- */
.order-list-container {
   max-width: 900px;
   margin: 40px auto;
   padding: 20px;
   background-color: #fff;
   border-radius: 12px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* ------------------------------------------------------------------
   Badges / pills (shared)
------------------------------------------------------------------- */

/* NOTE: Navbar corner notification overlays use nav-notif* classes and
   are owned by modules/nav_badges.css (single responsibility).
   Keep .badge here for in-page UI only. */

.badge {
   display: inline-flex;
   align-items: center;
   gap: 6px;
   padding: 4px 10px;
   border-radius: 999px;
   border: 1px solid #e5e7eb;
   background: #f8fafc;
   font-size: .85rem;
   font-weight: 800;
}

.badge.ok {
   background: #ecfdf5;
   border-color: #a7f3d0;
   color: #065f46;
}

.badge.warn {
   background: #fffbeb;
   border-color: #fde68a;
   color: #92400e;
}

.badge.bad {
   background: #fef2f2;
   border-color: #fecaca;
   color: #991b1b;
}

.muted {
   color: #64748b;
}