#certain-design{--ac-bg:light-dark(#f3f6fa,#101722);--ac-panel:light-dark(#fff,#192333);--ac-text:light-dark(#172b45,#edf3fc);--ac-sub:light-dark(#53647b,#b6c6d9);--ac-line:light-dark(#dfe6ef,#344256);--ac-teal:light-dark(#087b85,#72dce1);--ac-soft:light-dark(#eaf8f8,#17363f);--ac-danger:light-dark(#b12f42,#ff9bab);--ac-danger-bg:light-dark(#fff0f2,#402330);--ac-amber:light-dark(#885900,#ffd28a);--ac-amber-bg:light-dark(#fff6e6,#392f21);font:14px/1.5 system-ui,sans-serif;color:var(--ac-text);background:var(--ac-bg);border-radius:18px;overflow:hidden}
#certain-design *{box-sizing:border-box}#certain-design button,#certain-design input,#certain-design select,#certain-design textarea{font:inherit}#certain-design button{min-height:42px;border-radius:9px;border:1px solid var(--ac-line);padding:9px 13px;background:var(--ac-panel);color:var(--ac-text)}#certain-design button:disabled{opacity:.65}#certain-design .ac-primary{background:var(--ac-teal);color:light-dark(#fff,#102332);border-color:var(--ac-teal)}#certain-design .ac-stop{background:var(--ac-danger-bg);color:var(--ac-danger);border-color:var(--ac-danger)}#certain-design .ac-header{background:var(--ac-panel);padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:15px;padding-right:100px;border-bottom:1px solid var(--ac-line);flex-wrap:wrap}#certain-design .ac-logo{font-size:25px;font-weight:750;letter-spacing:-.8px}#certain-design .ac-logo span{color:var(--ac-teal)}#certain-design .ac-sub{color:var(--ac-sub);font-size:12px}#certain-design .ac-shell{display:grid;grid-template-columns:190px minmax(0,1fr)}#certain-design .ac-nav{padding:20px 12px;background:var(--ac-panel);border-right:1px solid var(--ac-line)}#certain-design .ac-nav button{width:100%;display:flex;gap:10px;align-items:center;text-align:left;border:0;margin-bottom:7px;background:transparent}#certain-design .ac-nav button[aria-pressed=true]{color:var(--ac-teal);background:var(--ac-soft)}#certain-design .ac-nav svg{width:18px;height:18px;flex-shrink:0}#certain-design .ac-content{padding:25px;min-width:0}#certain-design h1{font-size:26px;margin:0 0 5px;font-weight:650}#certain-design h2{font-size:17px;margin:0;font-weight:600}#certain-design p{margin:5px 0 15px}#certain-design .ac-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:22px;flex-wrap:wrap}#certain-design .ac-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}#certain-design .ac-box{background:var(--ac-panel);border:1px solid var(--ac-line);border-radius:13px;padding:18px;margin-bottom:17px}#certain-design .ac-metrics .ac-box{margin:0}#certain-design .ac-value{font-size:28px;font-weight:650;margin:4px 0}#certain-design .ac-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}#certain-design .ac-agent{padding:15px 0;border-bottom:1px solid var(--ac-line)}#certain-design .ac-agent:last-child{border:0;padding-bottom:0}#certain-design .ac-name{font-weight:650}#certain-design .ac-tag{display:inline-block;padding:4px 9px;border-radius:7px;background:var(--ac-soft);color:var(--ac-teal);font-size:12px}#certain-design .ac-wait{background:var(--ac-amber-bg);color:var(--ac-amber)}#certain-design .ac-blocked{background:var(--ac-danger-bg);color:var(--ac-danger)}#certain-design .ac-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}#certain-design .ac-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px}#certain-design label{display:block;margin:12px 0 5px}#certain-design input:not([type=checkbox]),#certain-design select,#certain-design textarea{width:100%;border:1px solid var(--ac-line);border-radius:8px;background:var(--ac-bg);color:var(--ac-text);padding:10px;min-height:43px}#certain-design textarea{min-height:85px}#certain-design .ac-check{display:flex;gap:9px;align-items:flex-start;padding:6px 0}#certain-design .ac-check input{margin-top:5px}#certain-design .ac-footer{padding:12px 24px;border-top:1px solid var(--ac-line);color:var(--ac-sub);font-size:12px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}#certain-design .ac-notice{background:var(--ac-amber-bg);color:var(--ac-amber);padding:10px 14px;border-radius:9px;margin-bottom:18px}#certain-design .ac-log{padding:10px 0;border-bottom:1px solid var(--ac-line);overflow-wrap:anywhere}#certain-design [hidden]{display:none!important}#certain-design .ac-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}#certain-design .ac-status{display:flex;gap:7px;align-items:center;color:var(--ac-teal)}#certain-design .ac-status i{width:8px;height:8px;border-radius:50%;background:currentColor}#certain-design .ac-review{border-left:4px solid var(--ac-amber)}#certain-design .ac-rule{margin:12px 0;display:flex;gap:12px;align-items:flex-start}#certain-design .ac-rule b{font-weight:600}#certain-design .ac-banner{padding:12px 18px;background:var(--ac-danger-bg);color:var(--ac-danger)}
@media(max-width:760px){#certain-design .ac-shell{grid-template-columns:1fr}#certain-design .ac-nav{display:flex;flex-wrap:wrap;gap:5px;border-right:0;border-bottom:1px solid var(--ac-line);padding:10px}#certain-design .ac-nav button{width:auto;margin:0;font-size:12px}#certain-design .ac-grid{grid-template-columns:1fr}#certain-design .ac-header{padding:18px 100px 18px 18px}#certain-design .ac-content{padding:18px}}
@media(max-width:450px){#certain-design .ac-metrics,#certain-design .ac-form-grid{grid-template-columns:1fr}#certain-design .ac-metrics .ac-box{display:flex;gap:12px;align-items:center;justify-content:space-between}#certain-design .ac-value{font-size:24px}#certain-design .ac-header{padding-right:95px}#certain-design input,#certain-design select,#certain-design textarea{font-size:16px}}

#certain-design{max-width:1280px;margin:0 auto}#certain-design .cursor-interaction{cursor:pointer}#certain-design .ac-icon{width:18px;text-align:center;flex-shrink:0}#certain-design .ac-header{padding-right:24px}#certain-design button:focus-visible{outline:3px solid var(--ac-teal);outline-offset:3px}#certain-design button:disabled{cursor:default}@media(max-width:550px){#certain-design{border-radius:0}#certain-design .ac-header{padding-right:18px}}

#certain-design{--ac-bg:#EDE8F1;--ac-panel:#F6F3EC;--ac-text:#222126;--ac-sub:#625E69;--ac-line:#D8D2DE;--ac-teal:#6930F5;--ac-soft:#EDE5FF;--ac-danger:#B32645;--ac-danger-bg:#FBE8EF;--ac-amber:#785600;--ac-amber-bg:#FFF1CC;font:16px/1.55 "IBM Plex Sans",Arial,sans-serif;color-scheme:light}
#certain-design h1,#certain-design h2,#certain-design h3{font-family:"Space Grotesk",Arial,sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.25}#certain-design .ac-sub{font-size:13px}#certain-design button{font-size:16px;font-weight:600}#certain-design .ac-nav button{font-size:14px}#certain-design .ac-tag{font-size:13px}#certain-design .ac-primary{background:#6930F5;color:#fff}#certain-design .ac-primary:hover:not(:disabled){background:#5220CB}#certain-design .ac-logo{line-height:1}#certain-design .ac-brand-logo{display:block;width:210px;height:auto}#certain-design .ac-header{padding-right:24px}#certain-design .ac-footer{font-size:13px}#certain-design .ac-status{color:#226347}#certain-design .ac-nav button[aria-pressed=true]{background:#EDE5FF;color:#6930F5}#certain-design .ac-tag:not(.ac-wait):not(.ac-blocked):not(.ac-agent-state){color:#226347;background:#E6F1E9}#certain-design button:focus-visible,#certain-design input:focus-visible,#certain-design select:focus-visible,#certain-design textarea:focus-visible{outline:3px solid #6930F5;outline-offset:3px}#certain-design .ac-content{min-width:0}#certain-design input,#certain-design select,#certain-design textarea{max-width:100%}#certain-design .ac-top h1,#certain-design .ac-top h2{font-size:28px}@media(max-width:550px){#certain-design .ac-header{padding:18px}#certain-design .ac-nav button{font-size:14px}#certain-design .ac-brand-logo{width:190px}}

/* Security dashboard 0.4.0: scoped to the demo */
#certain-design{border:1px solid #D8D2DE;border-radius:20px;box-shadow:0 18px 60px #2221260c;font-size:15px;overflow:hidden;background:#EEEAF2}
#certain-design .ac-header{padding:20px 26px;background:#F6F3EC;min-height:95px}
#certain-design .ac-header .ac-sub{margin-top:6px}
#certain-design .ac-shell{grid-template-columns:210px minmax(0,1fr)}
#certain-design .ac-nav{background:#222126;padding:26px 14px;border:0;display:block;position:static;color:#F6F3EC}
#certain-design .ac-nav button{color:#C9C3D3;background:transparent;border-radius:10px;padding:13px 12px;font-size:14px;font-weight:400;gap:12px;margin-bottom:6px;line-height:1.3;min-height:48px}
#certain-design .ac-nav button:hover{background:#38323F;color:#F6F3EC}
#certain-design .ac-nav button[aria-pressed=true]{background:#6930F5;color:#fff;font-weight:600}
#certain-design .ac-nav-label{font-size:11px;letter-spacing:.12em;color:#A59BB3;padding:0 12px 15px;font-weight:600}
#certain-design .ac-nav-foot{border-top:1px solid #52465E;margin:25px 10px 0;padding-top:20px;font-size:12px;line-height:1.7;color:#C9C3D3}
#certain-design .ac-nav-foot b{color:#D8F54A;display:block;letter-spacing:.06em;font-size:11px}
#certain-design .ac-icon svg{width:18px;height:18px;display:block}
#certain-design .ac-content{padding:28px;min-width:0}
#certain-design .ac-top{gap:18px;align-items:center;margin-bottom:24px}
#certain-design .ac-top h1,#certain-design .ac-top h2{font-size:30px;margin-bottom:8px;letter-spacing:-.035em}
#certain-design .ac-stop{background:#FBE8EF;color:#9B1936;border:1px solid #D6A4B1;font-weight:600}
#certain-design .ac-stop:hover:not(:disabled){background:#F5D5E0}
#certain-design .ac-status{background:#E6F1E9;color:#226347;padding:8px 12px;border-radius:100px;font-size:13px;font-weight:600}
#certain-design .ac-status[data-state=wait]{background:#FFF1CC;color:#785600}
#certain-design .ac-status[data-state=stop]{background:#FBE8EF;color:#B32645}
#certain-design .ac-notice{margin-bottom:20px;padding:14px 18px;border:1px solid #C9BDDC;background:#EDE5FF;border-radius:10px;font-size:14px}
#certain-design .ac-command{background:#222126;color:#F6F3EC;border-radius:14px;padding:23px 24px;display:flex;gap:25px;align-items:center;justify-content:space-between;margin-bottom:20px}
#certain-design .ac-command h3{font-size:20px;margin:8px 0 10px;color:#F6F3EC}
#certain-design .ac-command p{color:#D4CBDD;font-size:13px;max-width:520px;margin:0;line-height:1.6}
#certain-design .ac-eyebrow{font-size:11px;letter-spacing:.11em;font-weight:600;color:#625E69;margin-bottom:6px}
#certain-design .ac-command .ac-eyebrow{color:#D8F54A}
#certain-design .ac-command button{white-space:nowrap;background:#D8F54A;color:#222126;border-color:#D8F54A;font-size:14px}
#certain-design .ac-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}
#certain-design .ac-metrics .ac-box{margin:0;padding:18px 16px;border-radius:12px;box-shadow:none;background:#F6F3EC;border:1px solid #D8D2DE;display:block}
#certain-design .ac-value{font-family:"Space Grotesk",Arial,sans-serif;font-size:34px;line-height:1.15;margin:9px 0 10px;font-weight:700}
#certain-design .ac-metric-note{font-size:12px;line-height:1.4;color:#625E69}
#certain-design .ac-metrics .ac-eyebrow{font-size:10px;letter-spacing:.04em}
#certain-design .ac-dash-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(245px,1fr);gap:20px;align-items:start}
#certain-design .ac-box{padding:22px;border:1px solid #D8D2DE;border-radius:14px;box-shadow:none;margin-bottom:20px}
#certain-design .ac-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
#certain-design .ac-panel-head h3{font-size:18px;margin:0}
#certain-design .ac-panel-head button{border:0;background:transparent;color:#6930F5;font-size:13px;padding:6px;min-height:36px}
#certain-design .ac-agent-card{border-top:1px solid #D8D2DE;padding:18px 0 0;margin:18px 0 0}
#certain-design .ac-agent-heading{display:flex;align-items:center;gap:10px;margin-bottom:9px;flex-wrap:wrap}
#certain-design .ac-agent-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#EDE5FF;color:#6930F5;font-family:"Space Grotesk",Arial,sans-serif;font-size:13px;font-weight:700}
#certain-design .ac-name{font-size:15px;font-weight:600;flex:1;min-width:120px}
#certain-design .ac-agent-state{font-size:11px!important}
#certain-design .ac-agent-meta{font-size:13px;color:#625E69;line-height:1.7;padding-left:44px}
#certain-design .ac-agent-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:12px 0 0 44px}
#certain-design .ac-agent-bottom button{font-size:12px;padding:6px 10px;min-height:34px;background:#F6F3EC;color:#B32645}
#certain-design .ac-scope{font-size:11px;font-weight:600;color:#625E69}
#certain-design .ac-queue{border-top:4px solid #D8F54A}
#certain-design .ac-queue h3{font-size:21px;margin:14px 0 8px}
#certain-design .ac-delta{font-family:"Space Grotesk",Arial,sans-serif;font-size:27px;font-weight:700;padding:17px 0;margin:14px 0;border-top:1px solid #D8D2DE;border-bottom:1px solid #D8D2DE}
#certain-design .ac-delta span{color:#6930F5}
#certain-design .ac-facts{margin:0 0 18px;font-size:13px;display:grid;grid-template-columns:auto 1fr;gap:10px 18px}
#certain-design .ac-facts dt{color:#625E69}#certain-design .ac-facts dd{margin:0;text-align:right;font-weight:600;overflow-wrap:anywhere}
#certain-design .ac-queue .ac-primary{width:100%;font-size:14px}
#certain-design .ac-boundary{padding:13px 0;border-top:1px solid #D8D2DE;display:flex;gap:12px;align-items:flex-start}
#certain-design .ac-boundary-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:6px;background:#EDE5FF;color:#6930F5;font-size:12px;flex-shrink:0}
#certain-design .ac-boundary strong{font-size:13px;display:block;margin-bottom:4px}
#certain-design .ac-boundary p{font-size:12px;color:#625E69;line-height:1.5;margin:0}
#certain-design .ac-event{display:flex;gap:12px;padding:14px 0;border-top:1px solid #D8D2DE;align-items:flex-start}
#certain-design .ac-event strong{display:block;font-size:13px;margin-bottom:4px}
#certain-design .ac-event p{font-size:12px;line-height:1.5;color:#625E69;margin:0}
#certain-design .ac-event .ac-tag{font-size:10px;padding:4px 6px;flex-shrink:0}
#certain-design .ac-filter{width:auto!important;max-width:150px;font-size:13px!important;margin:0!important;min-height:36px;padding:5px 9px!important}
#certain-design .ac-reset-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:4px;font-size:12px;color:#625E69}
#certain-design .ac-reset-row button{font-size:12px;min-height:36px;padding:6px 10px}
#certain-design .ac-log{font-size:13px;line-height:1.7}
#certain-design .ac-footer{padding:16px 24px;background:#F6F3EC;font-size:12px}
@media(max-width:1100px){#certain-design .ac-shell{grid-template-columns:180px minmax(0,1fr)}#certain-design .ac-dash-grid{grid-template-columns:1fr}#certain-design .ac-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#certain-design .ac-content{padding:22px}}
@media(max-width:760px){#certain-design .ac-shell{grid-template-columns:1fr}#certain-design .ac-nav{display:flex;flex-wrap:wrap;gap:5px;padding:12px}#certain-design .ac-nav button{width:auto;margin:0;padding:10px;font-size:13px;min-height:40px}#certain-design .ac-nav-label,#certain-design .ac-nav-foot{display:none}#certain-design .ac-command{align-items:flex-start;flex-direction:column;gap:16px}#certain-design .ac-content{padding:18px}#certain-design .ac-header{padding:18px}#certain-design .ac-top h1,#certain-design .ac-top h2{font-size:26px}}
@media(max-width:450px){#certain-design{border-radius:12px}#certain-design .ac-metrics{gap:10px}#certain-design .ac-metrics .ac-box{padding:15px 12px}#certain-design .ac-metrics .ac-eyebrow{font-size:10px}#certain-design .ac-value{font-size:29px}#certain-design .ac-box{padding:18px}#certain-design .ac-command{padding:20px}#certain-design .ac-delta{font-size:24px}#certain-design .ac-reset-row{flex-wrap:wrap}#certain-design .ac-agent-bottom{margin-left:0}#certain-design .ac-agent-meta{padding-left:0}}

#certain-design .rules-banner{border-left:4px solid #6930F5;background:#EDE5FF;padding:18px 20px;border-radius:10px;margin-bottom:20px}#certain-design .rules-banner h3{font-size:20px;margin:0 0 8px}#certain-design .rules-banner p{font-size:14px;margin:0;line-height:1.6}#certain-design .rules-toolbar{display:flex;gap:16px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:18px}#certain-design .rules-toolbar h3{margin:0}#certain-design .rules-toolbar select{width:auto;max-width:100%;margin:0}#certain-design .rules-card{border:1px solid #D8D2DE;border-radius:12px;padding:20px;margin:12px 0;background:#F6F3EC;border-left:4px solid #6930F5}#certain-design .rules-card[data-active=false]{border-left-color:#aaa;opacity:.8}#certain-design .rules-card h3{font-size:18px;overflow-wrap:anywhere;margin:0 0 10px}#certain-design .rules-card p{font-size:14px;overflow-wrap:anywhere}#certain-design .rules-chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}#certain-design .rules-chip{background:#EDE5FF;color:#4D239D;font-size:12px;border-radius:5px;padding:4px 8px}#certain-design .rules-chip.block{background:#FBE8EF;color:#B32645}#certain-design .rules-chip.approve{background:#FFF1CC;color:#785600}#certain-design .rules-chip.allow{background:#E6F1E9;color:#226347}#certain-design .rules-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #D8D2DE;padding-top:14px}#certain-design .rules-actions button{font-size:13px;min-height:42px}#certain-design .rules-dialog{width:min(700px,calc(100vw - 28px));max-height:88vh;max-height:88dvh;border:1px solid #D8D2DE;border-radius:16px;padding:0;background:#F6F3EC;color:#222126;overflow:auto;font-family:"IBM Plex Sans",Arial,sans-serif}#certain-design .rules-dialog::backdrop{background:#222126bb}#certain-design .rules-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 24px;background:#222126;color:#F6F3EC;position:sticky;top:0;z-index:2}#certain-design .rules-dialog-head h3{font-size:20px;margin:0}#certain-design .rules-dialog-body{padding:24px}#certain-design .rules-dialog label{display:block;margin:12px 0 6px;font-size:14px;font-weight:600}#certain-design .rules-dialog input,#certain-design .rules-dialog textarea,#certain-design .rules-dialog select{width:100%;margin:0;font-size:16px}#certain-design .rules-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}#certain-design .rules-review{white-space:pre-wrap;overflow-wrap:anywhere;background:#EDE5FF;border-radius:10px;padding:16px;font-size:14px;line-height:1.7}#certain-design .rules-result{padding:16px;margin-top:18px;background:#EDE5FF;border-radius:10px;white-space:pre-wrap;font-size:14px;line-height:1.7}#certain-design .rules-result[data-effect=block]{background:#FBE8EF;color:#8E1931}#certain-design .rules-result[data-effect=approve]{background:#FFF1CC;color:#785600}#certain-design .rules-result[data-effect=allow]{background:#E6F1E9;color:#226347}#certain-design .rules-history{max-height:220px;overflow:auto;font-size:13px}#certain-design .rules-history p{padding:10px 0;margin:0;border-top:1px solid #D8D2DE}@media(max-width:550px){#certain-design .rules-fields{grid-template-columns:1fr}#certain-design .rules-dialog-body{padding:18px}#certain-design .rules-dialog-head{padding:15px 18px}}