/* INS Shared Design System v1.0 — administration and Portal App surfaces. */
:root{
 --ins-navy:#063867;--ins-navy-2:#052a55;--ins-blue:#1477d4;--ins-blue-dark:#0b5fb3;
 --ins-green:#23a455;--ins-amber:#d98900;--ins-red:#d93e45;--ins-ink:#183a59;
 --ins-muted:#647b92;--ins-canvas:#f3f7fc;--ins-surface:#fff;--ins-line:#d5e4f3;
 --ins-soft:#edf6ff;--ins-soft-green:#eaf8ef;--ins-soft-amber:#fff6df;--ins-soft-red:#ffebed;
 --ins-radius-xs:8px;--ins-radius-sm:10px;--ins-radius-md:16px;--ins-radius-lg:22px;--ins-radius-pill:999px;
 --ins-space-1:4px;--ins-space-2:8px;--ins-space-3:12px;--ins-space-4:16px;--ins-space-5:20px;--ins-space-6:24px;--ins-space-8:32px;
 --ins-shadow-sm:0 8px 24px rgba(12,53,94,.055);--ins-shadow-md:0 16px 42px rgba(10,58,113,.09);--ins-shadow-lg:0 28px 72px rgba(5,42,85,.16);
 --ins-focus:0 0 0 3px rgba(20,119,212,.24);--ins-font:Inter,"Segoe UI",Arial,sans-serif;
}
.ins-design-system,.ins-design-system *{box-sizing:border-box}
.ins-design-system{font-family:var(--ins-font);color:var(--ins-ink)}
.ins-design-system .ins-ds-card{border:1px solid var(--ins-line);border-radius:var(--ins-radius-md);background:var(--ins-surface);box-shadow:var(--ins-shadow-sm)}
.ins-design-system .ins-ds-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--ins-space-3);flex-wrap:wrap;padding:var(--ins-space-3) var(--ins-space-4);border:1px solid var(--ins-line);border-radius:14px;background:rgba(255,255,255,.94);box-shadow:var(--ins-shadow-sm)}
.ins-design-system .ins-ds-status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:var(--ins-radius-pill);font-size:11px;font-weight:850;letter-spacing:.02em;background:#edf4fb;color:#3a617f}
.ins-design-system .ins-ds-status.is-success{background:var(--ins-soft-green);color:#19713a}.ins-design-system .ins-ds-status.is-warning{background:var(--ins-soft-amber);color:#8a5d00}.ins-design-system .ins-ds-status.is-danger{background:var(--ins-soft-red);color:#9b2430}.ins-design-system .ins-ds-status.is-info{background:#eaf5ff;color:#0d66b4}
.ins-design-system .ins-ds-muted{color:var(--ins-muted)}
.ins-design-system :where(a,button,input,select,textarea):focus-visible{outline:0;box-shadow:var(--ins-focus)!important}
.ins-design-system [data-ins-ds-skeleton]{position:relative;overflow:hidden;background:#edf3f8!important;color:transparent!important;border-color:#e2ebf3!important}
.ins-design-system [data-ins-ds-skeleton]::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);animation:ins-ds-shimmer 1.35s infinite}
@keyframes ins-ds-shimmer{100%{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.ins-design-system *,.ins-design-system *::before,.ins-design-system *::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
@media(forced-colors:active){.ins-design-system .ins-ds-card,.ins-design-system .ins-ds-toolbar{border:1px solid CanvasText}.ins-design-system :where(a,button):focus-visible{outline:2px solid Highlight!important}}
