/* Проверка вебхуков webhook.aironik.* - дополнения к оформлению стенда AIRONIK (style.css, tokens.css без изменений). */
[hidden]{display:none!important}
.skip-link{position:absolute;left:-9999px;top:8px;background:var(--base);padding:8px 14px;border-radius:12px;z-index:20}
.skip-link:focus{left:16px}
main:focus{outline:none}
.nav{min-height:88px}
.nav-account{font-size:13px;color:var(--spbSky4);overflow-wrap:anywhere}
.nav-btn{min-height:40px;padding:8px 16px;font-size:13px}
.auth.card{margin:24px auto 64px}
.auth.card h1{margin-bottom:4px}
.card+.card,.tabs+.card{margin-top:20px}
.summary .eyebrow,.auth .eyebrow{color:var(--spbSky4);margin-bottom:10px}
.summary h2{overflow-wrap:anywhere}
.summary-sub{margin-top:24px;font-size:16px}
.proto-list{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.proto-list li{border:1px solid var(--spbSky1);border-radius:16px;padding:14px 16px;min-width:0}
.proto-list strong{display:block;font-weight:500;font-size:14px}
.proto-list .hint{display:block;font-size:12px;color:var(--spbSky4);margin-top:6px}
.proto-list .badge{margin-top:8px}
.badge.ok{background:var(--brandGreen20);color:#086c37}
.badge.bad{background:#fff1f2;color:#a21725}
.badge.unknown{background:#fff4dd;color:#8a5300}
.tabs{display:flex;gap:4px;background:var(--comp-tabs-track);border-radius:var(--r-pill);padding:4px;margin-top:24px;overflow-x:auto;max-width:100%}
.tab{flex:1 1 auto;border:0;background:transparent;color:var(--comp-tabs-label);border-radius:var(--r-pill);padding:10px 18px;font-weight:500;font-size:14px;white-space:nowrap;min-height:44px}
.tab[aria-selected="true"]{background:var(--comp-tabs-pill);color:var(--content);box-shadow:var(--comp-tabs-pill-shadow)}
.tab:focus-visible{outline:3px solid var(--137C);outline-offset:1px}
.tabs-sm{margin-top:12px;display:inline-flex}
.tabs-sm .tab{min-height:36px;padding:6px 14px;font-size:13px;flex:0 0 auto}
.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.code-input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.55;min-height:240px}
.toolbar .btn{min-height:44px}
.notice{margin:16px 0 0}
.notice.warn{background:#fff4dd;color:#6b4100}
.notice.info,.notice:not(.error):not(.success):not(.warn){background:var(--spbSky0);color:var(--content)}
.exchange{margin-top:24px;align-items:start}
.pane{min-width:0}
.pane-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}
.pane-head h3{font-size:16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pane pre{margin:0;max-height:480px}
.btn-xs{min-height:34px!important;padding:6px 12px!important;font-size:12px}
.samples-title{margin-top:28px;font-size:16px}
.small{font-size:13px}
.input-action{display:flex;gap:8px;min-width:0}
.input-action input{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}
.list-heading{margin-top:28px}
.list-heading h3{font-size:16px}
.log-item summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;list-style:none}
.log-item summary::-webkit-details-marker{display:none}
.log-item summary::before{content:"›";display:inline-block;transition:transform .15s;color:var(--spbSky4)}
.log-item[open] summary::before{transform:rotate(90deg)}
.log-item .when{color:var(--spbSky4);font-weight:400;font-size:12px}
.log-item .url{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:400;font-size:12px;overflow-wrap:anywhere;flex-basis:100%}
.log-item h4{margin:14px 0 6px;font-size:13px;font-weight:500}
.log-item pre{margin:0}
.dir{font-size:11px;padding:3px 9px;border-radius:30px;background:#eef4ff;color:#1d4fb8}
.dir.in{background:var(--brandGreen20);color:#086c37}
.status{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}
.status.fail{color:#a21725}
.empty{padding:20px 0}
@media(max-width:720px){
  .nav{min-height:auto}
  .auth.card{margin:8px auto 40px;padding:22px}
  .card{padding:20px}
  .tabs{border-radius:16px}
  .tab{padding:10px 12px;font-size:13px}
  .input-action{flex-direction:column}
  .toolbar .btn{flex:1 1 auto}
}