/* Scoped + Inter forced */
  #welo-status.ws{
    font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    color:#0b1220;
    background:#fff;
    font-size:16px;
  }
  #welo-status *{
    box-sizing:border-box;
    font-family:inherit !important;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
  }

  #welo-status .ws-container{
    max-width: 980px;
    margin: 0 auto;
    padding: 28px 16px;
  }

  /* Banner */
  #welo-status .ws-banner{
    border:1px solid #2fd6a7;
    background:#d7f8eb;
    border-radius:12px;
    padding:14px 16px;
    margin-bottom:16px;
  }
  #welo-status .ws-banner.is-warn{border-color:#ffd8a5;background:#fff3dd;}
  #welo-status .ws-banner.is-down{border-color:#ffb4ae;background:#ffe4e2;}

  #welo-status .ws-banner-head{
    display:flex; align-items:center; gap:10px;
    margin-bottom:6px;
  }
  #welo-status .ws-dot{
    width:20px;height:20px;border-radius:999px;
    display:grid;place-items:center;
    box-shadow: inset 0 0 0 3px rgba(255,255,255,.9);
    flex:0 0 auto;
  }
  #welo-status .ws-dot svg{width:12px;height:12px;fill:#fff;}
  #welo-status .ws-dot-ok{background:#12b76a;}
  #welo-status .ws-dot-warn{background:#f79009;}
  #welo-status .ws-dot-down{background:#f04438;}

  #welo-status .ws-banner-title{font-weight:700;font-size:14px;letter-spacing:-.01em;}
  #welo-status .ws-banner-desc{font-size:13px;color:rgba(11,18,32,.70);}

  /* Card */
  #welo-status .ws-card{
    border:1px solid #eaecf0;
    border-radius:16px;
    background:#fff;
    overflow:hidden;
  }

  #welo-status .ws-card-head{
    padding:16px 16px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    border-bottom:1px solid #eaecf0;
  }
  #welo-status .ws-card-title{
    font-weight:800;
    font-size:20px;
    letter-spacing:-.02em;
  }

  /* pill nav */
  #welo-status .ws-pill{
    display:flex;
    align-items:center;
    gap:10px;
    border:1px solid #eaecf0;
    border-radius:16px;
    padding:8px 10px;
    background:#fff;
    box-shadow: 0 10px 26px rgba(16,24,40,.08);
    user-select:none;
  }
  #welo-status .ws-pill-btn{
    width:36px;height:36px;
    border-radius:12px;
    border:1px solid #eaecf0;
    background:#fff;
    color:#667085;
    font-size:20px;
    display:grid;
    place-items:center;
    cursor:pointer;
    transition: box-shadow .15s ease, border-color .15s ease, transform .06s ease, opacity .15s ease;
  }
  #welo-status .ws-pill-btn:hover{
    border-color:#d0d5dd;
    box-shadow: 0 12px 20px rgba(16,24,40,.10);
  }
  #welo-status .ws-pill-btn:active{transform:translateY(1px);}
  #welo-status .ws-pill-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;}

  #welo-status .ws-pill-label{
    font-size:16px;
    font-weight:600;
    color:#667085;
    white-space:nowrap;
    letter-spacing:-.01em;
    padding:0 4px;
    text-transform: lowercase;
  }

  /* Calendar */
  #welo-status .ws-cal{padding:12px 16px 12px;}
  #welo-status .ws-cal-dow{
    display:grid;
    grid-template-columns:repeat(7,1fr);
    gap:8px;
    color:#98a2b3;
    font-size:12px;
    font-weight:600;
    padding: 6px 2px 10px;
  }
  #welo-status .ws-cal-dow > div{text-align:center;}

  #welo-status .ws-cal-grid{
    display:grid;
    grid-template-columns:repeat(7,1fr);
    gap:8px;
  }
  #welo-status .ws-day{
    height:44px;
    border-radius:14px;
    border:1px solid #eaecf0;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    font-size:13px;
    color:rgba(11,18,32,.72);
    user-select:none;
  }
  #welo-status .ws-day.is-empty{
    border-color:transparent;
    background:transparent;
    color:transparent;
  }
  #welo-status .ws-day.is-today{
    box-shadow: inset 0 0 0 2px rgba(59,130,246,.35);
    border-color: rgba(59,130,246,.25);
  }
  #welo-status .ws-day.is-warn{
    box-shadow: inset 0 0 0 2px rgba(247,144,9,.35);
    border-color: rgba(247,144,9,.25);
  }
  #welo-status .ws-day.is-down{
    box-shadow: inset 0 0 0 2px rgba(240,68,56,.30);
    border-color: rgba(240,68,56,.25);
  }

  /* footer */
  #welo-status .ws-footer{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:10px;
    margin-top:12px;
    padding-top:12px;
    border-top:1px solid #eaecf0;
    color:#98a2b3;
    font-size:12px;
    font-weight:600;
  }
  #welo-status .ws-link{color:#98a2b3;text-decoration:none;}
  #welo-status .ws-link:hover{color:#667085;text-decoration:underline;}
  #welo-status .ws-sep{opacity:.7;}

  /* Tooltip */
  #welo-status .ws-tip{
    position:fixed;
    z-index:999999;
    max-width: 360px;
    background:#fff;
    border:1px solid #eaecf0;
    border-radius:14px;
    box-shadow: 0 18px 40px rgba(16,24,40,.12);
    padding:12px 12px;
    pointer-events:none;
    opacity:0;
    transform: translateY(6px);
    transition: opacity .12s ease, transform .12s ease;
  }
  #welo-status .ws-tip.is-open{opacity:1;transform:translateY(0);}
  #welo-status .ws-tip-title{
    font-weight:800;
    font-size:16px;
    color:#101828;
    margin-bottom:8px;
    letter-spacing:-.02em;
    text-transform: lowercase;
  }
  #welo-status .ws-tip-row{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:14px;
    color:#667085;
    font-weight:600;
    line-height:1.25;
  }
  #welo-status .ws-mini{
    width:22px;height:22px;border-radius:999px;
    display:grid;place-items:center;
    box-shadow: inset 0 0 0 3px rgba(255,255,255,.9);
    flex:0 0 auto;
  }
  #welo-status .ws-mini svg{width:12px;height:12px;fill:#fff;}
  #welo-status .ws-mini.ok{background:#12b76a;}
  #welo-status .ws-mini.warn{background:#f79009;}
  #welo-status .ws-mini.down{background:#f04438;}

  @media (max-width: 860px){
    #welo-status .ws-card-title{font-size:18px;}
    #welo-status .ws-pill-label{font-size:14px;}
  }