/* RCNWEB Institutional Design System 18.7.0 — shared visual language */
:root{--rcn-ink:#142b43;--rcn-ink-2:#243e56;--rcn-muted:#60758a;--rcn-blue:#174d78;--rcn-blue-2:#216b9a;--rcn-teal:#16877f;--rcn-gold:#c99a50;--rcn-line:#dbe5ec;--rcn-surface:#fff;--rcn-soft:#f3f7fa;--rcn-shadow:0 12px 32px rgba(19,45,68,.08);--rcn-radius:16px;--rcn-font:Inter,"Segoe UI",system-ui,-apple-system,sans-serif}
html{scroll-behavior:smooth}body{font-family:var(--rcn-font)}
:where(button,input,select,textarea){font-family:inherit} :where(button,a,input,select,textarea):focus-visible{outline:3px solid #3a9ca0!important;outline-offset:2px}
/* Shared surfaces: restrained, institutional, not playful */
:where(.card,.panel,.tt-card,.stat-card,.metric-card,.dashboard-card,.widget,.module-card,.notice-card,.list-card,.form-card,.content-card){border-radius:var(--rcn-radius)}
:where(.pagehead h1,.section-title,.dashboard-title){color:var(--rcn-ink);letter-spacing:-.025em}
:where(.muted,.help-text,.field-help){color:var(--rcn-muted)}
:where(input,select,textarea){border-color:#cbd8e2} :where(input,select,textarea):focus{border-color:#318b96;box-shadow:0 0 0 3px rgba(49,139,150,.12)}
:where(.primaryLink,.primary-btn,.btn-primary,.action-primary){background:linear-gradient(110deg,#174d78,#16877f);border-color:transparent;color:#fff}
:where(.primaryLink,.primary-btn,.btn-primary,.action-primary):hover{filter:brightness(1.06);box-shadow:0 8px 20px rgba(23,77,120,.18)}
:where(.pagehead,.section-head,.homeSectionHead){border-color:var(--rcn-line)}
/* Subtle ambient glints on institutional portal backgrounds */
body:not(.rcn-gateway){background-color:#f4f7fa}
body:not(.rcn-gateway)::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.22;background-image:radial-gradient(circle at 12% 18%,rgba(255,255,255,.95) 0 1px,transparent 2px),radial-gradient(circle at 76% 28%,rgba(44,135,151,.25) 0 1px,transparent 2px),radial-gradient(circle at 42% 78%,rgba(201,154,80,.22) 0 1px,transparent 2px);background-size:173px 181px,227px 211px,263px 239px;animation:rcn-glint 12s ease-in-out infinite alternate}
body:not(.rcn-gateway)>:not(script){position:relative}
@keyframes rcn-glint{from{opacity:.12;transform:translateY(0)}to{opacity:.28;transform:translateY(-5px)}}
/* Shared top navigation and profile popover: retain existing behaviour */
.rcn-global-nav{background:linear-gradient(100deg,#123654,#174d78 62%,#147b79)!important;box-shadow:0 5px 18px rgba(18,54,84,.14)!important}
.rcn-profile-pop{border-radius:15px!important;box-shadow:0 18px 48px rgba(18,54,84,.18)!important}
/* Gateway refinements */
#rcnPortalGateway{background:radial-gradient(ellipse at 5% 8%,rgba(202,158,96,.13),transparent 29%),radial-gradient(ellipse at 94% 92%,rgba(37,145,139,.13),transparent 32%),linear-gradient(135deg,#f4f7fa,#edf3f6 55%,#eef6f4)!important}
#rcnPortalGateway:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.38;background-image:radial-gradient(circle,rgba(255,255,255,.95) 0 1px,transparent 1.8px),radial-gradient(circle,rgba(38,128,145,.42) 0 1px,transparent 1.8px);background-size:137px 149px,211px 197px;animation:rcn-stars 8s ease-in-out infinite alternate}
@keyframes rcn-stars{from{opacity:.18}to{opacity:.46}}
.rcn-gw-card{border:1px solid #d8e2e9!important;border-radius:22px!important;box-shadow:0 22px 58px rgba(20,48,70,.11)!important;background:rgba(255,255,255,.96)!important}
.rcn-gw-brand b{color:#142f48!important;letter-spacing:.075em!important}
.rcn-gw-card h1{color:#102b45!important;font-weight:850!important}
.rcn-gw-kicker{color:#176e72!important}
.rcn-gw-launch-head{grid-template-columns:minmax(0,1fr) 176px!important}
.rcn-gw-launch-art{width:176px!important;filter:drop-shadow(0 10px 18px rgba(22,91,104,.10))}
.rcn-gw-tiles{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin-top:24px!important}
.rcn-gw-tile{min-height:205px!important;padding:20px!important;border-radius:17px!important;border-color:#d7e1e9!important;background:linear-gradient(150deg,#fff,#f7fafc)!important;box-shadow:0 8px 22px rgba(20,48,70,.06)!important;gap:10px!important}
.rcn-gw-tile:hover{transform:translateY(-3px)!important;border-color:#8bb9c0!important;box-shadow:0 15px 30px rgba(20,48,70,.11)!important}
.rcn-gw-tile b{color:#142f48!important;font-size:18px!important;font-weight:850!important}
.rcn-gw-tile small{color:#52677a!important;font-size:12px!important;line-height:1.55!important}
.rcn-gw-icon{border-radius:13px!important;background:linear-gradient(145deg,#174d78,#16877f)!important;box-shadow:none!important}
.rcn-gw-tile:nth-child(2) .rcn-gw-icon{background:linear-gradient(145deg,#56677e,#8494a7)!important}
.rcn-gw-tile:nth-child(3) .rcn-gw-icon{background:linear-gradient(145deg,#167c72,#299b8c)!important}
.rcn-gw-tile em{color:#17657d!important;letter-spacing:.055em!important}
.rcn-gw-tile:nth-child(2) em{color:#6b7788!important}
.rcn-gw-tile:nth-child(3) em{color:#13796e!important}
.rcn-gw-tile[disabled]{opacity:.78!important;background:#f3f5f7!important}
.rcn-gw-role-note{background:#edf5f3!important;color:#286b67!important;border:1px solid #dcece8}
.rcn-gw-actions{margin-top:16px!important}
.rcn-gw-link{color:#175c7b!important}
.rcn-gw-notices{margin-top:18px;border:1px solid #d9e4ea;border-radius:15px;background:#f8fbfc;overflow:hidden}
.rcn-gw-notice-head{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-bottom:1px solid #e4ebef;color:#17364f;font-size:12px;font-weight:850;letter-spacing:.04em}
.rcn-gw-notice-track{display:flex;align-items:center;gap:12px;min-height:44px;padding:9px 15px;color:#4d6578;font-size:12px;overflow:hidden}
.rcn-gw-notice-label{flex:none;color:#9a7138;font-size:10px;font-weight:900;letter-spacing:.1em}
.rcn-gw-notice-message{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.rcn-gw-notice-link{flex:none;color:#17657d;text-decoration:none;font-weight:850;font-size:11px}
@media(max-width:720px){.rcn-gw-launch-head{grid-template-columns:minmax(0,1fr) 92px!important}.rcn-gw-launch-art{width:92px!important}.rcn-gw-tiles{grid-template-columns:1fr!important;gap:10px!important;margin-top:17px!important}.rcn-gw-tile{min-height:0!important;padding:14px 15px!important;display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;align-items:center!important;column-gap:13px!important;row-gap:5px!important}.rcn-gw-icon{width:46px!important;height:46px!important;grid-column:1!important;grid-row:1/4!important}.rcn-gw-tile b,.rcn-gw-tile small,.rcn-gw-tile em{grid-column:2!important}.rcn-gw-tile b{font-size:16px!important}.rcn-gw-tile small{font-size:12px!important}.rcn-gw-tile em{margin-top:5px!important}.rcn-gw-notice-track{gap:8px}.rcn-gw-notice-message{white-space:normal;line-height:1.4}}
@media(prefers-reduced-motion:reduce){body:not(.rcn-gateway)::before,#rcnPortalGateway:before,.gw-orbit,.gw-heart,.gw-spark{animation:none!important}}