.acl31{margin:24px 0;padding:22px;border:1px solid #dfe7f2;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(17,35,67,.06)}.acl31-head{display:flex;gap:20px;justify-content:space-between;align-items:flex-start}.acl31-head span,.acl31-kicker{font-size:11px;font-weight:800;letter-spacing:.12em;color:#60708a}.acl31-head h2,.acl31-modal h2{margin:4px 0 6px}.acl31-head p{max-width:800px;margin:0;color:#60708a}.acl31-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:20px 0}.acl31-metric{border:1px solid #e4eaf2;background:#f8fafc;border-radius:14px;padding:14px;text-align:left}.acl31-metric span{display:block;font-size:11px;color:#718096}.acl31-metric strong{font-size:22px}.acl31-toolbar{display:flex;gap:8px;margin:8px 0 14px}.acl31-toolbar button{border:1px solid #dfe7f2;background:#fff;border-radius:999px;padding:8px 12px}.acl31-toolbar button.active{font-weight:700;background:#edf4ff}.acl31-rows{display:grid;gap:9px}.acl31-row{display:grid;grid-template-columns:140px minmax(210px,1.5fr) 100px 100px minmax(220px,1fr);gap:14px;align-items:center;width:100%;border:1px solid #e6ebf2;background:#fff;border-radius:14px;padding:13px 14px;text-align:left}.acl31-row:hover{box-shadow:0 8px 20px rgba(22,45,82,.08)}.acl31-main strong{display:block}.acl31-main small,.acl31-row div span{display:block;color:#758399;font-size:11px}.acl31-row div b{font-size:12px}.acl31-state{display:inline-flex;width:max-content;border-radius:999px;padding:7px 9px;font-size:11px;font-weight:800}.acl31-state.neutral,.acl31-top .neutral{background:#eef2f7;color:#546173}.acl31-state.info,.acl31-top .info{background:#e9f3ff;color:#245f9e}.acl31-state.bad,.acl31-top .bad{background:#fff0f0;color:#9b3030}.acl31-state.ready,.acl31-top .ready{background:#eef1ff;color:#444f9f}.acl31-state.ok,.acl31-top .ok{background:#eaf8ef;color:#247044}.acl31-state.warn,.acl31-top .warn{background:#fff5e4;color:#945d17}.acl31 .overdue{color:#a23636}.acl31-bg{position:fixed;inset:0;z-index:10050;background:rgba(8,22,43,.62);display:flex;align-items:center;justify-content:center;padding:24px}.acl31-modal{position:relative;max-width:980px;width:100%;max-height:92vh;overflow:auto;background:#fff;border-radius:20px;padding:26px;box-shadow:0 25px 70px rgba(0,0,0,.22)}.acl31-x{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:28px}.acl31-top{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.acl31-top>div{border:1px solid #e3e9f1;border-radius:12px;padding:12px}.acl31-top span{display:block;font-size:11px;color:#738096}.acl31-policy{padding:12px 14px;border-radius:12px;background:#f5f7fb;color:#56657a}.acl31-blockers{display:grid;gap:8px}.acl31-blocker{border-left:4px solid #b23b3b;background:#fff6f6;padding:10px 12px;border-radius:8px}.acl31-blocker strong,.acl31-blocker span{display:block}.acl31-blocker span{font-size:12px;color:#6f4c4c}.acl31-good{padding:10px 12px;background:#eef8f1;border-radius:10px;color:#286842}.acl31-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.acl31-form label span{display:block;font-size:12px;font-weight:700;margin-bottom:5px}.acl31-form input,.acl31-form select,.acl31-form textarea{width:100%;box-sizing:border-box;border:1px solid #d8e0ea;border-radius:10px;padding:10px;font:inherit}.acl31-form textarea{min-height:90px;resize:vertical}.acl31-form .wide{grid-column:1/-1}.acl31-form .check{display:flex;align-items:center;gap:8px}.acl31-form .check input{width:auto}.acl31-actions{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.acl31-history{display:grid;gap:8px}.acl31-event{display:grid;grid-template-columns:150px 180px 1fr;gap:10px;padding:9px;border-bottom:1px solid #edf0f4;font-size:12px}.acl31-loading,.acl31-empty,.acl31-error{padding:18px;border-radius:12px;background:#f6f8fb}.acl31-error{background:#fff0f0;color:#8f2e2e}@media(max-width:900px){.acl31-summary{grid-template-columns:repeat(2,1fr)}.acl31-row{grid-template-columns:1fr 1fr}.acl31-main{grid-column:1/-1}.acl31-top{grid-template-columns:1fr 1fr}.acl31-form{grid-template-columns:1fr}.acl31-form .wide,.acl31-actions{grid-column:1}.acl31-event{grid-template-columns:1fr}.acl31-head{display:block}.acl31-head .btn{margin-top:12px}}
