* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { font-family: 'Instrument Sans', system-ui, sans-serif; background: radial-gradient(135% 100% at 100% 0%, #F7F5F0 0%, #EFECE4 55%, #EAE6DD 100%) fixed; color: #211F1B; -webkit-font-smoothing: antialiased; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #DAD9D2; border-radius: 99px; border: 3px solid transparent; background-clip: content-box; }
::-webkit-scrollbar-track { background: transparent; }
.tmg-navbtn:hover { background: rgba(255,255,255,.055) !important; color: #FFFFFF !important; }
.tmg-row:hover { background: #FAFAF7 !important; }
.tmg-pcard:hover { box-shadow: 0 8px 24px -12px rgba(27,27,24,.18); transform: translateY(-2px); }
.tmg-pcard { transition: box-shadow .18s ease, transform .18s ease; }
.tmg-fieldinput:focus { border-color: #CFCCC4 !important; }
.tmg-cell:hover { background: #F4F3EF !important; }
.tmg-cell:focus { background: #fff !important; border-color: #CFCCC4 !important; }
h1, h3 { font-family: 'Space Grotesk'; }
button { font-family: inherit; }
.card { background:#fff; border:1px solid #E9E5DD; border-radius:16px; box-shadow:0 1px 2px rgba(28,26,22,.04),0 12px 30px -20px rgba(28,26,22,.16); }
.pipe-col.drop-over { background:#E7E5DE !important; outline:2px dashed #C9C6BE; outline-offset:-3px; }
.tmg-pcard[draggable="true"] { cursor:grab; }
.tmg-pcard[draggable="true"]:active { cursor:grabbing; }
#toast { position:fixed; bottom:22px; left:50%; transform:translateX(-50%) translateY(20px); background:#1E1D1B; color:#F3F1EC; font:600 12.5px 'Instrument Sans'; padding:10px 18px; border-radius:10px; box-shadow:0 12px 30px -10px rgba(0,0,0,.4); opacity:0; pointer-events:none; transition:opacity .2s, transform .2s; z-index:200; }
#toast.show { opacity:1; transform:translateX(-50%) translateY(0); }