/* modern.css — conventional modern skin for the HKC Suite prototype.
   Loaded AFTER the Industry design-system stylesheet so it overrides the
   "blueprint" wireframe treatment (crosshair corner marks + square hairline
   panels) with rounded, softly-shadowed cards. Purely presentational;
   the prototype markup is unchanged. */

/* 1. Remove the blueprint registration ("+") corner marks. */
.blueprint > .corner { display: none !important; }

/* 2. Rounded, softly-shadowed panels instead of square hairline frames. */
.blueprint,
.card {
  border-radius: 12px !important;
  border: 1px solid rgba(16, 24, 40, 0.10) !important;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05),
              0 6px 20px rgba(16, 24, 40, 0.06) !important;
}

/* 3. Gentle rounding on controls for a modern feel. */
.btn, .btn-primary, .btn-secondary, .btn-ghost, .btn-icon { border-radius: 8px !important; }
.input, .seg { border-radius: 8px !important; }

/* 4. Pill-shaped status tags. */
.tag { border-radius: 999px !important; }