.abal-wrap{max-width:1180px}
.abal-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:22px 0;padding:22px 24px;background:#fff;border:1px solid #dcdcde;border-radius:14px}
.abal-hero h1{margin:0 0 6px}.abal-hero p{margin:0;color:#646970}.abal-version{padding:6px 10px;border-radius:999px;background:#f0f0f1;font-weight:600}
.abal-card{background:#fff;border:1px solid #dcdcde;border-radius:14px;padding:22px;box-shadow:0 1px 2px rgba(0,0,0,.03)}.abal-card-wide{margin-top:20px}
.abal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.abal-export-actions{display:flex;gap:8px}
.abal-setting-row{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px 0;border-bottom:1px solid #f0f0f1}.abal-setting-row p{margin:4px 0 0;color:#646970}
.abal-field{padding:18px 0;border-bottom:1px solid #f0f0f1}.abal-field input{width:100%;max-width:760px;margin-top:8px}
.abal-switch{position:relative;display:inline-block;width:48px;height:26px;flex:0 0 auto}.abal-switch input{opacity:0;width:0;height:0}.abal-slider{position:absolute;cursor:pointer;inset:0;background:#8c8f94;border-radius:999px;transition:.2s}
.abal-slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 2px rgba(0,0,0,.25)}
.abal-switch input:checked + .abal-slider{background:#2271b1}.abal-switch input:checked + .abal-slider:before{transform:translateX(22px)}
.abal-diagnostic{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid #f0f0f1}.abal-diagnostic p{margin:4px 0 0;color:#646970}.abal-dot{width:12px;height:12px;border-radius:50%;margin-top:4px;background:#d63638}.abal-dot.is-ok{background:#00a32a}
.abal-timeline{position:relative;margin-top:16px}.abal-timeline:before{content:"";position:absolute;left:9px;top:5px;bottom:5px;width:2px;background:#dcdcde}
.abal-event{display:flex;gap:18px;position:relative;padding:0 0 22px}.abal-event-marker{width:20px;height:20px;border-radius:50%;background:#2271b1;flex:0 0 auto;z-index:1;border:4px solid #fff;box-sizing:border-box;box-shadow:0 0 0 2px #2271b1}
.abal-level-success .abal-event-marker{background:#00a32a;box-shadow:0 0 0 2px #00a32a}.abal-level-warning .abal-event-marker{background:#dba617;box-shadow:0 0 0 2px #dba617}.abal-level-error .abal-event-marker{background:#d63638;box-shadow:0 0 0 2px #d63638}
.abal-event-body{flex:1}.abal-event-head{display:flex;justify-content:space-between;gap:16px}.abal-event-head span{color:#646970}.abal-event-meta{display:flex;gap:8px;margin:5px 0;flex-wrap:wrap}.abal-event-body p{margin:5px 0 0}.abal-empty{padding:30px;text-align:center;color:#646970;background:#f6f7f7;border-radius:10px}
@media(max-width:800px){.abal-toolbar,.abal-event-head{align-items:flex-start;flex-direction:column}}

.abal-access-wrap{max-width:960px;margin:32px auto}
.abal-access-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.abal-access-card{background:#fff;border:1px solid #dcdcde;border-radius:14px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.abal-access-card input{width:100%;max-width:100%;box-sizing:border-box;padding:10px}
.abal-access-card button,.abal-access-card .button{display:inline-block;padding:10px 18px;cursor:pointer}
.abal-access-notice{margin-bottom:20px;padding:14px 16px;border:1px solid #dba617;border-radius:10px;background:#fff8e5}
@media(max-width:700px){.abal-access-grid{grid-template-columns:1fr}}