/* Fibretech Mastermind Hub — global styles
   Edit colours/spacing here. Component-level styling lives inline in js/app.jsx. */

*{box-sizing:border-box;}
html,body{margin:0;padding:0;height:100%;}
body{font-family:'IBM Plex Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased;background:#F5F5F3;color:#1A2332;}
#root{height:100%;}

::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-thumb{background:#D4D0C8;border-radius:5px;}
::-webkit-scrollbar-track{background:transparent;}

input,select,textarea{outline:none;font-family:inherit;}
input:focus,select:focus,textarea:focus{border-color:#C47B2B !important;}

@keyframes fpulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.4;transform:scale(.7);}}

/* hover popups (tile snapshots, Safe note) */
.f-hov{position:relative;}
.f-pop{position:absolute;left:50%;transform:translateX(-50%) translateY(8px);bottom:calc(100% + 11px);width:248px;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease;z-index:40;}
.f-hov:hover .f-pop{opacity:1;transform:translateX(-50%) translateY(0);}
.f-pop::after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border:7px solid transparent;border-top-color:#1A2332;}
.f-pop.below{bottom:auto;top:calc(100% + 11px);transform:translateX(-50%) translateY(-8px);}
.f-hov:hover .f-pop.below{transform:translateX(-50%) translateY(0);}
.f-pop.below::after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:#1A2332;}

/* hover state helpers (replace the Design tool's style-hover) */
.hv-underline:hover{text-decoration:underline;}
.hv-navrow:hover{background:rgba(255,255,255,0.06) !important;}
.hv-lift{transition:box-shadow .15s,transform .15s;}
.hv-lift:hover{box-shadow:0 7px 22px rgba(26,35,50,0.13) !important;transform:translateY(-2px);}
.hv-row:hover{background:#FBF8F2 !important;}
.hv-amber:hover{background:#B06D22 !important;}
.hv-dark:hover{background:#22304a !important;}
.hv-safe:hover{background:#FCF6EC !important;}
.hv-x:hover{color:#1A2332 !important;}
.hv-outline:hover{background:#C47B2B !important;color:#fff !important;}
.hv-cancel:hover{background:#F2F1ED !important;}