/* Activation record dialog. Layout and scroll styles stay inside this dialog. */
dialog[open]:has(.activation-detail){display:flex;flex-direction:column;width:calc(100% - 40px);max-width:900px;max-height:90vh;max-height:90dvh;padding:0;border:1px solid #e2ebe7;border-radius:18px;overflow:hidden}
dialog:has(.activation-detail)>.modal-heading{flex:none;margin:0;padding:21px 25px 19px;border-bottom:1px solid #e7eeeb;background:#fff;gap:16px}
dialog:has(.activation-detail) .modal-heading h2{font-size:18px;letter-spacing:.2px;font-weight:650}
dialog:has(.activation-detail) #close-modal{display:grid;place-items:center;flex:none;width:32px;height:32px;padding:0;border-radius:8px;font-size:23px;line-height:1;color:#80958e}
dialog:has(.activation-detail) #close-modal:hover{background:#f0f5f3;color:#22765c}
dialog:has(.activation-detail)>#modal-content{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.activation-detail{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.activation-detail-body{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:20px 24px 24px;display:flex;flex-direction:column;gap:16px;background:#f7faf9}
.activation-detail-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:19px 20px;border:1px solid #d8e9e0;border-radius:12px;background:linear-gradient(110deg,#eaf5ee,#f5faf7);flex-shrink:0}
.activation-detail-identity{min-width:0}.activation-detail-eyebrow{display:block;font-size:11px;color:#6e8f7e;margin-bottom:7px;letter-spacing:.4px}
.activation-detail-number{display:flex;align-items:center;gap:9px;min-width:0}.activation-detail-number strong{font-size:23px;font-weight:650;letter-spacing:.3px;color:#245b49;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;line-height:1.4}
.activation-detail-copy{display:grid;place-items:center;flex:none;width:29px;height:29px;border-radius:7px;padding:6px;background:#fff9;color:#68917e;border:1px solid #d2e4d8}
.activation-detail-copy svg{width:16px;height:16px}.activation-detail-copy:hover{background:#fff;color:#18856b;border-color:#99c8b5}
.activation-detail-meta{display:flex;flex-wrap:wrap;gap:5px 18px;margin-top:10px;color:#617e70;font-size:11px;line-height:1.7}.activation-detail-meta>span{overflow-wrap:anywhere}.activation-detail-meta>span>span:first-child{color:#8b9f94}
.activation-detail-badges{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0;padding-top:2px}.activation-detail-badges .activations-state{border-radius:6px;padding:5px 9px;font-size:12px;font-weight:600;line-height:1.5}
.activation-detail-review-badge{font-size:11px;color:#789187;line-height:1.5}
.activation-detail .activation-investigation{margin:0;padding:14px 18px;border-radius:10px;border-color:#f1dfc3;border-left:3px solid #e4ac61;background:#fffaf1;color:#a5743b;flex-shrink:0}
.activation-detail .activation-investigation strong{font-size:12px}.activation-detail .activation-investigation>p{font-size:12px;margin:5px 0 11px;line-height:1.6;color:#b4824b}
.activation-detail .activation-investigation>div{gap:7px}.activation-detail .activation-investigation button{border-radius:6px;padding:7px 11px;font-size:11px}
.activation-detail-notice{padding:12px 16px;margin:0;border-radius:8px;background:#eef5f9;color:#5b8298;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.activation-info-card{padding:17px 19px;border:1px solid #e0e9e5;border-radius:11px;background:#fff;min-width:0;flex-shrink:0}
.activation-info-card>h3{display:flex;align-items:center;gap:8px;margin:0 0 15px;color:#36594b;font-weight:600;font-size:13px;line-height:1.5}
.activation-info-card>h3 svg{width:16px;height:16px;flex:none;color:#78a18c}
.activation-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex-shrink:0;min-width:0}
.activation-info-fields{display:grid;gap:13px;margin:0;font-size:12px;line-height:1.65}.activation-info-fields>div{display:grid;grid-template-columns:65px minmax(0,1fr);gap:12px;align-items:start;min-width:0}
.activation-info-fields dt{color:#94a29c}.activation-info-fields dd{margin:0;color:#456157;white-space:pre-wrap;overflow-wrap:anywhere}
.activation-detail .is-missing{color:#a5b2ac;font-weight:400}
.activation-detail-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px;min-width:0}
.activation-detail-steps li{display:flex;align-items:center;gap:9px;min-width:0;padding:4px 0;font-size:11px;line-height:1.6;color:#8d9e96}
.activation-step-mark{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;background:#f1f5f3;color:#9baea4;border:1px solid #e5ede8;font-size:11px;font-variant-numeric:tabular-nums}
.activation-detail-steps li>div{min-width:0;overflow-wrap:anywhere}.activation-detail-steps small{display:block;color:#adbbb3;font-size:10px}
.activation-detail-steps [data-state=done]{color:#3c8c6a}.activation-detail-steps [data-state=done] .activation-step-mark{background:#e9f6ed;border-color:#d8ecdd;color:#358a63}
.activation-detail-steps [data-state=error]{color:#bd8c4a}.activation-detail-steps [data-state=error] .activation-step-mark{background:#fff4e3;border-color:#f3e0bf;color:#c38b44}
.activation-detail-review-summary{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;margin-bottom:12px}.activation-detail-review-summary>.muted{margin-left:auto;font-size:11px;color:#8a9e93}
.activation-detail-stars{color:#ddb366;letter-spacing:2px;font-size:16px;line-height:1}.activation-detail-rating{color:#6f887b}
.activation-detail-feedback{white-space:pre-wrap;overflow-wrap:anywhere;padding:12px 14px;background:#f8faf9;border:1px solid #edf2ef;border-radius:7px;margin:0;font-size:12px;line-height:1.9;color:#526f60}
.activation-detail-empty{display:flex;align-items:center;gap:13px;padding:15px 16px;border:1px dashed #dce7e0;border-radius:8px;background:#fafcfb}
.activation-detail-empty>svg{width:29px;height:29px;flex:none;color:#a6beb0}.activation-detail-empty strong{font-size:12px;color:#7c9588;font-weight:500}.activation-detail-empty p{font-size:11px;color:#a0b1a6;margin:5px 0 0;line-height:1.7}
.activation-detail-note{font-size:12px;line-height:1.9;margin:0;color:#607e6c;white-space:pre-wrap;overflow-wrap:anywhere}
.activation-detail .activation-history{margin:0;background:#fff;border-color:#e0e9e5;border-radius:10px;padding:15px 18px;flex-shrink:0}
.activation-detail .activation-history summary{font-size:12px;color:#718b7d}.activation-detail .activation-history .table-wrap{margin-top:12px}
.activation-detail .activation-info-card .table-wrap{max-height:250px;overflow:auto;border:1px solid #e8eeeb;border-radius:7px}
.activation-detail .activation-info-card table{min-width:490px;font-size:12px}.activation-detail .activation-info-card :is(th,td){padding:10px 12px;white-space:normal;overflow-wrap:anywhere;color:#698273}.activation-detail .activation-info-card th{background:#f5f8f6;position:sticky;top:0;z-index:1;font-size:11px;color:#8a9d91}
.activation-detail .activation-detail-actions{flex:none;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:0;padding:15px 24px;background:#fff;border-top:1px solid #e5ece8}
.activation-detail-actions button{font-size:12px;line-height:1.5;padding:9px 13px;border-radius:7px;border:1px solid #dce7e0;background:#fff;color:#63816f;white-space:nowrap}
.activation-detail-actions button:hover{border-color:#9dcab2;background:#f3f9f5;color:#287452}.activation-detail-actions button.primary{background:#18856b;color:#fff;border-color:#18856b}.activation-detail-actions button.primary:hover{background:#126f58}.activation-detail-actions button.danger{color:#bd716b;border-color:#f0d9d4;background:#fff9f8}
.activation-detail :is(button,summary):focus-visible{outline:2px solid #18856b;outline-offset:3px}
.activation-detail-body::-webkit-scrollbar{width:8px}.activation-detail-body::-webkit-scrollbar-track{background:#f7faf9}.activation-detail-body::-webkit-scrollbar-thumb{background:#bed0c5;border:2px solid #f7faf9;border-radius:10px}.activation-detail-body::-webkit-scrollbar-thumb:hover{background:#8eb29d}
@media(max-width:600px){dialog[open]:has(.activation-detail){width:calc(100% - 20px);max-height:94vh;max-height:94dvh;border-radius:13px}dialog:has(.activation-detail)>.modal-heading{padding:16px 17px 14px}dialog:has(.activation-detail) .modal-heading h2{font-size:16px}.activation-detail-body{padding:15px;gap:12px}.activation-detail-hero{padding:16px;flex-direction:column;gap:12px}.activation-detail-number strong{font-size:19px}.activation-detail-badges{flex-direction:row;align-items:center;gap:10px}.activation-detail-meta{gap:3px 12px;font-size:10px}.activation-detail-grid{grid-template-columns:1fr;gap:12px}.activation-info-card{padding:15px 16px}.activation-detail-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}.activation-detail-review-summary>.muted{margin-left:0}.activation-detail .activation-detail-actions{padding:12px 15px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.activation-detail-actions button{font-size:11px;padding:8px 6px;white-space:normal}.activation-detail-empty{padding:13px}.activation-detail .activation-investigation{padding:13px 14px}.activation-detail .activation-investigation button{padding:7px 9px}}