/* ===== monitoring page bespoke ===== */
  .mon-cap{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
  .cap-card{background:var(--white);border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-lg);padding:28px 24px;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;}
  .cap-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);}
  .cap-ic{width:52px;height:52px;border-radius:14px;background:rgba(26,86,160,.08);display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:all .3s;}
  .cap-card:hover .cap-ic{background:var(--navy);}
  .cap-ic svg{width:26px;height:26px;stroke:var(--blue);fill:none;stroke-width:1.8;transition:stroke .3s;}
  .cap-card:hover .cap-ic svg{stroke:var(--green-light);}
  .cap-card h3{font-family:var(--font-heading);font-size:1.12rem;font-weight:700;margin-bottom:8px;}
  .cap-card p{font-size:.9rem;color:var(--text-sub);line-height:1.65;}

  .console{background:var(--navy);position:relative;overflow:hidden;}
  .console-wrap{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center;position:relative;z-index:2;}
  .console-text .section-subtitle{margin-bottom:24px;}
  .console-list{display:flex;flex-direction:column;gap:12px;}
  .console-list .ci{display:flex;gap:12px;align-items:flex-start;color:rgba(255,255,255,.82);font-size:.96rem;}
  .console-list .ci svg{width:20px;height:20px;stroke:var(--green-light);fill:none;stroke-width:2.4;flex-shrink:0;margin-top:2px;}
  .panel{background:linear-gradient(160deg,rgba(19,40,71,.9),rgba(10,22,40,.96));border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:18px;box-shadow:0 30px 70px -20px rgba(0,0,0,.6);}
  .panel-head{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 14px;border-bottom:1px solid rgba(255,255,255,.08);}
  .panel-head .t{font-family:var(--font-data);font-size:.82rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px;}
  .panel-head .dot{width:8px;height:8px;border-radius:50%;background:var(--green-light);animation:bl 1.4s infinite;}
  @keyframes bl{0%,100%{opacity:1}50%{opacity:.3}}
  .panel-badge{font-size:.66rem;font-family:var(--font-data);color:#7CD89E;background:rgba(74,155,50,.14);border:1px solid rgba(74,155,50,.28);padding:4px 10px;border-radius:var(--radius-full);}
  .dev-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:11px 6px;border-bottom:1px solid rgba(255,255,255,.05);}
  .dev-row:last-child{border-bottom:none;}
  .dev-name{display:flex;align-items:center;gap:9px;color:rgba(255,255,255,.85);font-size:.84rem;}
  .dev-name svg{width:15px;height:15px;stroke:rgba(255,255,255,.5);fill:none;stroke-width:1.8;}
  .dev-meter{width:70px;height:5px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden;}
  .dev-meter i{display:block;height:100%;border-radius:3px;}
  .dev-stat{font-family:var(--font-data);font-size:.7rem;font-weight:700;padding:3px 9px;border-radius:var(--radius-full);}
  .st-ok{color:#7CD89E;background:rgba(74,155,50,.14);}
  .st-warn{color:#F5C85A;background:rgba(245,200,90,.12);}
  .st-patch{color:#6FB8E8;background:rgba(59,130,196,.14);}

  .auto-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(0,0,0,.06);border-radius:var(--radius-lg);overflow:hidden;}
  .auto{background:var(--white);padding:30px 20px;text-align:center;}
  .auto .v{font-family:var(--font-data);font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:700;color:var(--blue);line-height:1;}
  .auto .l{font-size:.82rem;color:var(--text-sub);margin-top:8px;}

  .os-row{display:flex;flex-wrap:wrap;gap:12px;}
  .os-chip{display:flex;align-items:center;gap:9px;padding:12px 20px;background:var(--white);border:1px solid rgba(0,0,0,.07);border-radius:var(--radius-full);font-weight:600;font-size:.92rem;transition:all .25s;}
  .os-chip:hover{border-color:var(--blue);box-shadow:var(--shadow-sm);transform:translateY(-2px);}
  .os-chip svg{width:18px;height:18px;stroke:var(--green);fill:none;stroke-width:2.2;}

  @media(max-width:900px){.mon-cap{grid-template-columns:1fr;}.console-wrap{grid-template-columns:1fr;gap:34px;}.auto-grid{grid-template-columns:repeat(2,1fr);}}