/* DEV-13 · PAGE 36 · approved empty / confirmation state language */
.state-page{padding:42px 0 96px}
.state-shell{width:min(var(--container,1360px),calc(100% - (var(--gutter,28px) * 2)));margin:auto}
.lk3-state-component{margin-top:40px;min-height:260px;padding:58px 0 60px;border-top:2px solid var(--ink,#151515);border-bottom:1px solid rgba(21,21,21,.18)}
.lk3-state-component.is-page{min-height:500px;padding:76px 0 66px}
.lk3-state-component.is-inline{min-height:0;padding:18px 0}
.lk3-state-inner{max-width:720px}
.lk3-state-kicker{display:block;color:#6b655d;font-size:14px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.lk3-state-signal{width:68px;height:5px;margin-bottom:25px;background:var(--cobalt,#315bff)}
.lk3-state-signal.is-check{width:44px;height:44px;border:1px solid var(--ink,#151515);background:transparent;display:grid;place-items:center;font-size:19px;font-weight:900}
.lk3-state-component :is(h1,h2){margin:8px 0 13px;font-size:clamp(30px,4vw,40px);line-height:1;letter-spacing:-.05em}
.lk3-state-component.is-page :is(h1,h2){font-size:clamp(52px,5.8vw,68px);line-height:.94}
.lk3-state-component.is-inline h2{margin:0;font-size:15px;letter-spacing:0}
.lk3-state-body{margin:0;max-width:680px;color:var(--muted,#67615a);font-size:15px;line-height:1.62}
.lk3-state-actions{margin-top:24px;display:flex;flex-wrap:wrap;gap:10px}
.lk3-state-primary,.lk3-state-secondary{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:0 17px;font-size:14px;font-weight:900;text-decoration:none}
.lk3-state-primary{border:2px solid var(--cobalt,#315bff);background:var(--cobalt,#315bff);color:#fff}
.lk3-state-secondary{border:1px solid rgba(21,21,21,.28);background:transparent;color:var(--ink,#151515)}
.lk3-state-detail{margin-top:26px;min-height:54px;display:grid;grid-template-columns:190px 1fr;gap:18px;align-items:center;border-top:1px solid rgba(21,21,21,.18);border-bottom:1px solid rgba(21,21,21,.14)}
.lk3-state-detail span{color:#716b63;font-size:14px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.lk3-state-detail strong{font-size:14px}
.lk3-region-failure{margin-top:40px;padding:24px 0;border-top:3px solid var(--ink,#151515);border-bottom:1px solid rgba(21,21,21,.18)}
.lk3-region-failure h2{margin:7px 0 8px;font-size:22px;line-height:1.15}
.lk3-region-failure p{margin:0;color:var(--muted,#67615a);font-size:16px;line-height:1.55}
.lk3-offline-rail{position:fixed;z-index:99999;left:50%;bottom:18px;transform:translateX(-50%);width:min(880px,calc(100% - 32px));padding:15px 18px;border:1px solid var(--ink,#151515);border-left:5px solid var(--cobalt,#315bff);background:var(--paper,#f4efe6);box-shadow:0 10px 34px rgba(21,21,21,.18);color:var(--ink,#151515)}
.lk3-offline-rail[hidden]{display:none!important}
.lk3-offline-rail strong{font-size:14px}
.lk3-offline-rail span{margin-left:10px;color:#5f5a53;font-size:14px}
@media(max-width:620px){
  .state-page{padding-top:22px;padding-bottom:72px}
  .lk3-state-component{margin-top:30px;padding:44px 0 46px}
  .lk3-state-component.is-page{padding:54px 0 48px}
  .lk3-state-component :is(h1,h2){font-size:30px}
  .lk3-state-component.is-page :is(h1,h2){font-size:40px}
  .lk3-state-actions{display:grid}
  .lk3-state-primary,.lk3-state-secondary{width:100%}
  .lk3-state-detail{grid-template-columns:1fr;gap:4px;padding:11px 0}
  .lk3-offline-rail span{display:block;margin:4px 0 0}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}