.modal:has(.child-id-card){align-items:center}.modal:has(.child-id-card) .modal-card{width:min(530px,calc(100% - 30px);padding:0;overflow:hidden}.child-id-card{background:linear-gradient(145deg,#f5f7ff,#fff);padding:24px;color:#172d61}.child-id-card header{display:flex;justify-content:space-between;align-items:center;color:#526181;font-size:11px;border-bottom:1px solid #dde4f7;padding-bottom:15px}.child-id-card header b{background:#365cff;color:#fff;padding:6px 10px;border-radius:20px}.id-profile{display:flex;align-items:center;gap:17px;padding:22px 0}.kid-photo{width:86px;height:86px;border-radius:26px;display:grid;place-items:center;background:linear-gradient(145deg,#ffd9a8,#fff2dd);font-size:49px;border:5px solid #fff;box-shadow:0 8px 20px #263b6a22}.id-profile h2{font-size:23px;margin:0 0 7px}.id-profile p{margin:0;color:#74809b;font-size:12px}.id-status{display:inline-block;background:#dcf8ed;color:#14805f;font-size:11px;border-radius:20px;padding:5px 10px;margin-top:10px}.id-details{display:grid;grid-template-columns:1fr 1fr;gap:10px}.id-details div{background:#fff;border:1px solid #e5eaf5;border-radius:12px;padding:11px}.id-details small,.id-details b{display:block}.id-details small{color:#7886a0;font-size:10px;margin-bottom:4px}.id-details b{font-size:12px}.kid-barcode{display:flex;flex-direction:column;align-items:center;gap:7px;width:100%;border:1px dashed #9aacdf;background:#fff;border-radius:14px;padding:16px 12px;margin-top:17px;cursor:pointer;color:#1b3471;transition:.16s}.kid-barcode:hover{border-color:#315cff;background:#f5f7ff;transform:translateY(-1px)}.barcode-bars{display:flex;direction:ltr;align-items:end;gap:2px;height:66px}.barcode-bars i{display:block;background:#142a60;width:2px}.barcode-bars .bar-1{width:4px}.kid-barcode b{font-size:12px;letter-spacing:1.5px}.kid-barcode small{font-size:11px;color:#526baf}.child-id-card footer{text-align:center;color:#74809b;font-size:10px;margin-top:16px}@media(max-width:520px){.child-id-card{padding:18px}.kid-photo{width:70px;height:70px;font-size:40px;border-radius:22px}.id-profile h2{font-size:18px}}
