.cap-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 34px;margin:18px 0 20px;border:1px solid #e7dcf5;border-radius:20px;background:linear-gradient(112deg,#f4efff,#fff 72%)}
.cap-hero h2{font-size:30px;line-height:1.22;letter-spacing:-1px;font-weight:550;margin:8px 0 9px;color:#292334}.cap-hero p{max-width:660px;color:#6e667b;line-height:1.7;margin:0}.cap-kicker{font-size:10px;letter-spacing:1.5px;font-weight:750;color:#7952c0}.cap-hero-mark{width:146px;height:128px;display:grid;place-items:center;position:relative;flex:none}.cap-hero-mark span{display:grid;place-items:center;width:58px;height:58px;color:white;background:linear-gradient(145deg,#9a78ed,#6c43ca);border-radius:19px;font-size:25px;font-weight:650;box-shadow:0 12px 28px #734bb833}.cap-hero-mark i{position:absolute;width:100px;height:100px;border:1px solid #cdb9ed;border-radius:50%}.cap-hero-mark i:nth-child(2){width:124px;height:78px;transform:rotate(36deg)}.cap-hero-mark i:nth-child(3){width:124px;height:78px;transform:rotate(-36deg)}
.cap-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:17px 20px;margin-bottom:20px;background:#fff;border:1px solid #ebe5f1;border-radius:14px}.cap-toolbar label,.cap-state-label{display:grid;gap:6px;color:#71677c;font-size:11px}.cap-toolbar select,.cap-state-label select,.cap-fields input,.cap-fields select,.cap-fields textarea{min-width:220px;max-width:100%;padding:11px 12px;border:1px solid #e4dbea;border-radius:9px;background:#fff;color:#393044;font:inherit;font-size:13px}.cap-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.cap-toolbar .button,.cap-panel-head .button,.cap-item .button,.cap-recommendation .button,.cap-finding .button,.cap-case-actions .button,.cap-back .button{min-height:36px}.cap-panel{padding:22px 24px;margin:18px 0;background:#fff;border:1px solid #e9e3ef;border-radius:16px;min-width:0}.cap-panel h2{font-size:17px;font-weight:580;margin:0}.cap-panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.cap-muted{font-size:12px;color:#776e83;line-height:1.7}.cap-live{padding:17px 20px;margin-bottom:24px;border:1px solid #e9e1f2;border-radius:16px;background:#fff}.cap-audit-head{display:grid;grid-template-columns:minmax(180px,.6fr) 1.4fr;gap:18px;align-items:center}.cap-audit-head>div:first-child{display:grid;gap:5px}.cap-audit-head strong{font-size:15px}.cap-audit-head small{font-size:11px;color:#766d81}.cap-audit-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cap-audit-metrics span{padding:12px;border:1px solid #eee8f3;border-radius:10px;color:#746b80;font-size:10px;line-height:1.5}.cap-audit-metrics b{display:block;color:#3a3045;font-size:16px;margin-bottom:3px}.cap-findings{display:grid;gap:10px}.cap-finding{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:15px;border:1px solid #ece6f1;border-radius:12px;background:#fff}.cap-finding>div{min-width:0;flex:1}.cap-finding h3{font-size:13px;margin:8px 0 5px}.cap-finding p{font-size:11px;line-height:1.65;color:#70677b;margin:5px 0}.cap-finding small{font-size:10px;color:#827890;line-height:1.6}.cap-finding-value{font-size:15px;color:#563b8a;font-weight:650;margin-top:9px}.cap-next{padding-left:10px;border-left:2px solid #c5aaf0}.cap-tag{display:inline-flex;align-items:center;padding:5px 8px;border-radius:20px;background:#f4effc;color:#7151a8;font-size:9px;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.cap-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cap-case-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:17px;text-align:left;border:1px solid #eae3f1;border-radius:13px;background:#fff;cursor:pointer;color:#372e42;transition:border-color .15s,transform .15s}.cap-case-card:hover{border-color:#ad91df;transform:translateY(-1px)}.cap-case-card>strong{font-size:14px}.cap-case-card>span:not(.cap-case-top){font-size:11px;line-height:1.6;color:#71687c}.cap-case-top,.cap-case-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%}.cap-case-top small{font-size:10px;color:#857b90}.cap-case-bottom{padding-top:10px;border-top:1px solid #f0ebf4;color:#83798e!important}.cap-status{display:inline-flex;padding:4px 8px;border:1px solid #e8e0ee;border-radius:20px;color:#746b7f;background:#faf8fc;font-size:10px;white-space:nowrap}.cap-status.is-good{color:#31785a;background:#eef8f2;border-color:#d9eee1}.cap-status.is-warn{color:#94621b;background:#fff7e8;border-color:#f3e6c8}.cap-empty{padding:30px 15px;text-align:center;color:#655b71}.cap-empty strong{font-size:14px}.cap-empty p{max-width:500px;margin:8px auto 0;color:#7b7187;font-size:12px;line-height:1.7}.cap-empty-small{padding:14px;color:#7a7187;font-size:11px;line-height:1.7;background:#fbf9fd;border-radius:9px}.cap-case-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 26px;border:1px solid #e7dcf5;border-radius:15px;background:linear-gradient(110deg,#faf7ff,#fff)}.cap-case-summary h2{font-size:23px;letter-spacing:-.6px;margin:7px 0;font-weight:580}.cap-case-summary p{font-size:12px;color:#726980;line-height:1.7;margin:0;max-width:700px}.cap-state-label select{min-width:160px}.cap-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.cap-facts article{display:grid;gap:8px;padding:16px;border:1px solid #ebe5f1;border-radius:12px;background:white;min-width:0}.cap-facts small{font-size:10px;color:#7c7288}.cap-facts strong{font-size:13px;overflow-wrap:anywhere}.cap-case-actions{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.cap-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.cap-lane{padding:12px;border:1px solid #eee8f3;border-radius:12px;background:#fcfbfd;min-width:0}.cap-lane>header{display:flex;align-items:center;justify-content:space-between;padding:3px 2px 12px;font-size:11px;color:#665a74}.cap-lane>header b{padding:3px 7px;border-radius:5px;background:#f0e9f8}.cap-item{padding:13px;margin-top:9px;border:1px solid #ebe5ef;border-radius:10px;background:white}.cap-item-head{display:flex;align-items:center;justify-content:space-between;gap:7px}.cap-item h3{font-size:12px;line-height:1.5;margin:10px 0 5px}.cap-item>p{font-size:10px;line-height:1.65;color:#746b80}.cap-item>small,.cap-item-meta{display:block;font-size:9px;line-height:1.6;color:#857b8e;margin-top:7px}.cap-item .cap-actions{margin-top:10px}.cap-recommendations,.cap-evidence-list,.cap-snapshots{display:grid;gap:9px}.cap-recommendation,.cap-evidence,.cap-snapshots article{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:13px;border:1px solid #eee8f3;border-radius:10px}.cap-recommendation h3{font-size:12px;margin:8px 0}.cap-recommendation p,.cap-recommendation small,.cap-evidence p,.cap-evidence small,.cap-snapshots span{display:block;color:#776d83;font-size:10px;line-height:1.7;margin:4px 0}.cap-back{margin:0 0 10px}.cap-snapshots article{display:grid;gap:4px}.cap-snapshots strong{font-size:11px}.cap-dialog{width:min(720px,calc(100% - 28px));max-height:90vh;overflow:auto;padding:27px;border:1px solid #e7deee;border-radius:18px;color:#332a3c}.cap-dialog::backdrop{background:#20162c66;backdrop-filter:blur(3px)}.cap-dialog h2{font-size:21px;letter-spacing:-.6px;margin:7px 0 20px}.cap-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.cap-fields label{display:grid;gap:7px;color:#695f75;font-size:11px;font-weight:550;min-width:0}.cap-fields .full{grid-column:1/-1}.cap-fields input,.cap-fields select,.cap-fields textarea{box-sizing:border-box;width:100%;min-width:0;font-size:12px}.cap-fields textarea{min-height:88px;resize:vertical}.cap-fields .cap-consent{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid #eae3f1;border-radius:9px;line-height:1.6}.cap-consent input{width:16px;height:16px;flex:none;accent-color:#754be8}.cap-note{font-size:10px;line-height:1.7;color:#7a7185;margin:0}.cap-error{min-height:20px;color:#a52f50;font-size:11px}.cap-dialog .dialog-actions{margin-top:12px}.cap-dialog .button{min-height:40px}.cap-error:not(:empty){padding:8px;background:#fff2f3;border-radius:7px}.cap-back .button{font-size:11px}
@media(max-width:1000px){.cap-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cap-audit-head{grid-template-columns:1fr}.cap-audit-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cap-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.cap-hero{padding:23px;align-items:flex-start}.cap-hero h2{font-size:25px}.cap-hero-mark{width:90px;transform:scale(.75);transform-origin:top right}.cap-toolbar{align-items:stretch;flex-direction:column}.cap-toolbar select{width:100%;min-width:0}.cap-toolbar .cap-actions{width:100%}.cap-toolbar .button{flex:1}.cap-lanes{grid-template-columns:1fr}.cap-case-summary{flex-direction:column;padding:19px}.cap-state-label{width:100%}.cap-state-label select{width:100%}.cap-panel{padding:18px}.cap-live{padding:15px}.cap-finding,.cap-recommendation{flex-direction:column}.cap-finding>.button,.cap-recommendation .cap-actions{width:100%}.cap-case-actions .button{flex:1}.cap-dialog{padding:20px}}
@media(max-width:520px){.cap-hero-mark{display:none}.cap-case-grid{grid-template-columns:1fr}.cap-facts{grid-template-columns:1fr 1fr}.cap-audit-metrics{grid-template-columns:1fr 1fr}.cap-fields{grid-template-columns:1fr}.cap-fields .full{grid-column:auto}.cap-panel-head{align-items:flex-start;flex-direction:column}.cap-case-actions{display:grid;grid-template-columns:1fr}.cap-case-actions .button{width:100%}.cap-live{margin-left:-2px;margin-right:-2px}.cap-finding{padding:12px}}
@media(prefers-reduced-motion:reduce){.cap-case-card{transition:none}.cap-case-card:hover{transform:none}}
