/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: #F7F6F2; color: #1C2530; font-family: 'Public Sans', sans-serif; -webkit-font-smoothing: antialiased; }
a { color: #23508F; text-decoration: none; }
a:hover { color: #1B4179; text-decoration: underline; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #D8D4CA; border-radius: 6px; border: 2px solid #F7F6F2; }
::-webkit-scrollbar-track { background: transparent; }

@keyframes recpulse { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
@keyframes capfade { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }

/* ---- Org rail (dark, organization-level) ---- */
.rail-btn { position: relative; width: 40px; height: 40px; border-radius: 10px; background: transparent; border: none; display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; overflow: visible; }
.rail-btn:hover { background: #28323F; }
.rail-btn[data-active="true"] { background: #33404F; }
.rail-btn[data-active="true"] svg { stroke: #F7F6F2; }
.rail-btn::after { content: attr(data-tip); position: absolute; left: calc(100% + 12px); top: 50%; transform: translateY(-50%) translateX(-4px); background: #1C2530; color: #F7F6F2; font-size: 12px; font-weight: 600; padding: 6px 11px; border-radius: 7px; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity .12s, transform .12s; z-index: 90; box-shadow: 0 4px 14px rgba(28,37,48,.35); border: 1px solid #33404F; }
.rail-btn:hover::after { opacity: 1; transform: translateY(-50%) translateX(0); }

/* ---- Matter panel (light, matter-level) ---- */
.mnav { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: none; background: transparent; border-radius: 7px; cursor: pointer; font-family: inherit; font-size: 13px; color: #3D4652; text-align: left; width: 100%; transition: background .12s; position: relative; }
.mnav:hover { background: #F3F1EA; }
.mnav[data-active="true"] { background: #EDF2F9; color: #23508F; font-weight: 600; }
.mnav[data-active="true"] svg { stroke: #23508F; }

.mpanel[data-collapsed="true"] { width: 64px !important; overflow: visible !important; }
.mpanel[data-collapsed="true"] .sb-label { display: none !important; }
.mpanel[data-collapsed="true"] .mnav { justify-content: center; overflow: visible; }
.mpanel[data-collapsed="true"] > div { overflow: visible !important; }
.mpanel[data-collapsed="true"] .mnav::after { content: attr(data-tip); position: absolute; left: calc(100% + 10px); top: 50%; transform: translateY(-50%) translateX(-4px); background: #1C2530; color: #F7F6F2; font-size: 12px; font-weight: 600; padding: 6px 11px; border-radius: 7px; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity .12s, transform .12s; z-index: 80; box-shadow: 0 4px 14px rgba(28,37,48,.25); }
.mpanel[data-collapsed="true"] .mnav::before { content: ""; position: absolute; left: calc(100% + 4px); top: 50%; transform: translateY(-50%); border: 5px solid transparent; border-right-color: #1C2530; opacity: 0; pointer-events: none; transition: opacity .12s; z-index: 80; }
.mpanel[data-collapsed="true"] .mnav:hover::after { opacity: 1; transform: translateY(-50%) translateX(0); }
.mpanel[data-collapsed="true"] .mnav:hover::before { opacity: 1; }

/* Generic hover affordances (inline-styled mockup content) */
button { transition: background .12s, border-color .12s; }