/* Virgule state surfaces — convergence layer. Flat, quiet, recoverable. */
.vgl-state-surface{min-height:clamp(520px,72vh,760px);display:flex;align-items:center;justify-content:center;padding:112px 20px 88px;position:relative}
.vgl-state-inner{width:min(680px,100%);text-align:center}
.vgl-state-kicker{display:inline-block;color:var(--craie-doree);font:500 10px/1 var(--font-mono,var(--font-body));letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px}
.vgl-state-mark{font-family:var(--font-head);font-size:clamp(76px,14vw,150px);line-height:.78;color:var(--craie-doree);margin-bottom:22px}
.vgl-state-title{font:400 clamp(30px,5vw,56px)/.98 var(--font-head);letter-spacing:-.045em;color:var(--craie);margin:0 0 16px}
.vgl-state-copy{max-width:54ch;margin:0 auto;color:rgba(232,245,232,.56);font-size:15px;line-height:1.7}
.vgl-state-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:30px}
.vgl-state-actions a,.vgl-state-actions button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:11px 20px;border:1px solid rgba(232,245,232,.16);border-radius:var(--radius-sm);background:transparent;color:var(--craie);text-decoration:none;font:500 13px var(--font-body);cursor:pointer}
.vgl-state-actions .primary{background:var(--craie-doree);border-color:var(--craie-doree);color:var(--ardoise)}
.vgl-state-actions a:hover,.vgl-state-actions button:hover{border-color:rgba(217,168,87,.6);color:var(--craie-doree)}
.vgl-state-actions .primary:hover{color:var(--ardoise);opacity:.9}
.vgl-state-note{margin-top:30px;padding-top:18px;border-top:1px solid rgba(232,245,232,.08);color:rgba(232,245,232,.38);font-size:11px;line-height:1.6}
.vgl-state-panel{margin-top:30px;text-align:start;border-block:1px solid rgba(232,245,232,.1);padding:4px 0}
.vgl-state-panel-row{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 2px;border-bottom:1px solid rgba(232,245,232,.06);font-size:12px;color:rgba(232,245,232,.52)}
.vgl-state-panel-row:last-child{border-bottom:0}
.vgl-state-panel-row strong{font-weight:500;color:var(--craie)}
[dir=rtl] .vgl-state-copy{font-family:var(--font-arabic,var(--font-body))}
@media(max-width:560px){.vgl-state-surface{min-height:calc(100dvh - 60px);padding:96px 16px 70px}.vgl-state-title{font-size:34px}.vgl-state-copy{font-size:14px}.vgl-state-actions{display:grid;grid-template-columns:1fr;width:100%}.vgl-state-actions a,.vgl-state-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.vgl-state-actions a,.vgl-state-actions button{transition:none}}
.empty-state{max-width:620px;margin:18px auto 70px;padding:56px 24px 62px;border-block:1px solid rgba(232,245,232,.1);text-align:center;color:var(--craie)}
.empty-state-icon{width:52px;height:52px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(217,168,87,.28);border-radius:50%;color:var(--craie-doree);background:rgba(217,168,87,.05)}
.empty-state-text{max-width:38ch;margin:auto;font:400 17px/1.55 var(--font-head);color:rgba(232,245,232,.68)}