.jl-saas{
    max-width:1220px;
    margin:0 auto;
    padding:24px 16px 56px;
    color:var(--jl-brand-text,#2F2E2E);
}
.jl-saas *{box-sizing:border-box}
.jl-saas-head{
    display:flex;
    justify-content:space-between;
    gap:20px;
    align-items:center;
    margin-bottom:24px;
    flex-wrap:wrap;
}
.jl-saas-head h1{
    font-size:clamp(1.4rem,3vw,2rem);
    margin:8px 0;
    color:var(--jl-brand-text,#2F2E2E);
}
.jl-saas-head p,
.jl-saas-card>p,
.jl-saas-hint,
.jl-saas-card>small,
.jl-saas-table-wrap small{
    color:var(--jl-brand-muted,#687c73);
    opacity:1;
    line-height:1.55;
}
.jl-saas-eyebrow{
    color:#20a67f;
    font-weight:700;
    font-size:.8rem;
    text-transform:uppercase;
    letter-spacing:.07em;
}
.jl-saas-kpi{
    border:1px solid var(--jl-brand-border,#dce9df);
    border-radius:99px;
    padding:9px 15px;
    font-weight:700;
    color:var(--jl-brand-text,#2F2E2E);
    background:#fff;
}
.jl-saas-note{
    display:flex;
    gap:15px;
    padding:17px 20px;
    background:var(--jl-brand-soft,#e8f4ed);
    border:1px solid var(--jl-brand-border,#dce9df);
    border-radius:14px;
    margin-bottom:24px;
}
.jl-saas-note>i{font-size:23px;color:#20a67f}
.jl-saas-note strong{color:var(--jl-brand-primary-dark,#153F26)}
.jl-saas-note p{margin:6px 0 0;line-height:1.5;color:var(--jl-brand-text,#2F2E2E)}
.jl-saas-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));
    gap:20px;
}
.jl-saas-card{
    padding:24px;
    background:var(--jl-brand-surface,#ffffff);
    border:1px solid var(--jl-brand-border,#dce9df);
    border-radius:18px;
    min-width:0;
    box-shadow:0 12px 28px rgba(29,89,51,.05);
}
.jl-saas-card h2{
    font-size:1.2rem;
    margin:0 0 8px;
    color:var(--jl-brand-text,#2F2E2E);
}
.jl-saas-card h2 i{color:#20a67f;margin-right:7px}
.jl-saas-card form{display:grid;gap:16px;margin:20px 0}
.jl-saas-card label{
    display:grid;
    gap:7px;
    font-weight:600;
    font-size:.92rem;
    color:var(--jl-brand-text,#2F2E2E);
}
.jl-saas-card input{
    display:block;
    width:100%;
    border-radius:11px;
    border:1px solid var(--jl-brand-border,#dce9df);
    background:#fff;
    color:var(--jl-brand-text,#2F2E2E);
    padding:12px 14px;
    font-size:1rem;
    min-width:0;
}
.jl-saas-card input::placeholder{color:#8a9a92}
.jl-saas-card input:focus{
    outline:none;
    border-color:var(--jl-brand-primary,#1D5933);
    box-shadow:0 0 0 4px rgba(29,89,51,.12);
}
.jl-saas-btn{
    border:0;
    border-radius:11px;
    background:#1D5933;
    color:#fff;
    padding:13px 16px;
    cursor:pointer;
    font-weight:700;
}
.jl-saas-btn:hover{background:#164529;color:#fff}
.jl-saas-btn.secondary{background:#35556a;color:#fff}
.jl-saas-btn.secondary:hover{background:#294758}
.jl-saas-btn:disabled{opacity:.55;cursor:wait}
.jl-saas-btn:focus-visible,.jl-saas-card input:focus-visible{outline:3px solid var(--jl-brand-focus,#a4d4ba);outline-offset:2px}
.jl-saas-admins{display:grid;gap:10px;margin:20px 0}
.jl-saas-admin{
    display:flex;
    gap:10px;
    align-items:center;
    padding:12px;
    border-radius:10px;
    border:1px solid var(--jl-brand-border,#dce9df);
    background:#fff;
}
.jl-saas-admin i{color:#20a67f}
.jl-saas-admin small,.jl-saas-table-wrap small{display:block;overflow-wrap:anywhere;color:var(--jl-brand-muted,#687c73);line-height:1.55}
.jl-saas-list{margin-top:20px}
.jl-saas-table-wrap{overflow-x:auto}
.jl-saas-table-wrap table{
    border-collapse:collapse;
    width:100%;
    text-align:left;
    margin-top:15px;
}
.jl-saas-table-wrap th,
.jl-saas-table-wrap td{
    padding:15px 10px;
    border-bottom:1px solid rgba(140,150,160,.25);
    vertical-align:top;
    color:var(--jl-brand-text,#2F2E2E);
}
.jl-saas-table-wrap th{color:var(--jl-brand-muted,#687c73);font-size:.92rem}
.jl-saas-pill{
    display:inline-block;
    border-radius:99px;
    padding:6px 10px;
    font-size:.8rem;
    font-weight:700;
}
.jl-saas-pill.active{background:rgba(29,89,51,.12);color:#1D5933}
.jl-saas-pill.pending{background:rgba(224,167,53,.18);color:#9b6b12}
.jl-saas-result{
    border-radius:11px;
    padding:14px;
    margin-top:14px;
    line-height:1.5;
    overflow-wrap:anywhere;
}
.jl-saas-result.success{
    background:rgba(29,89,51,.08);
    border:1px solid rgba(29,89,51,.22);
    color:var(--jl-brand-text,#2F2E2E);
}
.jl-saas-result.error{
    background:rgba(207,70,70,.08);
    border:1px solid rgba(198,80,80,.3);
    color:#7d2020;
}
.jl-saas-result input{margin:8px 0}
.jl-saas-result+.jl-saas-btn{margin-top:10px}

/* Workspace responsible team ---------------------------------------------- */
.jl-saas-card select{
    display:block;
    width:100%;
    border-radius:11px;
    border:1px solid var(--jl-brand-border,#dce9df);
    background:#fff;
    color:var(--jl-brand-text,#2F2E2E);
    padding:12px 14px;
    font-size:1rem;
    min-width:0;
}
.jl-saas-card select:focus{outline:none;border-color:var(--jl-brand-primary,#1D5933);box-shadow:0 0 0 4px rgba(29,89,51,.12)}
.jl-saas-pill.owner{background:rgba(201,154,45,.14);color:#866116}
.jl-saas-pill.admin{background:rgba(29,89,51,.12);color:#1D5933}
.jl-saas-inline-btn{border:1px solid var(--jl-brand-border,#dce9df);border-radius:9px;background:#fff;color:var(--jl-brand-text,#2F2E2E);padding:8px 10px;font-size:.82rem;font-weight:700;cursor:pointer;white-space:nowrap}
.jl-saas-inline-btn:hover{background:#f6faf7}
.jl-saas-inline-btn.danger{border-color:#efd0d0;color:#9c3434;background:#fffafa}
.jl-saas-inline-btn.danger:hover{background:#fff1f1}