:root{
  --surface:#FDFAF5;--edge:#E2DDD5;
  --sh:0 1px 2px 0 rgba(0,0,0,.05);
}

#pane-mcp-console{
  --surface:#FDFAF5;--edge:#E2DDD5;
  --sh:0 1px 2px 0 rgba(0,0,0,.05);
  --ok:#1B8A3E;--ok-lo:#1B8A3E20;
  --warn:#D9A90B;--warn-lo:#D9A90B20;
  --crit:#D91E0B;--crit-lo:#D91E0B20;
  --info:#0B6DD9;--info-lo:#0B6DD920;
  --gold:#D9B90B;
}

@keyframes mcp-pulse{0%,100%{opacity:1}50%{opacity:.4}}
@keyframes mcp-spin{to{transform:rotate(360deg)}}
#pane-mcp-console .animate-pulse{animation:mcp-pulse 1.8s ease-in-out infinite}
#pane-mcp-console .spin{animation:mcp-spin .8s linear infinite}

.src-sys{border-radius:var(--r);overflow:hidden;font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;}
.src-sys-hdr{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface);border:1px solid var(--edge);border-radius:var(--r) var(--r) 0 0;}
.src-sys-name{font-size:15px;font-weight:600;color:var(--t1);letter-spacing:-.01em;}
.src-sys-sub{font-family:var(--mono);font-size:10px;color:var(--t3);margin-top:2px;}
.src-body{border:1px solid var(--edge);border-top:none;border-radius:0 0 var(--r) var(--r);background:var(--bg);overflow:hidden;}
.src-grp-hdr{font-family:var(--mono);font-size:9px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;padding:6px 16px 5px;background:var(--surface);border-bottom:1px solid var(--edge);color:var(--t4);}
.src-row{display:flex;gap:10px;align-items:baseline;padding:6px 16px;border-bottom:1px solid var(--edge);transition:background 80ms;}
.src-row:last-child{border-bottom:none;}
.src-row:hover{background:var(--surface);}
.src-key{font-family:var(--mono);font-size:9px;font-weight:600;color:var(--acc);width:196px;flex-shrink:0;}
.src-val{font-size:10px;color:var(--t2);flex:1;line-height:1.55;}
.src-mcol{font-family:var(--mono);font-size:8px;text-align:right;flex-shrink:0;width:56px;}
.src-badge{display:inline-flex;align-items:center;height:16px;padding:0 6px;border-radius:2px;font-family:var(--mono);font-size:9px;font-weight:500;}
.src-rtag{display:inline-flex;font-family:var(--mono);font-size:8px;padding:1px 5px;border-radius:2px;background:var(--edge);color:var(--t3);margin-right:3px;}

.mg-panel.hidden{display:none}
.mg-tab-bar{display:flex;border-bottom:2px solid var(--edge);margin-bottom:1.25rem;gap:0;}
.mg-tab{background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;padding:.5rem 1.25rem;font-size:.75rem;font-weight:600;color:var(--t3);cursor:pointer;transition:color .12s,border-color .12s;}
.mg-tab:hover{color:var(--t1);}
.mg-tab.mcp-active-tab{color:var(--t1);border-bottom-color:var(--acc);}

#pane-deploy{--surface:#FDFBF7;--surfaceHover:#EDE9E1;--surfaceEl:#E8E4DC;--border:rgba(0,0,0,.12);--borderLight:rgba(0,0,0,.07);--text:#0D0D0F;--textMuted:#787880;--textDim:#A0A0A8;--accent:#D94E12;--accentDim:rgba(217,78,18,.09);--radius:4px;--radiusLg:8px;}
@keyframes dp-pulse{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes dp-slideUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes dp-fadeIn{from{opacity:0}to{opacity:1}}
#pane-deploy .pkg-card{border:1px solid var(--border);border-radius:var(--radiusLg);padding:18px 16px;cursor:pointer;transition:all .2s ease;background:var(--surface)}
#pane-deploy .pkg-card:hover{border-color:var(--textDim);background:var(--surfaceHover)}
#pane-deploy .pkg-card.active{box-shadow:0 4px 16px rgba(0,0,0,.1)}
#pane-deploy .toggle-wrap{display:flex;align-items:center;gap:12px;cursor:pointer;padding:10px 0}
#pane-deploy .toggle-track{width:42px;height:24px;border-radius:12px;padding:2px;cursor:pointer;transition:all .25s;background:var(--border);position:relative}
#pane-deploy .toggle-track.on{background:var(--accent)}
#pane-deploy .toggle-thumb{width:20px;height:20px;border-radius:50%;transition:all .25s;transform:translateX(0)}
#pane-deploy .toggle-track.on .toggle-thumb{transform:translateX(18px);background:#fff}
#pane-deploy .toggle-track:not(.on) .toggle-thumb{background:var(--surface)}
#pane-deploy .toggle-label{font-size:13px;font-weight:500;color:var(--textMuted);transition:color .2s}
#pane-deploy .toggle-wrap.on .toggle-label{color:var(--text)}
#pane-deploy .provision-item{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:var(--radius);border:1px solid var(--borderLight);transition:all .4s}
#pane-deploy .provision-item.done{background:rgba(217,78,18,.04);border-color:rgba(217,78,18,.18)}
#pane-deploy .provision-item.running{background:rgba(217,78,18,.02);border-color:var(--border)}
#pane-deploy .provision-item.skipped{opacity:.4}
#pane-deploy .module-pill{font-size:10px;padding:5px 10px;border-radius:4px;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--textDim);font-weight:400;transition:all .15s;display:inline-block}
#pane-deploy .module-pill.on{font-weight:600}
#pane-deploy .hidden{display:none!important}
#pane-deploy .section-title{font-size:11px;font-weight:700;color:var(--textMuted);margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--borderLight);text-transform:uppercase;letter-spacing:1px}
#pane-deploy .field-label{font-size:10px;font-weight:600;color:var(--textMuted);display:block;margin-bottom:5px;text-transform:uppercase;letter-spacing:1.2px}
#pane-deploy input,#pane-deploy select,#pane-deploy textarea{width:100%;padding:8px 12px;border-radius:var(--radius);border:1px solid var(--border);font-size:13px;font-family:var(--sans);box-sizing:border-box;background:var(--surface);color:var(--text);outline:none}
#pane-deploy input:focus,#pane-deploy select:focus,#pane-deploy textarea:focus{border-color:rgba(217,78,18,.4)!important;box-shadow:0 0 0 2px rgba(217,78,18,.08)}
#pane-deploy select{cursor:pointer;appearance:none;-webkit-appearance:none}
#pane-deploy #form-drawer.dp-open{animation:dp-slideUp .35s ease forwards}
#pane-deploy #deploy-view{animation:dp-fadeIn .3s ease}
#pane-deploy #deploy-done{animation:dp-fadeIn .5s ease}
