/* Panel colors and motion; approved shared button optics stay unchanged. */
.mon .mon-select-button{position:relative;appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:space-between}.mon .mon-select-button:after{position:static;inset:auto;content:'';display:block;width:7px;height:7px;flex:none;background:none;border:0;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);box-shadow:none;padding:0;margin:0 3px 4px 12px;pointer-events:none}.mon .mon-switch input{appearance:none;position:relative;width:42px!important;height:24px!important;min-height:24px!important;flex:0 0 42px;padding:0;border-radius:999px!important;border:1px solid #c9c1e37a!important;background:#ced6ff16!important;cursor:pointer}.mon .mon-switch input:before{content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;border:1px solid #ffffff99;background:#ece4ff;box-shadow:0 2px 6px #03081c55;transform:none;transition:transform .2s ease,background .2s ease}.mon .mon-switch input:after{content:none!important}.mon .mon-switch input:checked{border-color:#baff9fba!important;background:#84dd9d2e!important;box-shadow:0 0 12px #94f2a42b}.mon .mon-switch input:checked:before{transform:translateX(18px);background:#d5ffc7}
.mon{--mon-accent:164,110,255;--mon-accent-ink:#d9baff}.mon .mon-glass{--mon-accent:164,110,255;border-color:rgba(var(--mon-accent),.72);border-top-color:#eadcffbd;background:radial-gradient(ellipse at 12% 0%,rgba(var(--mon-accent),.3),transparent 66%),radial-gradient(ellipse at 100% 100%,rgba(var(--mon-accent),.15),transparent 65%),rgba(15,21,49,.69);box-shadow:0 9px 28px #02051c4d,0 0 19px rgba(var(--mon-accent),.12),inset 0 1px 1px #fff8,inset 0 -1px 1px rgba(var(--mon-accent),.28);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.mon .mon-metrics>article:nth-child(2),.mon #add-connection,.mon #statistics,.mon .mon-analytics{--mon-accent:53,192,255}.mon .mon-metrics>article:nth-child(3),.mon #reviews,.mon #add-media,.mon .mon-widget:nth-child(2){--mon-accent:244,140,255}.mon .mon-metrics>article:nth-child(4),.mon #add-proof,.mon .mon-detail-aside>.mon-panel:nth-child(2){--mon-accent:67,225,191}.mon #add-modules,.mon #gallery{--mon-accent:101,144,255}.mon #news,.mon #add-publish,.mon .mon-howto-side{--mon-accent:255,188,96}.mon .mon-card{--mon-accent:136,113,255}.mon .mon-card:hover,.mon .mon-metrics>article:hover{transform:translateY(-4px);box-shadow:0 13px 30px #02051c66,0 0 23px rgba(var(--mon-accent),.27),inset 0 1px #ffffffaa;border-color:rgba(var(--mon-accent),1)}
.mon .mon-panel>h2>svg,.mon .mon-widget>h2>svg,.mon .mon-metrics>article>svg{color:rgb(var(--mon-accent));filter:drop-shadow(0 0 7px rgba(var(--mon-accent),.6))}.mon .mon-metrics>article{padding:20px 23px;border-radius:20px}.mon .mon-metrics strong{text-shadow:0 0 20px rgba(var(--mon-accent),.28)}.mon .mon-brand>img{animation:mon-logo-float 6s ease-in-out infinite;filter:drop-shadow(0 0 17px #bc8aff77)}.mon .mon-hero{padding-top:0;padding-bottom:22px}.mon .mon-brand{gap:18px}.mon .mon-hero>p{margin-top:14px}.mon .mon-layout.mon-layout-compact{display:flex;flex-direction:column;gap:20px}.mon-layout-compact>.mon-list{width:100%}.mon-layout-compact>.mon-sidebar{width:100%;display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:18px;align-items:start}.mon-layout-compact .mon-widget{margin:0}.mon-layout-compact .mon-card{grid-template-columns:175px minmax(0,1fr) 220px}.mon-layout-compact .mon-cover{min-height:135px}.mon-layout-compact .mon-cover-logo{width:104px!important;height:104px!important}.mon .mon-filter-row{background:rgba(17,29,58,.69);border-color:#99dcff85}.mon .mon-filter-row>.mon-switch{gap:8px}.mon .mon-title h2{font-size:23px}.mon .mon-card .mon-summary{margin-bottom:12px}
.mon .mon-mode-picker{padding:14px;border:1px solid #b4a8ff70;border-radius:14px;background:#10193144}.mon .mon-mode-picker>input{min-height:40px;font-size:11px}.mon .mon-mode-count{font-size:10px;color:#b9edff;margin:10px 0!important}.mon .mon-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:310px;overflow:auto;padding:3px;scrollbar-width:thin;scrollbar-color:#b5a0ec66 transparent}.mon .mon-mode-chip{display:flex;justify-content:flex-start;gap:7px;padding:9px;min-height:37px;border:1px solid #c9c9f64d;background:transparent!important;font-size:10px;text-align:left;line-height:1.5;white-space:normal}.mon .mon-mode-chip>svg{width:16px;height:16px;color:#bba1fa;flex:none}.mon .mon-mode-chip[aria-pressed=true]{border-color:#baff9fc9;background:#84dd9d24!important;box-shadow:inset 0 0 15px #84dd9d11}.mon .mon-mode-chip[aria-pressed=true]>svg{color:#baff9f}.mon .mon-mode-chip[aria-pressed=true]:after{content:'✓';margin-left:auto;color:#baff9f}.mon .mon-form-column>.mon-panel{padding:20px}.mon .mon-field-wrap{margin-top:14px}.mon .mon-field-wrap>label{display:block;margin-bottom:6px}.mon .mon-proof-drawer,.mon .mon-manage-drawer{padding:17px;margin:18px 0;border-radius:18px}.mon .mon-proof-drawer>summary,.mon .mon-manage-drawer>summary{display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none;font-size:15px}.mon .mon-proof-drawer>summary>svg{color:#6be8d6}.mon .mon-proof-drawer>summary:after,.mon .mon-manage-drawer>summary:after{content:'+';margin-left:auto;color:#d5b5ff}.mon .mon-proof-drawer[open]>summary:after,.mon .mon-manage-drawer[open]>summary:after{content:'−'}.mon .mon-proof-drawer>.mon-panel{border:0;box-shadow:none;background:transparent;padding:14px 0 0;margin:0;backdrop-filter:none}.mon .mon-proof-drawer .mon-panel h2{display:none}.mon .mon-proof-drawer .mon-panel p{font-size:10px}.mon .mon-manage-drawer>form{margin-top:15px}.mon details>summary::-webkit-details-marker{display:none}
.mon .mon-animate{opacity:0;transform:translateY(12px);transition:opacity .45s ease var(--mon-delay),transform .45s ease var(--mon-delay),border-color .24s,box-shadow .24s}.mon .mon-animate.mon-in-view{opacity:1;transform:translateY(0)}.mon .mon-card.mon-in-view:hover,.mon .mon-metrics>.mon-in-view:hover{transform:translateY(-4px)}
@keyframes mon-logo-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:1100px){.mon-layout-compact>.mon-sidebar{grid-template-columns:1fr 1fr}.mon-layout-compact>.mon-sidebar>:last-child{grid-column:1/-1}.mon-layout-compact .mon-card{grid-template-columns:140px minmax(0,1fr)}.mon-layout-compact .mon-card-actions{grid-column:2;grid-template-columns:1fr 1fr}.mon .mon-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.mon-layout-compact>.mon-sidebar{grid-template-columns:1fr}.mon-layout-compact .mon-card{grid-template-columns:74px minmax(0,1fr)}.mon-layout-compact .mon-cover{min-height:80px}.mon-layout-compact .mon-cover-logo{width:64px!important;height:64px!important}.mon-layout-compact .mon-card-actions{grid-column:1/-1}.mon .mon-metrics>article{padding:16px 12px}.mon .mon-brand{gap:10px}.mon .mon-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mon .mon-hero{padding-bottom:15px}.mon .mon-title h2{font-size:20px}.mon .mon-mode-picker{padding:10px}}
@media(prefers-reduced-motion:reduce){.mon .mon-brand>img{animation:none}.mon .mon-animate{opacity:1;transform:none;transition:none}.mon .mon-glass{transition:none}}