.mx-life-cycle{
    --lw-accent:#ea9fc6;
    --lw-border:#d0d0d0;
    --lw-border-soft:#e5e5e5;
    --lw-text:#222;
    --lw-muted:#4c4b4b;
    --lw-bg:#fff;
    --lw-danger:#e53935;
    --lw-success:#38a169;
  }
  
  .mx-life-cycle .lw-info-wrap{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:10px;
  }
  .mx-life-cycle .lw-title{
    font-size:20px;
    font-weight:600;
    line-height:1.3;
  }
  .mx-life-cycle .lw-info-trigger{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:28px;
    height:28px;
    border-radius:50%;
    background:transparent;
    border:none;
    color:#666;
    cursor:pointer;
    padding:0;
    transition:transform .12s ease, color .12s ease;
  }
  .mx-life-cycle .lw-info-trigger:hover{
    transform:scale(1.05);
    color:#555;
  }
  .mx-life-cycle .lw-info-trigger:focus{
    outline:2px solid #cfcfcf;
    outline-offset:2px;
  }
  
  .mx-life-cycle .lw-sync-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#a0a0a0;
    display:inline-block;
    margin-left:6px;
  }
  .mx-life-cycle .lw-sync-dot.is-saving{
    animation:lwPulse 1s infinite;
  }
  .mx-life-cycle .lw-sync-dot.is-saved{
    background:var(--lw-success);
  }
  @keyframes lwPulse{
    0%{opacity:.4}
    50%{opacity:1}
    100%{opacity:.4}
  }
  
  .mx-life-cycle .lw-wrap{
    display:grid;
    grid-template-columns:minmax(280px,1fr) minmax(320px,520px);
    gap:16px;
    align-items:start;
  }
  .mx-life-cycle .lw-left{
    border:1px solid rgba(255,255,255,.38);
    border-radius:18px;
    background:rgba(255,255,255,.34);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    box-shadow:
      0 8px 24px rgba(31, 38, 135, .10),
      inset 0 1px 0 rgba(255,255,255,.28);
    padding:14px;
  }
  .mx-life-cycle .lw-right{
    display:block;
  }
  
  .mx-life-cycle .lw-comments{
    background:rgba(255,255,255,.30);
    border:1px solid rgba(255,255,255,.40);
    border-radius:18px;
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    box-shadow:
      0 8px 24px rgba(31, 38, 135, .10),
      inset 0 1px 0 rgba(255,255,255,.28);
    padding:14px;
  }
  .mx-life-cycle .lw-comments-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
  }
  .mx-life-cycle .lw-comments-title{
    font-size:16px;
    font-weight:600;
    color:#555;
  }
  .mx-life-cycle .lw-comments-toggle{
    width:30px;
    height:30px;
    border:none;
    background:transparent;
    border-radius:8px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
  }
  .mx-life-cycle .lw-comments-toggle:hover{
    background:#f5f5f5;
  }
  .mx-life-cycle .lw-comments-toggle:focus{
    outline:2px solid #cfcfcf;
    outline-offset:2px;
  }
  .mx-life-cycle .lw-comments-chevron{
    width:9px;
    height:9px;
    border-right:2px solid #777;
    border-bottom:2px solid #777;
    transform:rotate(45deg);
    transition:transform .18s ease;
    margin-top:-2px;
  }
  .mx-life-cycle .lw-comments.is-collapsed .lw-comments-chevron{
    transform:rotate(-45deg);
    margin-top:2px;
  }
  .mx-life-cycle .lw-comments-body{
    margin-top:12px;
  }
  .mx-life-cycle .lw-comments.is-collapsed .lw-comments-body{
    display:none;
  }
  
  .mx-life-cycle .lw-field{
    background:rgba(255,255,255,.26);
    border:1px solid rgba(255,255,255,.42);
    border-radius:16px;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.24),
      0 4px 14px rgba(31,38,135,.06);
    padding:10px;
    transition:border-color .12s ease, box-shadow .12s ease, background .12s ease;
  }
  .mx-life-cycle .lw-field.lw-field--full{
    grid-column:1 / -1;
    margin-bottom:12px;
  }
  .mx-life-cycle .lw-grid-3{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:12px;
  }
  .mx-life-cycle .lw-label{
    display:block;
    margin-bottom:6px;
    font:600 12px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    color:var(--lw-muted);
    letter-spacing:.2px;
  }
  .mx-life-cycle .lw-textarea{
    width:100%;
    height:92px;
    resize:none;
    overflow:auto;
    border:1px solid #e0e0e0;
    border-radius:10px;
    padding:10px 12px;
    font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    color:var(--lw-text);
    background:rgba(255,255,255,.70);
    box-sizing:border-box;
  }
  .mx-life-cycle .lw-textarea:focus{
    outline:none;
    border-color:#c9a7c2;
    box-shadow:0 0 0 3px rgba(234,159,198,.2);
  }
  
  .mx-life-cycle .lw-field.lw-lowest{
    border-color:var(--lw-danger);
    box-shadow:0 0 0 2px rgba(229,57,53,.12) inset;
  }
  
  .mx-life-cycle .lw-stats{
    margin-top:10px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .mx-life-cycle .lw-stat{
    border:1px solid var(--lw-border-soft);
    border-radius:10px;
    padding:8px 10px;
    font:13px/1.35 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    background:#fff;
  }
  .mx-life-cycle .lw-stat--up{
    color:#2e7d32;
  }
  .mx-life-cycle .lw-stat--down{
    color:#c62828;
  }
  
  .mx-life-cycle .lw-wheel-host{
    width:100%;
  }
  .mx-life-cycle .lw-wheel-host svg{
    display:block;
    width:100%;
    height:auto;
    overflow:visible;
  }
  .mx-life-cycle .lw-wheel-host svg [tabindex]:focus,
  .mx-life-cycle .lw-wheel-host svg [tabindex]:focus-visible{
    outline:none;
  }
  
  .mx-life-cycle .lw-info-overlay[hidden]{
    display:none;
  }
  .mx-life-cycle .lw-info-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.45);
    z-index:1000;
  }
  .mx-life-cycle .lw-info-modal[hidden]{
    display:none;
  }
  .mx-life-cycle .lw-info-modal{
    position:fixed;
    inset:0;
    z-index:1001;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
  }
  .mx-life-cycle .lw-card{
    background:#fff;
    color:#000;
    border-radius:12px;
    box-shadow:0 10px 30px rgba(0,0,0,.2);
    max-width:680px;
    width:min(92vw,680px);
    max-height:80vh;
    overflow:auto;
    padding:20px 24px 24px;
    position:relative;
    display:flex;
    flex-direction:column;
    gap:12px;
    scrollbar-gutter:stable both-edges;
    scrollbar-color:#c7c7c7 #eee;
    scrollbar-width:auto;
  }
  .mx-life-cycle .lw-card::-webkit-scrollbar{
    width:10px;
  }
  .mx-life-cycle .lw-card::-webkit-scrollbar-track{
    background:#eee;
    border-radius:8px;
  }
  .mx-life-cycle .lw-card::-webkit-scrollbar-thumb{
    background:#c7c7c7;
    border-radius:8px;
  }
  .mx-life-cycle .lw-card::-webkit-scrollbar-thumb:hover{
    background:#b5b5b5;
  }
  .mx-life-cycle .lw-modal-heading{
    margin:0 0 4px;
    font-size:18px;
    font-weight:600;
  }
  .mx-life-cycle .lw-info-body{
    font-size:16px;
    line-height:1.6;
  }
  .mx-life-cycle .lw-info-body p{
    margin:0 0 12px;
  }
  .mx-life-cycle .lw-info-close{
    position:sticky;
    top:8px;
    align-self:flex-end;
    z-index:2;
    width:20px;
    height:20px;
    border-radius:50%;
    border:none;
    background:#fff;
    color:#555;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    line-height:1;
    cursor:pointer;
    transition:background .12s ease, transform .12s ease;
  }
  .mx-life-cycle .lw-info-close:hover{
    background:#f5f5f5;
    transform:scale(1.05);
  }
  .mx-life-cycle .lw-info-close:focus{
    outline:2px solid #cfcfcf;
    outline-offset:2px;
  }
  
  @media (max-width: 980px){
    .mx-life-cycle .lw-wrap{
      grid-template-columns:1fr;
    }
    .mx-life-cycle .lw-grid-3{
      grid-template-columns:1fr 1fr;
    }
  }
  @media (max-width: 560px){
    .mx-life-cycle .lw-grid-3{
      grid-template-columns:1fr;
    }
    .mx-life-cycle .lw-textarea{
      height:110px;
    }
    @media (min-width: 561px) and (max-width: 979px){
        .mx-life-cycle .lw-comments-body{
          display:grid !important;
          grid-template-columns:1fr 1fr !important;
          gap:12px !important;
          align-items:start;
        }
      
        .mx-life-cycle .lw-comments-body > .lw-field--full{
          grid-column:1 / 2 !important;
          width:auto !important;
          min-width:0 !important;
          margin:0 !important;
        }
      
        .mx-life-cycle .lw-comments-body > .lw-grid-3{
          display:contents !important;
        }
      
        .mx-life-cycle .lw-comments-body > .lw-field--full .lw-textarea{
          height:92px !important;
        }
      }
  }