/* Hellion Workspace design system. Keep this file identical across applications. */
:root{--suite-canvas:#f7f8fa;--suite-surface:#fff;--suite-ink:#0c1219;--suite-text:#18212b;--suite-muted:#64707d;--suite-border:#e4e7eb;--suite-red:#d72529;--suite-red-hover:#ba2024;--suite-red-soft:#fceced;--suite-active:#ad2428;--suite-font:Inter,"Segoe UI",Arial,sans-serif;--suite-radius:9px}
.suite-brand{padding:34px 27px 24px}.suite-brand>a:first-child{display:block;margin-bottom:34px}.suite-brand img{width:162px;max-width:100%;height:auto;display:block}.suite-context{display:flex;align-items:center;gap:11px;padding-bottom:24px;border-bottom:1px solid var(--suite-border)}.suite-context>span{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;border:1px solid var(--suite-border);background:#f0f2f5;color:#53616e}.suite-context svg{width:18px;height:18px}.suite-context strong{display:block;font:600 14px/1.4 var(--suite-font);color:var(--suite-ink)}.suite-context small{display:block;margin-top:3px;font:11px/1.4 var(--suite-font);color:var(--suite-muted)}.suite-back{display:flex;gap:9px;align-items:center;color:var(--suite-muted);font:500 12px/1.4 var(--suite-font);text-decoration:none;padding:13px 10px;margin:12px -10px -12px;border-radius:6px}.suite-back:hover{background:#f4f6f8;color:var(--suite-ink)}.suite-back svg{width:16px;height:16px}
.suite-topbar{height:68px;min-height:68px;flex-shrink:0;display:flex;align-items:center;gap:15px;padding:0 36px;border-bottom:1px solid var(--suite-border);background:var(--suite-surface);font:12px/1.4 var(--suite-font);color:var(--suite-muted)}.suite-topbar a{color:var(--suite-muted);text-decoration:none}.suite-topbar a:hover{color:var(--suite-red)}.suite-topbar>span{color:#b8c0c8}.suite-topbar strong{font-weight:550;color:#293643}.suite-topbar .suite-area{color:var(--suite-muted);margin-left:auto;font-size:11px}
.suite-eyebrow{font:500 11px/1.5 var(--suite-font);color:var(--suite-muted);margin-bottom:9px}.suite-title{font:650 34px/1.2 var(--suite-font);letter-spacing:-1.1px;color:var(--suite-ink);margin:0 0 10px}.suite-description{font:13px/1.65 var(--suite-font);color:var(--suite-muted);margin:0}.suite-page-heading{padding:34px 0 28px}.suite-sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:var(--suite-surface);border-right:1px solid var(--suite-border);display:flex;flex-direction:column;z-index:30;font-family:var(--suite-font)}.suite-sidebar nav{display:grid;gap:6px;padding:0 17px}.suite-sidebar nav button,.suite-sidebar nav a{border:0;border-radius:6px;padding:12px 11px;min-height:44px;background:transparent;color:var(--suite-muted);display:flex;align-items:center;gap:10px;font:550 12px/1.4 var(--suite-font);text-align:left;text-decoration:none;cursor:pointer;width:100%}.suite-sidebar nav svg{width:18px;height:18px}.suite-sidebar nav .active{background:var(--suite-red-soft);color:var(--suite-active);box-shadow:none}.suite-sidebar nav button:hover:not(.active),.suite-sidebar nav a:hover:not(.active){background:#f4f6f8;color:var(--suite-ink)}.suite-sidebar-footer{margin-top:auto;padding:24px 27px;color:var(--suite-muted);font-size:11px}.suite-sidebar-footer a{color:inherit;text-decoration:none}.suite-sidebar-footer a:hover{color:var(--suite-red)}
@media(max-width:900px){.suite-sidebar{position:relative;inset:auto;width:100%;border-right:0;border-bottom:1px solid var(--suite-border)}.suite-sidebar .suite-brand{padding:20px 22px 14px;display:flex;align-items:center;gap:25px;flex-wrap:wrap}.suite-sidebar .suite-brand>a:first-child{margin:0}.suite-sidebar .suite-brand img{width:142px}.suite-sidebar .suite-context{padding:0;border:0}.suite-sidebar .suite-back{margin:0 0 0 auto;padding:8px}.suite-sidebar nav{display:flex;overflow:auto;padding:0 16px 12px;gap:4px}.suite-sidebar nav button,.suite-sidebar nav a{width:auto;white-space:nowrap;min-height:38px;padding:9px 12px}.suite-sidebar-footer{display:none}.suite-topbar{padding:0 22px;height:56px;min-height:56px}.suite-topbar .suite-area{display:none}.suite-title{font-size:28px}.suite-page-heading{padding:24px 0}.suite-context small{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}