/* Extracted from src/scenarios/custom.njk style block 1 */
/* ============ custom.njk · page-scoped ============ */

/* §01 信创栈面板 — 分组 + 行 */
.cust-group{ margin-bottom:18px; }
.cust-group:last-child{ margin-bottom:0; }
.cust-group-label{
    display:flex; align-items:center; gap:10px;
    margin-bottom:11px;
    font-family:var(--font-mono);
    font-size:10.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
    color:var(--text-muted);
}
.cust-group-label::after{
    content:""; flex:1; height:1px; background:var(--scn-line-soft);
}

.cust-rows{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.cust-row{
    display:flex; align-items:center; gap:12px;
    padding:13px 14px;
    background:var(--scn-paper);
    border:1px solid var(--scn-line);
    border-radius:12px;
    transition:border-color .25s var(--ease-out), box-shadow .25s var(--ease-out);
}
.cust-row:hover{ border-color:rgba(116,68,253,.24); box-shadow:0 8px 20px rgba(45,38,28,.06); }
.cust-row i{
    width:36px; height:36px; border-radius:10px; flex-shrink:0;
    display:flex; align-items:center; justify-content:center;
    background:var(--accent-glow); color:var(--accent);
    font-size:15px;
}
.cust-row-tx{ min-width:0; }
.cust-row-tx b{
    display:block;
    font-size:13.5px; font-weight:800; letter-spacing:-.005em;
    color:var(--text-primary);
}
.cust-row-tx small{
    display:block; margin-top:2px;
    font-family:var(--font-mono);
    font-size:9.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase;
    color:var(--text-muted);
}

/* 状态行 */
.cust-status{
    margin-top:18px;
    display:flex; align-items:center; gap:12px;
    padding:13px 16px;
    background:rgba(45,212,164,.08);
    border:1px solid rgba(45,212,164,.3);
    border-radius:12px;
    font-size:13px; line-height:1.5; color:var(--text-secondary);
}
.cust-status .dot{
    width:8px; height:8px; border-radius:50%; flex-shrink:0;
    background:#2DD4A4; box-shadow:0 0 0 4px rgba(45,212,164,.16);
}
.cust-status b{ color:var(--text-primary); font-weight:800; }

/* §02 多语种墙 */
.cust-langs{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.cust-lang{
    padding:14px 10px; text-align:center;
    background:var(--scn-paper);
    border:1px solid var(--scn-line);
    border-radius:12px;
    transition:transform .25s var(--ease-out), border-color .25s var(--ease-out), box-shadow .25s var(--ease-out);
}
.cust-lang:hover{
    transform:translateY(-2px);
    border-color:rgba(116,68,253,.24);
    box-shadow:0 8px 20px rgba(45,38,28,.06);
}
.cust-lang b{
    display:block; margin-bottom:5px;
    font-size:16px; font-weight:800; line-height:1.15;
    color:var(--text-primary);
}
.cust-lang small{
    display:block;
    font-family:var(--font-mono);
    font-size:9.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase;
    color:var(--text-muted);
}

/* §02 合规标签 */
.cust-compliance{ display:flex; flex-wrap:wrap; gap:8px; }
.cust-compliance span{
    display:inline-flex; align-items:center;
    padding:6px 12px; border-radius:8px;
    background:var(--accent-glow);
    border:1px solid rgba(116,68,253,.16);
    font-family:var(--font-mono);
    font-size:10.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
    color:var(--accent);
}

@media (max-width:480px){
    .cust-rows{ grid-template-columns:1fr; }
    .cust-langs{ grid-template-columns:repeat(2,1fr); }
}