.cfd-card{border:1px solid #e0e6ee;border-radius:9px;background:#fff;margin:0 0 22px;overflow:hidden}.cfd-heading{display:flex;align-items:center;gap:12px;padding:17px 19px;border-bottom:1px solid #edf0f5;flex-wrap:wrap}.cfd-heading>div{flex:1;min-width:180px}.cfd-heading h3{margin:0;font-size:15px;font-weight:600;color:#33485f}.cfd-heading p{margin:4px 0 0;color:#708094;font-size:12px}.cfd-count{color:#527761;font-size:12px;border:1px solid #dce7e1;background:#f8fbf9;border-radius:5px;padding:4px 8px}.cfd-labels,.cfd-row{display:grid;grid-template-columns:minmax(180px,1.7fr) minmax(110px,1fr) minmax(110px,.8fr) minmax(150px,1fr);gap:16px;align-items:center}.cfd-labels{background:#fafbfd;padding:10px 19px;color:#768397;font-size:11px}.cfd-labels span:last-child{text-align:right}.cfd-row{padding:18px 19px;border-top:1px solid #edf0f5}.cfd-identity{display:flex;gap:12px;align-items:center;min-width:0}.cfd-identity strong{display:block;font-size:14px;font-weight:600;overflow-wrap:anywhere}.cfd-identity small{display:block;color:#708094;font-size:12px;margin-top:3px}.cfd-icon{width:36px;height:36px;display:block;position:relative;flex:none;background:#f4f8fc;border:1px solid #e0e8f2;border-radius:7px}.cfd-icon:before{content:'';position:absolute;border:1.5px solid #6183a6;border-radius:2px}.cfd-tv:before{width:21px;height:14px;top:8px;left:6px}.cfd-tv:after{content:'';position:absolute;width:11px;height:1px;background:#6183a6;bottom:8px;left:11px}.cfd-phone:before{width:11px;height:22px;top:6px;left:11px}.cfd-signed{font-size:12px;color:#536b85}.cfd-state{font-size:12px;color:#527761}.cfd-revoked{color:#8d7474}.cfd-actions{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.cfd-actions .ce-button{font-size:12px;padding:7px 10px;min-height:36px}.cfd-card .cfd-danger{color:#a35d5d;border-color:#ead3d3}.cfd-card .cfd-danger-solid{background:#a45050;color:white;border-color:#a45050}.cfd-card .cfd-danger:hover{background:#fcf4f4}.cfd-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 19px 16px 67px;padding:13px 15px;background:#fafbfd;border:1px solid #e2e8f0;border-radius:6px}.cfd-details dt{font-size:11px;color:#708094;font-weight:400}.cfd-details dd{margin:3px 0 0;font-size:13px}.cfd-confirm{margin:0 19px 17px 67px;padding:16px;border:1px solid #ead3d3;background:#fffafa;border-radius:7px}.cfd-confirm h4{font-size:14px;margin:0 0 6px;font-weight:600;color:#7d4040}.cfd-confirm p{margin:0;font-size:12px;color:#6e6470}.cfd-confirm small{display:block;margin-top:7px;color:#8a7780;font-size:11px}.cfd-confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:13px;flex-wrap:wrap}.cfd-card footer{border-top:1px solid #edf0f5;padding:11px 19px;color:#708094;background:#fafbfd;font-size:12px}.cfd-error,.cfd-notice{margin:14px 19px;padding:11px 14px;border-radius:6px;font-size:13px;overflow-wrap:anywhere}.cfd-error{color:#a35d5d;background:#fcf4f4;border:1px solid #ead3d3}.cfd-notice{color:#527761;background:#f8fbf9;border:1px solid #dce7e1}.cfd-empty{padding:17px 19px;margin:0;color:#708094;font-size:13px}
@media(max-width:1170px){.cfd-labels{display:none}.cfd-row{grid-template-columns:minmax(0,1fr) auto;gap:9px 15px}.cfd-identity{grid-column:1;grid-row:1/3}.cfd-state{grid-column:2;grid-row:1;text-align:right}.cfd-actions{grid-column:2;grid-row:2}.cfd-signed{grid-column:1/-1;margin-left:48px}.cfd-signed:before{content:'Signed in ';color:#8490a0;font-size:11px}}
@media(max-width:500px){.cfd-heading{padding:15px;gap:8px}.cfd-heading>div{flex-basis:100%}.cfd-count{margin-right:auto}.cfd-row{padding:16px 14px;grid-template-columns:minmax(0,1fr);gap:12px}.cfd-identity{grid-column:1;grid-row:auto;gap:10px}.cfd-state{grid-column:1;grid-row:auto;margin-left:46px;text-align:left}.cfd-signed{grid-column:1;margin-left:46px}.cfd-actions{grid-column:1;grid-row:auto;justify-content:flex-start;margin-left:46px}.cfd-actions .ce-button{min-height:44px}.cfd-details,.cfd-confirm{margin:0 14px 16px;padding:14px}.cfd-confirm-actions{justify-content:flex-start}.cfd-card footer{padding:12px 14px}}