/* MonkeyGroup VIP Edition: layered graphite, champagne metallic surfaces. */
:root{--vip-gold:#d7b875;--vip-glow:rgba(215,184,117,.16)}
body{background:radial-gradient(ellipse at 92% 0%,rgba(177,142,76,.09),transparent 36%),radial-gradient(ellipse at 0% 100%,rgba(30,125,136,.10),transparent 45%),#0a101b!important}
.card,.mg-modal,.login-card{border:1px solid rgba(210,187,143,.17)!important;box-shadow:0 16px 56px rgba(0,0,0,.21),inset 0 1px rgba(255,255,255,.035)!important;backdrop-filter:blur(12px)}
.card{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.card:hover{border-color:rgba(215,184,117,.4)!important;box-shadow:0 18px 55px rgba(0,0,0,.28),0 0 30px var(--vip-glow)!important}
.btn{transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.btn:hover{transform:translateY(-2px);filter:brightness(1.12)}.btn:active{transform:translateY(0)}
.btn.primary{background:linear-gradient(120deg,#d6b56f,#a67e3a)!important;color:#131720!important;border-color:rgba(255,226,170,.5)!important;box-shadow:0 7px 24px rgba(188,148,73,.17)}
.greeting,.mg-lead-hero{background:linear-gradient(124deg,#1c2535,#111c2d 55%,#26302f)!important;border:1px solid rgba(215,184,117,.28)!important}
.greeting .smallcaps,.mg-lead-kicker{color:#e2c78c!important}
input,select,textarea{transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus,textarea:focus{border-color:#d7b875!important;box-shadow:0 0 0 3px rgba(215,184,117,.14)!important;outline:0}
.mg-notification-row{cursor:pointer;transition:background .18s ease,padding .18s ease;border-radius:12px;padding:14px!important}.mg-notification-row:hover{background:rgba(215,184,117,.09)}.mg-unread{border-left:3px solid #d7b875}.mg-recent-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:pointer;width:100%;padding:13px 12px;background:transparent;color:inherit;border:0;border-bottom:1px solid rgba(150,160,180,.12);border-radius:10px}.mg-recent-notice:hover{background:rgba(215,184,117,.1)}.mg-recent-notice span:first-child{display:grid;gap:3px}.mg-recent-notice small{color:#aeb8c8}.mg-recent-notice span:last-child{white-space:nowrap;color:#e2c78c}
.mg-morning-overlay{position:fixed;inset:0;z-index:900;background:rgba(3,7,15,.85);backdrop-filter:blur(18px);display:grid;place-items:center;animation:mg-fade .6s ease}.mg-morning-panel{width:min(92vw,590px);padding:52px 38px 40px;border:1px solid rgba(229,194,129,.55);border-radius:24px;background:radial-gradient(circle at 50% 0%,rgba(215,184,117,.2),transparent 55%),linear-gradient(160deg,#1f2938,#0c1421);box-shadow:0 35px 100px #0009,0 0 90px rgba(215,184,117,.15);text-align:center;color:#eef0f4;animation:mg-rise .7s cubic-bezier(.2,.8,.2,1)}.mg-morning-halo{font-size:54px;color:#e9ca8c;animation:mg-pulse 2.8s infinite}.mg-morning-kicker{font-size:11px;letter-spacing:.32em;color:#e5c98c}.mg-morning-panel h2{font-size:clamp(27px,5vw,45px);font-weight:600;letter-spacing:-.03em;margin:16px 0}.mg-morning-panel blockquote{font-size:clamp(20px,3vw,28px);line-height:1.45;margin:28px 0;color:#f6e2bb}.mg-morning-panel p{color:#c1c8d3;margin-bottom:28px}.mg-morning-panel .btn{min-width:200px}
@keyframes mg-fade{from{opacity:0}to{opacity:1}}@keyframes mg-rise{from{opacity:0;transform:translateY(35px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mg-pulse{50%{opacity:.55;transform:scale(1.12)}}@media(prefers-reduced-motion:reduce){.mg-morning-overlay,.mg-morning-panel,.mg-morning-halo{animation:none!important}}

/* Warm marble content surface balances the graphite sidebar. */
.workspace{background:radial-gradient(circle at 85% 0%,rgba(215,184,117,.12),transparent 45%),linear-gradient(145deg,#f7f7f5,#eef1f3)}
.topbar{background:#fafaf8!important;border-bottom:1px solid #e6dccb!important}
.brandmark{background:linear-gradient(145deg,#e1bf76,#a77f3d)!important;color:#101722!important;box-shadow:0 0 0 5px rgba(215,184,117,.12)!important}
.navbtn.active{background:rgba(215,184,117,.16)!important;color:#ecd7a8!important}
.navbtn:hover{background:rgba(215,184,117,.1)!important}
.card,.login-card{background:#fffdfb!important}
.mg-live-notice{border:1px solid rgba(215,184,117,.44)}
